@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap";.App{width:100vw;height:100vh;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal-content{position:fixed;bottom:8vh;width:100vw;height:75vh;z-index:1000}.button{background:#fff;border-radius:10px;box-shadow:1px 1px 1px #666;cursor:pointer;color:#fff;opacity:.2}.configurator__section__title{text-transform:uppercase;font-weight:700;font-family:Poppins,sans-serif;color:#fff;z-index:1}.configurator__section__values{display:flex;flex-direction:row;gap:10px;align-items:first baseline;flex-wrap:wrap;padding:20px 0}.item{display:flex;flex-direction:column;align-items:center;transition:all .4s}.item:hover{cursor:pointer;opacity:.9}.item__dot{width:40px;height:40px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#000;cursor:pointer;transition:transform .3s;border:#FFFFFF}.item__label{text-align:center;font-weight:700;font-size:12px;color:#aaa;text-transform:capitalize}.item.item--active .item__label{color:#fff}.infoModelos-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay .close-button{position:absolute;top:10px;right:25px;background-color:#000;color:#fff;border:none;font-size:15px;cursor:pointer;padding:10px;border:dotted 2px #000000;width:35px;height:35px;border-radius:50px;display:flex;align-items:center;justify-content:center;z-index:1001}.changeModel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:70px;height:70px;animation:spin 1s linear infinite;position:absolute}.loading-logo{width:65px;height:auto;z-index:2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bottom-bar{position:fixed;bottom:0;width:100vw;height:8vh;color:#fff;background-color:#181818cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000}.bottomBar{position:static;display:flex;gap:20px}.bottomBar__item{display:flex;align-items:center;cursor:pointer}.bottomBar__info{width:6.5vh;height:6.5vh}.bottomBar__modelos{width:5.5vh;height:5.5vh}.bottomBar__environment{width:4.5vh;height:4.5vh}.bottomBar__title{margin-left:8px;font-size:2.5vh}.bottomBar__item:hover{opacity:.6}.bottomBar__item:focus,.bottomBar__modelos:focus,.bottomBar__environment:focus{outline:none}.bottomBarCenter{position:static;display:flex;justify-content:center;align-items:center;padding:1.5vh 10px;background-color:#fffc;border-radius:8px;color:#000;cursor:pointer;transition:background-color .3s}.bottomBarCenter:hover{opacity:.8}.bottomBarCenter__title{font-size:2.5vh;font-weight:700}@media (max-width: 768px){.bottomBar__title{display:none}.bottomBar__info{width:6vh;height:6vh}.bottomBar__modelos{width:5vh;height:5vh}.bottomBar__environment{width:4.5vh;height:4.5vh}.bottomBarCenter__title{font-size:2.5vh;font-weight:700}}.bottomBar__info{width:clamp(40px,6vh,60px);height:clamp(40px,6vh,60px)}.bottomBar__modelos{width:clamp(35px,5.5vh,50px);height:clamp(35px,5.5vh,50px)}.bottomBar__environment{width:clamp(30px,4.5vh,40px);height:clamp(30px,4.5vh,40px)}.bottomBar{gap:clamp(10px,2vw,20px)}.bottomBar__title,.bottomBarCenter__title{font-size:clamp(12px,2vh,18px)}.bottomBarCenter{padding:clamp(8px,1.5vh,12px) clamp(10px,2vw,20px)}.cameraControlContainer{position:absolute;bottom:105px;left:20px;z-index:90;display:flex;align-items:center;justify-content:flex-start;width:60px;height:60px;border-radius:50%;background-color:#ffffff4d;transition:width .3s ease,border-radius .3s ease;overflow:hidden}.cameraControlContainer.expanded{width:300px;border-radius:30px}.cameraControlToggle{background-color:#fff;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;border:2px solid rgba(255,255,255,0)!important;transition:border-color .2s ease}.cameraControlToggle:focus{outline:none;box-shadow:none}.cameraControlButtons{opacity:0;transition:opacity .3s ease;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;flex:1}.cameraControlContainer.expanded .cameraControlButtons{opacity:1}.cameraControlButton{width:40px;height:40px;border-radius:50%;background-color:#ffffff2f;border:2px solid rgba(255,255,255,0);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;overflow:hidden}.cameraControlButton:hover{transform:scale(1.1);border:2px solid rgba(255,255,255,0)!important;outline:none!important;box-shadow:none!important}.cameraControlButton:focus{outline:2px solid rgb(0,0,0);outline-offset:2px}button{font-size:1em}@media (max-width: 375px) and (max-height: 667px){.cameraControlContainer{bottom:70px;width:46px;height:48px}.cameraControlContainer.expanded{width:240px;border-radius:24px}.cameraControlToggle{width:48px;height:48px}.cameraControlButton{width:35px;height:35px}}@media (max-width: 1024px) and (max-height: 1366px){.cameraControlContainer{bottom:350px!important}}@media (max-width: 912px) and (max-height: 1368px){.cameraControlContainer{bottom:130px!important}}@media (max-width: 540px) and (max-height: 720px){.cameraControlContainer{bottom:80px!important}}@media (max-width: 852px) and (max-height: 1281px){.cameraControlContainer{bottom:90px!important}}@media (max-width: 1024px) and (max-height: 600px){.cameraControlContainer{bottom:60px!important}}@media (max-width: 768px){body:has(.side-menu.open) .cameraControlContainer{display:none}}.side-menu{position:fixed;top:0;right:0;height:92%;width:20rem;transition:transform .3s ease;background-color:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:2px 0 5px #000;z-index:99}body:has(.overlay) .side-menu{transform:translate(100%)}.side-menu.closed{transform:translate(100%)}.side-menu.open{transform:translate(0)}body:has(.overlay) .toggle-button{transform:translate(100%)}.toggle-button{position:absolute;top:20px;left:-35px;cursor:pointer;background-color:#ffffffe6;color:#243547;border:none;width:35px;height:35px;border-radius:10%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:0;margin:0;box-sizing:border-box}.toggle-button:hover{opacity:.8}.toggle-button:focus{outline:none}.menu-content{padding:20px;max-height:92%;overflow-y:auto;scrollbar-width:none}.menu-content h3{font-size:20px;margin-left:10%;color:#000}.menu-content::-webkit-scrollbar{display:none}.container{display:flex;flex-direction:column;align-items:center}.expandable-card{width:100%;max-width:280px;border-radius:10px;overflow:hidden;background-color:#181818cc;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:15px;transition:all .3s ease}.button-header{width:100%;padding:10px;font-size:16px;color:#fff;background-color:#181818cc;cursor:pointer;font-weight:700;text-align:center;border-bottom:1px solid #333;transition:background-color .3s,color .3s;box-sizing:border-box}.button-header:hover{background-color:#242424;color:gold}.content{width:100%;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease;padding:0 10px;box-sizing:border-box}.content.show{box-sizing:border-box;height:auto;max-height:700px;opacity:1;flex-direction:column}.option-group{display:flex;flex-direction:column;gap:8px;margin-top:10px}.option{cursor:pointer;font-size:16px;padding:8px;text-align:center;transition:background-color .3s,color .3s;border:1px solid transparent;border-radius:5px}.option:hover{background-color:#444}.option.selected{background-color:gold;color:#000;font-weight:700;border-color:#333}.color-scroll{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:10px 0;align-items:center;width:100%;box-sizing:border-box}.cores-options{display:inline-flex;gap:10px;align-items:center;background-color:#222;height:50px}.color-hexagon{width:40px;height:40px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background-color:#ffffff1a;cursor:pointer;transition:transform .3s,box-shadow .3s;background-size:cover;background-position:center}.color-hexagon:hover{transform:scale(1.1);box-shadow:0 0 10px #ffd70080}.color-hexagon.selected{transform:scale(1.1);box-shadow:0 0 15px gold}.color-scroll::-webkit-scrollbar{height:6px}.color-scroll::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}.all-label{color:#000;font-weight:700;font-size:12px}.description-text{text-align:justify;color:#fff;font-size:10px;font-weight:200;margin-top:8px}@media (max-width: 1024px){.button-header{width:100%;font-size:14px;padding:8px}.content{padding:5px 10px}.option{font-size:14px}.color-scroll{height:auto}.color-scroll::-webkit-scrollbar{height:4px}.color-scroll::-webkit-scrollbar-thumb{background-color:#666}}@media (max-width: 480px){.button-header{font-size:12px;padding:6px}.content{padding:5px}.option{font-size:12px;padding:4px}.cores-options{gap:5px}.color-hexagon{width:30px;height:30px}}.infoModelos-container{position:fixed;bottom:8vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff80;width:100vw;height:75vh;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;z-index:1000}.header{width:100%;text-align:center;margin:0;padding:10px 0;color:#242424;font-family:Dancing Script,cursive;font-size:24px;position:relative;z-index:2}.header h2{position:relative}.headerUnderline{content:"";position:absolute;left:0;bottom:3px;width:100%;height:1px;opacity:.3;background-color:#242424}.infoModelos-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%}.imageSection{position:relative;bottom:25px;width:49%;max-height:320px;height:100%;border-radius:10px;overflow:hidden}.imagePontoon{position:absolute;z-index:-1}.pontoon{width:100%;height:100%;object-fit:cover}.infoSection{position:relative;bottom:25px;width:49%;height:100%;max-height:320px;background-color:#fff;padding:10px;border-radius:10px;overflow-y:auto;box-sizing:border-box;scrollbar-width:none;z-index:3}.infoSection h3{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:#333}.infoSection p{font-size:.95rem;line-height:1.5;color:#555;margin-bottom:10px}.infoSection ::-webkit-scrollbar{display:none}.itensSerie__content{width:100%;height:100%;object-fit:cover}.itensSerie__content ul{margin:0;padding:0;list-style:none}.itensSerie__content li{font-size:14px;color:#242424;padding:5px 0;border-bottom:1px solid #ddd}.itensSerie__message.loading{color:#0056b3}.itensSerie__message.error{color:#b30000}.dadosTecnicos__content{width:100%;height:100%;object-fit:cover}.dadosTecnicos__group h4{color:#002d62;font-weight:700;margin:0;padding:0}.dadosTecnicos__content ul{margin:0;padding:0;list-style:none}.dadosTecnicos__content li{font-size:14px;color:#242424;padding:5px 0;border-bottom:1px solid #ddd}.disclaimer{font-size:12px;color:#666}.link{color:#002d62;text-decoration:none}.itensSerie__title,.dadosTecnicos__title{background:none;color:#002d62;border:none;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;display:flex;align-items:center;border-radius:0}.itensSerie__title:hover,.dadosTecnicos__title:hover{background-color:#444}.itensSerie__title:hover,.dadosTecnicos__title:hover{background-color:gold;color:#000;font-weight:700;border-color:#333}.itensSerie__title:focus,.dadosTecnicos__title:focus{outline:none}.itensSerie__img,.dadosTecnicos__img{width:15px;height:15px;margin-right:5px}@media (max-width: 768px){.header{font-size:14px}.infoModelos-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%}.imageSection{position:relative;width:100%;height:40%;overflow:hidden;border-radius:10px;margin-bottom:10px}.infoSection{width:100%;height:60%;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;overflow-y:auto;z-index:3;box-sizing:border-box}.infoSection::-webkit-scrollbar{width:0;background:transparent}}@media (orientation: landscape) and (max-width: 1024px){.header{font-size:14px}.infoModelos-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%}.imageSection{display:none}.infoSection{width:100%;height:100%;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;overflow-y:auto;z-index:3;box-sizing:border-box}.infoSection::-webkit-scrollbar{width:0;background:transparent}}.container_CM{position:fixed;bottom:8vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff80;width:100vw;height:75vh;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;z-index:1000}.tabMenu{position:absolute;top:20px;left:5px;display:flex;gap:10px;background-color:transparent;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap}.tabMenu::-webkit-scrollbar{display:none}.tabButton{padding:10px 20px;font-size:16px;border:none;background-color:#f5f5f5;color:#555;border-radius:5px;cursor:pointer;transition:background-color .3s;box-sizing:border-box;width:149px;height:41px;z-index:1000}.tabButton:hover{background-color:#ddd}.tabButton.active{background-color:#333;color:#fff;font-weight:700;width:160px;box-sizing:border-box}.content_CM{display:flex;gap:20px;width:100%;height:100%;white-space:nowrap;overflow-y:hidden;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent;align-items:center}.content_CM::-webkit-scrollbar{height:8px}.content_CM::-webkit-scrollbar-track{background:transparent}.content_CM::-webkit-scrollbar-thumb{background-color:#181818cc;border-radius:10px;border:2px solid transparent}.content_CM::-webkit-scrollbar-thumb:hover{background-color:#181818cc}.content_CM::-webkit-scrollbar-button{display:none}.modelContent{text-align:center;flex-shrink:0;width:30vw;height:30vh}.modelImage{width:100%;height:100%;border-radius:10px;object-fit:cover;cursor:pointer}.modelImage:hover{opacity:.7}.modelContent h3{margin-top:10px;font-size:18px;color:#333}@media (max-width: 700px){.tabMenu{box-sizing:border-box;width:420px;height:50px;overflow-x:auto;overflow-y:hidden}.tabButton{flex-shrink:0;width:160px}.modelContent{text-align:center;flex-shrink:0;width:300px;height:300px;left:50%}.modelImage{width:100%;height:100%;border-radius:10px;object-fit:cover}.content_CM{scrollbar-width:none}@media (max-width: 700px) and (orientation: landscape){.container_CM{flex-direction:row;align-items:flex-start;justify-content:space-between;height:60vh;padding:10px}.tabButton{flex-shrink:0;width:160px}.modelContent{width:45%;height:auto}}}.Contact-background{position:fixed;bottom:8vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff80;width:100vw;height:75vh;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;z-index:1000}.app-container{position:relative;width:40%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-radius:20px;box-sizing:border-box}.form-container{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.form{display:flex;flex-direction:column;padding-top:24px;padding-bottom:24px;gap:15px;align-items:center;margin:auto}.form-group{position:relative;display:flex;flex-direction:column;width:30vw;padding-left:8px;padding-right:8px;justify-content:center;box-sizing:border-box}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group label{font-size:.825rem;margin-left:10px}.form-group label{color:#444;font-weight:500}.form-group input{padding:12px;border:none;border-radius:5px;outline:none;background-color:#444;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;color:#fff}.form-group input::placeholder{color:#999}.form-group .input-error{outline:1px solid rgb(255,72,72)}.form-group .error-message{color:#ff4848;font-size:.75rem;margin-top:5px}.form-group select{padding:12px;border:none;border-radius:5px;outline:none;background-color:#444;color:#eee;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;-moz-appearance:none;-webkit-appearance:none;appearance:none}.form-group button{border:none;padding:10px;border-radius:5px;color:#eee;background-color:#181818cc;font-weight:500;font-size:1rem;margin-top:12px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;transition:all .5s ease}.form-group button:hover{cursor:pointer;background-color:#000}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background-color:#ffffffe6;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;width:200px}.popup-content{display:flex;flex-direction:column;justify-content:space-between;height:100px}.popup-content p{margin-top:0;margin-bottom:auto;font-size:16px;text-align:center;color:#000}.popup-content button{align-self:center;margin-top:auto;background-color:#444;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.popup-content button:hover{background-color:#000}button:disabled{opacity:.5;cursor:not-allowed;transition:opacity .3s ease}@media (max-width: 1024px){.app-container{position:relative;width:90%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-radius:20px;box-sizing:border-box}.form-group{position:relative;display:flex;flex-direction:column;width:100%;justify-content:center;box-sizing:border-box}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
