:root{--hue: 223;--bg: hsl(var(--hue), 10%, 90%);--fg: hsl(var(--hue), 10%, 10%);--primary: hsl(var(--hue), 90%, 50%);--trans-dur: .3s;--trans-timing: cubic-bezier(.76, .05, .24, .95);--trans-timing-in: cubic-bezier(.76, .05, .86, .06);--trans-timing-out: cubic-bezier(.05, .76, .06, .86);font-size:16px}*{border:0;box-sizing:border-box;margin:0;padding:0}body,input{color:var(--fg);font:1em/1.5 sans-serif}body{background-color:var(--bg);display:block;height:auto;transition:background-color var(--trans-dur),color var(--trans-dur)}.switch{position:fixed;top:40px;right:20px;z-index:100;cursor:pointer}.switch__icon,.switch__input{display:block}.switch__icon{position:absolute;top:.375em;right:.375em;width:.75em;height:.75em;transition:opacity calc(var(--trans-dur) / 2),transform calc(var(--trans-dur) / 2)}.switch__icon polyline{transition:stroke-dashoffset calc(var(--trans-dur) / 2)}.switch__icon--light,.switch__icon--light polyline{transition-delay:calc(var(--trans-dur) / 2);transition-timing-function:var(--trans-timing-out)}.switch__icon--dark{opacity:0;transform:translate(-.75em) rotate(30deg) scale(.75);transition-timing-function:var(--trans-timing-in)}.switch__input{background-color:#6eb3f7;border-radius:.75em;box-shadow:0 0 0 .125em hsla(var(--hue),90%,50%,0),.125em .125em .25em hsla(var(--hue),90%,10%,.2);outline:transparent;position:relative;width:3em;height:1.5em;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--trans-dur) var(--trans-timing),box-shadow .15s linear}.switch__input:focus-visible{box-shadow:0 0 0 .125em hsl(var(--hue),90%,50%),.125em .125em .25em hsla(var(--hue),90%,10%,.2)}.switch__input:before,.switch__input:after{content:"";display:block;position:absolute}.switch__input:before{background-color:#f2cc0d;border-radius:inherit;mask-image:linear-gradient(120deg,hsl(0,0%,0%) 20%,hsla(0,0%,0%,0) 80%);-webkit-mask-image:linear-gradient(120deg,hsl(0,0%,0%) 20%,hsla(0,0%,0%,0) 80%);inset:0;transition:background-color var(--trans-dur) var(--trans-timing)}.switch__input:after{background-color:#fff;border-radius:50%;box-shadow:.05em .05em .05em hsla(var(--hue),90%,10%,.1);top:.125em;left:.125em;width:1.25em;height:1.25em;transition:background-color var(--trans-dur) var(--trans-timing),transform var(--trans-dur) var(--trans-timing);z-index:1}.switch__input:checked{background-color:#a30ac2}.switch__input:checked:before{background-color:#0a47c2}.switch__input:checked:after{background-color:#000;transform:translate(1.5em)}.switch__input:checked~.switch__icon--light,.switch__input:checked~.switch__icon--light polyline{transition-delay:0s;transition-timing-function:var(--trans-timing-in)}.switch__input:checked~.switch__icon--light{opacity:0;transform:translate(-.75em) rotate(-30deg) scale(.75)}.switch__input:checked~.switch__icon--light polyline{stroke-dashoffset:1.5}.switch__input:checked~.switch__icon--dark{opacity:1;transform:translate(-1.5em);transition-delay:calc(var(--trans-dur) / 2);transition-timing-function:var(--trans-timing-out)}.switch__sr{overflow:hidden;position:absolute;width:1px;height:1px}main{position:relative;z-index:1;margin:0;padding:0}#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.3}body{display:block}body{margin:0;color:#fff;font-family:Brandon Grotesque,sans-serif;background-color:#000}section{scroll-margin-top:50px}.site-header{display:flex;align-items:center;padding:0 30px;background:rgba(0,0,0,.7);position:fixed;top:0;width:100%;height:100px;z-index:1000}.logo{margin-right:30px}.logo img{height:130px}nav ul{list-style:none;display:flex;margin:0;padding:0}nav ul li{margin:0 15px}nav ul li a{text-decoration:none;color:#fff;font-weight:600;transition:color .3s;font-size:1.2em;-webkit-tap-highlight-color:transparent}nav ul li a:hover{color:#0ff}nav ul li a:focus,nav ul li a:active{background-color:transparent}.menu-toggle{display:none}.nav-menu{display:block}#services{padding:100px 20px 0;max-width:100%;margin:0 auto;text-align:center}#services h1{font-size:2em}.carousel-wrapper{position:relative;max-width:1240px;margin:40px auto}.carousel-container{width:100%;margin:0 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:auto;scrollbar-color:#00ffff transparent}.carousel-container::-webkit-scrollbar-button,.carousel-container::-webkit-scrollbar-corner{display:none}.carousel-container::-webkit-scrollbar{height:20px}#services:hover .carousel-container::-webkit-scrollbar-track{background:transparent;margin:2px}#services:hover .carousel-container::-webkit-scrollbar-thumb{background:#00ffff;border:2px solid transparent;border-radius:6px;box-shadow:inset 0 0 0 2px #0ff,0 0 10px #0ff}.carousel{display:flex;transition:transform .5s ease;-webkit-overflow-scrolling:touch}.carousel-item{position:relative;flex:0 0 auto;width:300px;height:500px;margin-right:10px;border-radius:10px;overflow:hidden}.carousel-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}.service-title{position:absolute;bottom:10px;left:10px;padding:5px 10px;background:rgba(0,0,0,.7);color:#fff;font-size:1.2em;z-index:5;transition:opacity .6s ease}.carousel-item:hover .service-title{opacity:0}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);color:#fff;padding:20px;opacity:0;transition:opacity .8s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:6;border-radius:10px}.carousel-item:hover .overlay{opacity:1}#contact{padding:0 20px;max-width:1200px;margin:0 auto}.contact-container{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.contact-info{flex:1;min-width:300px}.contact-info h2{margin-bottom:20px;text-align:left}.contact-info p{margin-bottom:20px;line-height:1.6}.contact-info ul{list-style:none;margin-bottom:20px;padding-left:0}.contact-info ul li{margin-bottom:10px;font-size:1em}#contact form{display:flex;flex-direction:column;gap:15px}#contact input,#contact textarea{padding:10px;border:none;border-radius:5px;font-size:1em;width:100%}#contact button{padding:15px;border:none;border-radius:5px;font-size:1em;background:#00ffff;color:#000;cursor:pointer;transition:background .3s}#contact button:hover{background:#008080}.contact-map{flex:1;min-width:300px;height:400px;border:2px solid #00ffff;border-radius:10px;overflow:hidden}footer{text-align:center;padding:20px;background:rgba(0,0,0,.7);margin-top:50px}body.light-mode{background-color:#fff;color:#000}body.light-mode .site-header{background:rgba(255,255,255,.9)}body.light-mode nav ul li a{color:#000}body.light-mode nav ul li a:hover{color:#0af}body.light-mode #theme-toggle,body.light-mode #contact button{background:#000;color:#fff}body.light-mode footer{background:rgba(255,255,255,.9)}body.light-mode .nav-menu{background:rgba(255,255,255,.9)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal-content{background-color:#222;margin:15% auto;padding:20px;border:1px solid #00ffff;border-radius:10px;width:80%;max-width:400px;color:#fff;text-align:center;position:relative}.close{color:#aaa;position:absolute;top:10px;right:8px;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#fff}.modal-content button{margin:15px 35px;padding:12px 24px;border:none;border-radius:5px;background:#00ffff;color:#fff;font-size:1.2em;font-weight:700;cursor:pointer;transition:background .3s}.modal-content button:hover{background:#008080}#quem-somos{padding:0 20px;max-width:1200px;margin:0 auto;text-align:left}#quem-somos h1{font-size:2em;text-align:center}.tabs-container{display:flex;gap:30px;margin-top:20px}.tabs-menu{display:flex;flex-direction:column;gap:15px}.tab-button{background:transparent;border:none;cursor:pointer;padding:0;transition:transform .3s ease;position:relative}.tab-button:after{content:"";position:absolute;top:50%;left:-15px;transform:translateY(-50%);width:8px;height:8px;background-color:#0ff;border-radius:50%}.tab-button.active:after{display:none}.tab-button img{width:100px;height:100px;border-radius:50%;border:2px solid transparent;transition:all .3s ease;object-fit:cover}.tab-button.active img{width:150px;height:150px;border:2px solid #00ffff;transform:scale(1.1)}.tabs-content{flex:1;max-height:500px;overflow-y:auto}.tab-content{display:none;animation:fadeIn .5s ease}.tab-content.active{display:block}.neon-card{padding:20px;border:1px solid #00ffff;border-radius:10px;background:rgba(0,0,0,.5);box-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 15px #0ff;color:#fff;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#nossos-clientes{padding:70px 20px;max-width:1200px;margin:0 auto;text-align:left}#nossos-clientes h1{font-size:2em;text-align:center}#nossos-clientes .tabs-container{display:flex;gap:30px;margin-top:20px;flex-direction:row;justify-content:space-between;align-items:center}#nossos-clientes .tabs-content{flex:1;max-height:500px;overflow-y:auto}#nossos-clientes .tabs-menu{display:flex;flex-direction:column;gap:15px}#nossos-clientes .tab-button:after{left:auto;right:-15px}@media (max-width: 768px){section{scroll-margin-top:20px}.site-header{flex-direction:column;height:auto;padding:10px 20px;justify-content:center;position:relative}.logo{margin-right:0}.logo img{height:60px}.menu-toggle{display:block;background:none;border:none;font-size:2em;color:#fff;cursor:pointer;position:absolute;top:20px;left:20px;z-index:1100}.nav-menu{display:none;background:rgba(0,0,0,.9);position:absolute;top:100%;left:0;width:100%;z-index:1050}.nav-menu.active{display:block}.nav-menu ul{list-style:none;padding:10px 0;margin:0;text-align:center}.nav-menu ul li{margin:10px 0}.nav-menu ul li a{padding:10px 15px;font-size:.9em}#services{padding:0 10px}.carousel-wrapper,.carousel-container{margin:20px auto}.carousel-item{width:250px;height:400px;margin-right:10px}.service-title{font-size:1.1em}#quem-somos{padding:70px 10px;text-align:center}#quem-somos .tabs-container{flex-direction:column;gap:20px}#quem-somos .tabs-menu{flex-direction:row;justify-content:center;gap:10px}#quem-somos .tab-button:after{display:none}#quem-somos .tabs-content{max-height:300px;overflow-y:auto}#nossos-clientes{padding:70px 10px;text-align:center}#nossos-clientes .tabs-container{flex-direction:column;gap:20px}#nossos-clientes .tabs-menu{order:-1;flex-direction:row;justify-content:center;gap:10px}#nossos-clientes .tabs-content{order:1;max-height:300px;overflow-y:auto}#nossos-clientes .tab-button:after{content:none;display:none}}@media (max-width: 480px){.click{font-size:.9rem;margin:.5em auto;display:inline-block;height:40px}body{font-size:14px}.modal-content{width:90%;margin:30% auto;padding:15px}.modal-content button{margin:10px 15px;padding:10px 18px;font-size:1em}}.click{margin-top:5%;font-weight:700;background-color:#0af;border-radius:50px;color:#fff;padding:5px}.button-container{display:flex;align-items:center;justify-content:center;flex-direction:column}