:root{--dark:#0b1118;--navy:#1c2a3b;--navy2:#152333;--teal:#00637a;--cyan:#00a6c8;--steel:#e9eef2;--text:#172331;--muted:#5e6d78;--radius:22px;--shadow:0 20px 50px rgba(10,25,40,.12)}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;font-size:18px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1120px,92vw);margin:auto}
.top{background:#d7d7d7;padding:25px 0}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{height:86px;object-fit:contain}.top-contact{display:grid;gap:5px;color:#00546d;font-weight:800;font-size:18px}.menu{background:#050608;position:sticky;top:0;z-index:50;border-bottom:4px solid var(--teal)}.menu .wrap{display:flex;align-items:center;justify-content:space-between}.nav{display:flex;align-items:center}.nav a{color:#fff;text-transform:uppercase;font-size:14px;letter-spacing:.09em;font-weight:800;padding:18px 20px;border-left:1px solid rgba(255,255,255,.13)}.nav a:hover,.nav a.active{background:var(--navy)}.hamb{display:none;background:none;border:0;color:#fff;font-size:32px;padding:14px}
.hero{background:var(--dark);position:relative;overflow:hidden}.slides{display:flex;transition:transform .55s ease}.slide{min-width:100%;position:relative;height:640px;display:flex;align-items:center;color:#fff}.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,13,19,.9),rgba(6,13,19,.55),rgba(6,13,19,.1))}.hero-copy{position:relative;z-index:2;width:min(720px,90vw);margin-left:calc((100vw - min(1120px,92vw))/2)}.kicker{color:var(--cyan);font-weight:900;letter-spacing:.25em;text-transform:uppercase;font-size:13px}.hero h1{font-size:58px;line-height:1.02;margin:12px 0 18px}.hero p{max-width:660px;font-size:20px;color:#dbe8ef}.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--cyan);color:#00141c;border-radius:12px;padding:14px 22px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:13px;cursor:pointer}.btn.dark{background:var(--navy);color:#fff}.btn.out{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}.dots{position:absolute;z-index:3;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:12px}.dot{width:12px;height:12px;border-radius:50%;background:#fff;opacity:.45;border:0}.dot.active{background:var(--cyan);opacity:1}
.section{padding:80px 0}.section.alt{background:#f4f7f9}.section.dark{background:var(--navy2);color:#fff}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-head h2{font-size:42px;line-height:1.15;margin:8px 0 12px}.section-head p{color:var(--muted)}.dark .section-head p{color:#c2d1db}.grid{display:grid;gap:24px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid #dfe8ed;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card img{height:230px;width:100%;object-fit:cover}.card-body{padding:26px}.card h3{font-size:24px;line-height:1.2;margin:0 0 10px}.card p{color:var(--muted);font-size:16px}.link{color:var(--teal);font-weight:900;letter-spacing:.04em}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.split img{border-radius:var(--radius);box-shadow:var(--shadow);height:430px;width:100%;object-fit:cover}.check{list-style:none;padding:0;display:grid;gap:10px}.check li{position:relative;padding-left:30px}.check li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:900}
.page-hero{background:linear-gradient(135deg,var(--navy2),#071017);color:#fff;padding:68px 0}.breadcrumb{font-size:14px;color:#9fd9e6;margin-bottom:14px}.page-hero h1{font-size:48px;line-height:1.1;margin:0 0 10px}.content{padding:70px 0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px;align-items:start}.prose h2{font-size:34px;line-height:1.2}.prose h3{font-size:24px}.prose p{color:#3f4b55}.side{position:sticky;top:92px;display:grid;gap:18px}.side-card{background:#f7fafc;border:1px solid #dce7ed;border-radius:18px;padding:22px}.side-card h3{margin-top:0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery img{height:170px;object-fit:cover;border-radius:14px;border:1px solid #dfe8ed}.tech-list{display:grid;gap:12px}.tech-list a{padding:16px 18px;border:1px solid #dce7ed;border-radius:12px;background:#fff;color:var(--teal);font-weight:800}.contact-box{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:28px;border:1px solid #dfe8ed}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:15px;border:1px solid #cfd9df;border-radius:10px;font:inherit}.form textarea{min-height:150px}
.footer{background:var(--navy);color:#dfe8ed;padding:60px 0 0}.footer a{color:#dfe8ed}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}.footer h3{color:#fff;margin-top:0}.footer-tags{display:flex;flex-wrap:wrap;gap:8px}.footer-tags a,.seo-links a{background:#006a7c;color:#fff;border-radius:7px;padding:7px 10px;font-size:14px}.seo-footer{background:#101a26;color:#dfe8ed;padding:42px 0}.seo-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.copyright{background:#070b10;color:#94a4b3;padding:18px 0;font-size:14px}.float-w{position:fixed;right:22px;bottom:22px;z-index:60;background:#16c65b;color:#fff;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.3)}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-height:92vh;max-width:92vw;border-radius:10px}.lb-close{position:absolute;right:22px;top:18px;color:#fff;background:none;border:0;font-size:44px}.table{width:100%;border-collapse:collapse;margin:24px 0}.table th,.table td{border:1px solid #d9e3e9;padding:12px;text-align:left}.table th{background:var(--navy);color:#fff}.faq details{border-bottom:1px solid #dce7ed;padding:16px 0}.faq summary{font-weight:800;cursor:pointer}.region-card{padding:30px;border-left:6px solid var(--cyan);background:#fff;border-radius:18px;box-shadow:var(--shadow)}
@media(max-width:900px){body{font-size:16px}.top{display:none}.hamb{display:block}.menu .wrap{width:100%;padding:0 18px}.nav{position:fixed;top:0;right:-100%;width:min(360px,90vw);height:100vh;background:#050608;display:block;padding:70px 22px;transition:.3s;overflow:auto;z-index:80}.nav.open{right:0}.nav a{display:block;border:0;border-bottom:1px solid rgba(255,255,255,.12)}.hero h1{font-size:38px}.slide{height:560px}.hero-copy{margin-left:5vw}.grid.three,.grid.two,.split,.content-grid,.footer-grid,.seo-links{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.side{position:static}.section{padding:55px 0}.footer{padding-top:42px}}


/* ===== Techno Base V3 - Correções mobile e WhatsApp ===== */
.mobile-logo{display:none}
.float-w{
  position:fixed;
  right:22px;
  bottom:22px;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#25d366;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 30px rgba(0,0,0,.22);
  z-index:120;
  font-size:0;
  text-decoration:none;
}
.float-w::before{
  content:"";
  width:32px;
  height:32px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16.04 3C8.86 3 3.02 8.82 3.02 15.99c0 2.3.61 4.55 1.77 6.53L3 29l6.63-1.74a13.02 13.02 0 0 0 6.4 1.67h.01c7.18 0 13.02-5.83 13.02-13S23.22 3 16.04 3Zm0 23.7h-.01a10.8 10.8 0 0 1-5.5-1.5l-.39-.23-3.93 1.03 1.05-3.83-.25-.4a10.75 10.75 0 0 1-1.65-5.78c0-5.9 4.8-10.7 10.72-10.7 2.86 0 5.55 1.11 7.57 3.14a10.62 10.62 0 0 1 3.14 7.56c0 5.91-4.82 10.71-10.75 10.71Zm5.88-8.02c-.32-.16-1.9-.94-2.2-1.05-.3-.1-.52-.16-.73.16-.21.32-.84 1.05-1.03 1.27-.19.21-.38.24-.7.08-.32-.16-1.36-.5-2.58-1.6a9.66 9.66 0 0 1-1.79-2.22c-.19-.32-.02-.5.14-.65.15-.14.32-.38.49-.57.16-.19.21-.32.32-.54.11-.21.05-.4-.03-.56-.08-.16-.73-1.77-1-2.43-.26-.63-.53-.55-.73-.56h-.62c-.21 0-.56.08-.86.4-.3.32-1.13 1.1-1.13 2.68s1.16 3.12 1.32 3.33c.16.21 2.28 3.48 5.52 4.88.77.33 1.37.53 1.84.68.77.25 1.48.21 2.04.13.62-.09 1.9-.78 2.17-1.53.27-.75.27-1.4.19-1.53-.08-.14-.29-.22-.61-.38Z'/%3E%3C/svg%3E");
}

@media(max-width:900px){
  html,body{overflow-x:hidden}
  .top{display:none!important}
  .menu{position:sticky;top:0;z-index:100;background:#050608;border-bottom:2px solid var(--teal)}
  .menu .wrap{
    width:100%;
    min-height:72px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .mobile-logo{display:flex;align-items:center;max-width:205px}
  .mobile-logo img{display:block;width:190px;max-width:58vw;height:auto}
  .hamb{
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    margin:0 0 0 auto;
    color:#fff;
    background:transparent;
    border:0;
    font-size:28px;
    line-height:1;
    z-index:105;
  }
  .nav{
    position:fixed;
    top:0;
    right:-100%;
    width:min(360px,88vw);
    height:100vh;
    background:#050608;
    display:block;
    padding:88px 22px 26px;
    transition:.3s;
    overflow:auto;
    z-index:104;
    box-shadow:-18px 0 45px rgba(0,0,0,.35);
  }
  .nav.open{right:0}
  .nav a{display:block;border:0;border-bottom:1px solid rgba(255,255,255,.12);padding:16px 8px}
  .slide{
    height:650px;
    align-items:flex-start;
    padding-top:74px;
  }
  .slide img{opacity:.62}
  .slide:after{background:linear-gradient(90deg,rgba(6,13,19,.94),rgba(6,13,19,.76),rgba(6,13,19,.35))}
  .hero-copy{
    width:90vw;
    margin-left:5vw;
    padding-bottom:92px;
  }
  .hero h1{font-size:34px;line-height:1.08;margin:10px 0 14px}
  .hero p{font-size:18px;line-height:1.55}
  .btns{gap:12px;margin-top:18px;padding-bottom:46px}
  .btn{width:100%;max-width:240px;min-height:48px}
  .dots{
    bottom:24px;
    z-index:4;
    pointer-events:auto;
  }
  .float-w{
    width:56px;
    height:56px;
    right:18px;
    bottom:18px;
  }
  .float-w::before{width:31px;height:31px}
  .section:first-of-type{padding-top:62px}
  .card img{height:220px}
}
@media(max-width:430px){
  .mobile-logo img{width:176px;max-width:62vw}
  .menu .wrap{min-height:66px;padding:0 14px}
  .hamb{width:44px;height:44px}
  .slide{height:665px;padding-top:62px}
  .hero h1{font-size:31px}
  .hero p{font-size:17px}
  .hero-copy{padding-bottom:105px}
  .btns{padding-bottom:58px}
  .dots{bottom:22px}
}