/* Layout: padrão corporativo claro (barra de contato, menu com submenus, hero escuro com esquema técnico, faixa de diferenciais, grades de setores e serviços, números, rodapé azul-marinho). */
:root{
  --bg:#ffffff; --soft:#f3f6f9; --ink:#1b2b3a; --navy:#1b2b3a; --navy2:#243a4d;
  --blue:#3b6f9c; --blue-l:#9fc3de; --line:#dde5ec; --mut:#5a6c7d; --hot:#9fc3de;
  --f-head:"Archivo","Arial Narrow",Arial,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:var(--f-head);font-weight:700;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:500}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:2px;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;font-family:var(--f-body);line-height:1.2}
.btn.pri{background:var(--blue);color:#fff}
.btn.pri:hover{background:#315f87}
.btn.hot{background:var(--blue);color:#fff}
.btn.hot:hover{background:#315f87}
.hero .btn.hot,.spot .btn.hot{background:#dbe7f1;color:var(--navy)}
.hero .btn.hot:hover,.spot .btn.hot:hover{background:#fff}
.btn.out{border-color:currentColor;background:transparent}
.btn.out.lt{color:#fff}
.btn.out.lt:hover{background:rgba(255,255,255,.1)}
.link{font-weight:600;color:var(--blue);text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.link:hover{text-decoration:underline}

/* barra de contato + cabeçalho */
.util{background:#111c27;color:#b4c3d1;font-size:13px}
.util .wrap{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding-block:7px}
.util span{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(27,43,58,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);color:#e8eef5}
header.top .logo{--logo-ink:#e8eef5;--logo-blue:#9fc3de;--lg-line:#3f566b;color:#e8eef5}
.sub{color:var(--ink)}
header.top .wrap{display:flex;align-items:center;gap:32px;min-height:78px}
.logo{display:block;width:196px;flex:none;color:var(--ink);--logo-ink:#1b2b3a;--logo-blue:#3b6f9c;--lg-line:#ced9e3}
.logo svg{display:block;width:100%;height:auto}
nav.main{margin-left:auto;display:flex;align-items:center;gap:6px}
nav.main>div{position:relative}
nav.main a.m{display:block;padding:28px 14px;font-weight:600;font-size:15px;text-decoration:none;color:#c9d6e3;position:relative}
nav.main a.m:hover{color:#fff}
nav.main a.m::after{content:"";position:absolute;left:14px;right:14px;bottom:20px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .2s}
nav.main>div:hover a.m::after,nav.main>div:focus-within a.m::after,nav.main a.m:hover::after{transform:scaleX(1)}
.sub{position:absolute;left:0;top:100%;min-width:290px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--blue);box-shadow:0 18px 40px rgba(13,27,42,.14);padding:10px;display:none}
nav.main>div:hover .sub,nav.main>div:focus-within .sub{display:block}
.sub a{display:block;padding:11px 14px;text-decoration:none;font-size:15px;border-radius:2px}
.sub a:hover{background:var(--soft);color:var(--blue)}
.sub small{display:block;color:var(--mut);font-size:13px}
.burger{display:none;margin-left:auto;background:none;border:1.5px solid rgba(255,255,255,.25);border-radius:3px;width:46px;height:42px;cursor:pointer;color:#fff}

/* hero */
.hero{background:radial-gradient(900px 480px at 80% 45%,rgba(79,128,168,.28),transparent 70%),var(--navy);color:#fff;padding-block:84px 76px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.hero h1{font-size:clamp(40px,5.8vw,74px);margin-block:16px 22px;font-weight:800}
.hero .lead{font-size:19px;color:#c9d6e3;max-width:34em}
.hero .eyebrow{color:var(--blue-l)}
.pipes{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:30px;font-family:var(--f-head);font-weight:600;font-size:18px;letter-spacing:.02em}
.pipes span{padding-right:14px;margin-right:14px;border-right:1px solid rgba(255,255,255,.3)}
.pipes span:last-child{border:0;margin:0;padding:0}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.scope{border:1px solid rgba(255,255,255,.16);background:rgba(27,43,58,.55);border-radius:4px;padding:14px;min-width:0}
.scope svg{display:block;width:100%;height:auto}
.scope .cap{display:flex;justify-content:space-between;gap:12px;font-family:var(--f-mono);font-size:11px;color:#93a8bd;letter-spacing:.08em;text-transform:uppercase;padding:2px 4px 10px}

/* faixa de diferenciais */
.val{border-bottom:1px solid var(--line)}
.val .wrap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.val div{padding:30px 18px;text-align:center;border-right:1px solid var(--line);font-family:var(--f-head);font-weight:700;font-size:16px;line-height:1.25}
.val div:last-child{border-right:0}
.val svg{display:block;margin:0 auto 12px;width:40px;height:40px}

section{padding-block:88px}
section.soft{background:var(--soft)}
.head{max-width:46em;margin-bottom:44px}
.head h2{font-size:clamp(30px,4vw,48px);margin-top:10px}
.head p{color:var(--mut);margin-top:14px}

/* destaque WTA */
.spot{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:var(--navy);color:#fff}
.spot .art{background:linear-gradient(135deg,#3b6f9c,#2f5575);display:flex;align-items:center;justify-content:center;padding:48px;min-height:360px}
.spot .art svg{width:100%;max-width:480px;height:auto}
.spot .txt{padding:56px 52px}
.spot h2{font-size:clamp(28px,3.4vw,42px);margin:12px 0 18px}
.spot p{color:#c9d6e3;margin-bottom:26px}
.spot .eyebrow{color:var(--blue-l)}

/* setores */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tile{background:var(--navy);color:#fff;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.tile:nth-child(3n+2){background:var(--navy2)}
.tile:nth-child(3n){background:#2c4a63}
.tile .art{height:156px;padding:10px 14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}
.tile .art svg{height:100%;width:auto;max-width:100%}
.tile .tx{padding:18px 22px 22px}
.tile small{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--blue-l);text-transform:uppercase;display:block}
.tile b{display:block;font-family:var(--f-head);font-size:clamp(22px,2.1vw,28px);font-weight:700;margin-top:4px;line-height:1.1;text-wrap:balance}

/* cartões de serviço */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.card .ph{background:var(--soft);aspect-ratio:3/2;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}
.card .ph svg{width:50%;height:auto}
.card .ph img{width:100%;height:100%;object-fit:cover;display:block}
.card .bd{padding:22px 22px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.card h3{font-size:22px}
.card p{color:var(--mut);font-size:15.5px;flex:1}
.card:hover{border-color:var(--blue);box-shadow:0 10px 28px rgba(13,27,42,.08)}



/* quem somos */
.about{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:center}
.about h2{font-size:clamp(30px,4vw,46px);margin:10px 0 18px}
.about p{color:var(--mut);max-width:38em}
.about p+p{margin-top:14px}
.facts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.facts li{display:flex;flex-direction:column;gap:2px;padding:20px 4px;border-bottom:1px solid var(--line)}
.facts b{font-family:var(--f-head);font-size:clamp(28px,3.2vw,38px);font-weight:800;line-height:1.05;color:var(--ink)}
.facts span{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}

/* manutenção em destaque */
section.dark{background:var(--navy);color:#fff}
section.dark .head p{color:#b4c3d1}
section.dark .eyebrow,.dark .pk{color:var(--blue-l)}
.mfeat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:var(--navy2);border:1px solid rgba(255,255,255,.1)}
.mph{position:relative;min-height:380px;background:#1b2b3a}
.mph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.badge{position:absolute;left:18px;top:18px;background:#dbe7f1;color:var(--navy);font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:7px 12px;border-radius:2px}
.mtx{padding:42px 44px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;min-width:0}
.mtx h3{font-size:clamp(28px,3.2vw,40px)}
.mtx>p{color:#c9d6e3;max-width:36em}
.pk{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:6px 0 10px;width:100%}
.two h4{font-family:var(--f-head);font-size:19px;margin:0 0 8px;color:#fff}
.two ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px;color:#c9d6e3}
.two li{padding-left:16px;position:relative}
.two li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:2px;background:var(--blue-l)}
.mrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.mcard{background:var(--navy2);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;min-width:0}
.mimg{aspect-ratio:2/1;background:#e9eff5;overflow:hidden}
.mimg img{width:100%;height:100%;object-fit:cover;display:block}
.mbd{padding:24px 28px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.mbd h3{font-size:26px}
.mbd p{color:#c9d6e3;font-size:15.5px;flex:1}
.link.lt{color:var(--blue-l)}
.dark .btn.hot{background:#dbe7f1;color:var(--navy)}
.dark .btn.hot:hover{background:#fff}

/* produtos WTA */
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pcard{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.pcard:hover{border-color:var(--blue);box-shadow:0 10px 28px rgba(27,43,58,.08)}
.pimg{aspect-ratio:2/1;background:#e9eff5;border-bottom:1px solid var(--line);overflow:hidden}
.pimg img{width:100%;height:100%;object-fit:cover;display:block}
.pbd{padding:22px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.pk{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:500}
.pbd h3{font-size:24px}
.pbd p{color:var(--mut);font-size:15.5px}
.chips{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.chips li{font-family:var(--f-mono);font-size:11.5px;border:1px solid var(--line);background:var(--soft);padding:4px 9px;border-radius:2px;color:#2f4558}
.pbd .link{margin-top:auto;padding-top:6px}
.spot .art.ph2{padding:0;overflow:hidden;position:relative}
.spot .art.ph2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

.repnote{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);font-family:var(--f-mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}

/* números */
.nums{background:var(--blue);color:#fff;padding-block:70px}
.nums .wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.nums b{display:block;font-family:var(--f-head);font-size:clamp(44px,5.2vw,68px);font-weight:800;line-height:1}
.nums span{display:block;margin-top:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#d5e7f6}

/* processo */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));counter-reset:s}
.steps li{counter-increment:s;padding:26px 22px 0 0;border-top:2px solid var(--line);position:relative}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--f-mono);font-size:12px;color:var(--blue);display:block;margin-bottom:10px;font-weight:500}
.steps li::after{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;background:var(--blue);border-radius:50%}
.steps h3{font-size:21px;margin-bottom:8px}
.steps p{color:var(--mut);font-size:15px}

/* faq */
.faq{max-width:54em;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:20px 4px}
.faq summary{cursor:pointer;font-family:var(--f-head);font-size:21px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:var(--blue);font-family:var(--f-mono)}
.faq details[open] summary::after{content:"–"}
.faq summary::-webkit-details-marker{display:none}
.faq details p{color:var(--mut);margin-top:12px;max-width:44em}

/* links relacionados */
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rel a{display:flex;flex-direction:column;gap:10px;padding:30px 28px;background:#fff;border:1px solid var(--line);text-decoration:none;min-height:170px}
.rel a:hover{border-color:var(--blue)}
.rel h3{font-size:24px}
.rel p{color:var(--mut);font-size:15.5px;flex:1}

/* contato */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px}
.contact h2{font-size:clamp(32px,4.4vw,54px);margin-top:10px}
.info{margin:30px 0 0;display:grid;gap:18px}
.info dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.info dd{margin:4px 0 0;font-size:19px;user-select:all;overflow-wrap:anywhere}
form{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:30px;display:grid;gap:16px;min-width:0}
label{display:grid;gap:6px;font-size:14px;color:var(--mut);font-weight:500}
input,select,textarea{width:100%;background:#fff;color:var(--ink);border:1px solid #bccbd8;border-radius:2px;padding:12px;font:inherit;font-size:16px}
input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(59,111,156,.15)}
textarea{min-height:110px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#send-out{display:none;gap:10px;padding:14px;border:1px dashed var(--blue);font-size:15px;background:var(--soft)}
#send-out.on{display:grid}

/* rodapé */
footer{background:var(--navy);color:#b4c3d1;padding-block:64px 28px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
footer .logo{--logo-ink:#e8eef5;--logo-blue:#9fc3de;--lg-line:#3a5168;color:#e8eef5;width:210px;margin-bottom:18px}
footer h4{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 14px;font-weight:500}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px}
footer a{text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline}
footer .legal{margin-top:46px;padding-top:22px;border-top:1px solid #243a50;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:13px;padding-bottom:64px}
footer .legal span{font-family:var(--f-mono);font-size:12px}

.wa{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;background:#3f8f86;color:#fff;border-radius:999px;padding:13px 20px;font-weight:600;text-decoration:none;display:flex;gap:10px;align-items:center;box-shadow:0 6px 24px rgba(0,0,0,.3)}

@media (max-width:1080px){
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.12);flex-direction:column;align-items:stretch;padding:8px max(16px,env(safe-area-inset-left,0px)) 16px;gap:0;max-height:70vh;overflow:auto}
  nav.main.open{display:flex}
  nav.main a.m{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.1)}
  .sub{background:transparent}
  .sub a{color:#c9d6e3}
  .sub a:hover{background:rgba(255,255,255,.06);color:#fff}
  nav.main a.m::after{display:none}
  .sub{position:static;display:block;border:0;box-shadow:none;padding:0 0 6px 12px;min-width:0}
  .sub small{display:none}
  .burger{display:block}
  header.top .wrap{gap:16px}
  .hero .wrap,.spot,.contact{grid-template-columns:1fr}
  .val .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}
  .val div:nth-child(3){border-right:0}
  .val div:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about,.mfeat,.mrow{grid-template-columns:1fr}
  .mph{min-height:260px}
  .pgrid{grid-template-columns:1fr}
  .nums .wrap{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px}
  .steps{grid-template-columns:1fr 1fr;row-gap:28px}
  footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  section{padding-block:60px}
  .hero{padding-block:48px}
  .logo{width:160px}
  .util .wrap{justify-content:center}
  .util .hide-s{display:none}
  .val .wrap{grid-template-columns:1fr 1fr}
  .val div:nth-child(3){border-right:1px solid var(--line)}
  .val div:nth-child(even){border-right:0}
  .val div:nth-child(-n+4){border-bottom:1px solid var(--line)}
  .val div:nth-child(5),.val div:nth-child(6){border-bottom:0}
  .tiles{grid-template-columns:1fr 1fr}
  .tile .art{height:120px}
  .tile .tx{padding:14px 16px 18px}
  .tile b{font-size:22px}
  .cards,.rel,.steps{grid-template-columns:1fr}
  .pbd{padding:18px 18px 22px}
  .mtx{padding:28px 22px}
  .two{grid-template-columns:1fr}
  .mbd{padding:20px 20px 24px}
  .nums .wrap{grid-template-columns:1fr 1fr}
  .row2{grid-template-columns:1fr}
  .spot .txt{padding:34px 24px}
  .spot .art{padding:28px;min-height:240px}
  form{padding:22px}
  footer .cols{grid-template-columns:1fr}
}
@media (max-width:560px){
  .tiles{grid-template-columns:1fr}
  .tile .art{height:130px}
}

/* ===== modernização ===== */
.hero{position:relative;overflow:hidden;padding-block:78px 70px}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(159,195,222,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(159,195,222,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 80% at 70% 40%,#000,transparent);mask-image:radial-gradient(70% 80% at 70% 40%,#000,transparent);pointer-events:none}
.hero .wrap{position:relative}
.hero h1{font-size:clamp(44px,6.6vw,92px);line-height:1;letter-spacing:-.025em}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,#9fc3de,#e8f1f8);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(159,195,222,.3);border-radius:999px;padding:7px 14px;background:rgba(159,195,222,.08);color:#c9d6e3;letter-spacing:.08em}
.eyebrow.pill i{width:8px;height:8px;border-radius:50%;background:#9fc3de;box-shadow:0 0 0 0 rgba(159,195,222,.6);animation:ping 2.4s ease-out infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(159,195,222,0)}100%{box-shadow:0 0 0 0 rgba(159,195,222,0)}}
.proof{list-style:none;margin:34px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 34px}
.proof b{display:block;font-family:var(--f-head);font-size:20px;font-weight:700}
.proof span{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#93a8bd}
.btn{transition:transform .15s,background .15s,border-color .15s}
.btn:hover{transform:translateY(-1px)}
.btn.big{padding:18px 34px;font-size:18px}

/* diagnóstico */
.diag{background:linear-gradient(180deg,var(--navy) 0,#16283a 100%);color:#fff;padding-block:30px 90px;border-top:1px solid rgba(255,255,255,.08)}
.diag .head p{color:#b4c3d1}
.diag .eyebrow{color:var(--blue-l)}
.dgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:28px;align-items:start}
.sbtns{display:grid;gap:8px}
.sbtn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);font-family:var(--f-head);font-size:19px;font-weight:600;line-height:1.15;color:#dbe7f1;transition:background .15s,border-color .15s,transform .15s}
.sbtn:hover{background:rgba(159,195,222,.1);border-color:rgba(159,195,222,.5)}
.sbtn:focus-visible{outline:2px solid var(--blue-l);outline-offset:2px}
.sbtn i{font-style:normal;color:var(--blue-l);flex:none;transition:transform .15s}
.sbtn[aria-selected="true"]{background:#dbe7f1;color:var(--navy);border-color:#dbe7f1}
.sbtn[aria-selected="true"] i{color:var(--navy);transform:translateX(4px)}
.spanel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);padding:34px 36px;min-width:0}
.spanel h3{font-size:clamp(26px,3vw,36px);margin:6px 0 8px}
.spanel .sub{color:#b4c3d1;margin-bottom:20px}
.spanel h4{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-l);margin:22px 0 10px;font-weight:500}
.spanel ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.spanel li{padding-left:20px;position:relative;color:#e8eef5}
.spanel li::before{content:"";position:absolute;left:0;top:.7em;width:9px;height:2px;background:var(--blue-l)}
.spanel p{color:#c9d6e3}
.spanel .cta{margin-top:26px}
.spanel .pk{color:var(--blue-l)}

/* filtros */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.fbtn{all:unset;box-sizing:border-box;cursor:pointer;padding:9px 16px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:14.5px;color:#2f4558;transition:background .15s,border-color .15s}
.fbtn:hover{border-color:var(--blue)}
.fbtn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.fbtn[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pcard{transition:transform .2s,box-shadow .2s,border-color .2s}
.pcard:hover,.card:hover{transform:translateY(-3px)}
.pbd{padding:20px 22px 24px}
.pbd h3{font-size:22px}
.pbd p{font-size:15px}

.diag .btn.hot{background:#dbe7f1;color:var(--navy)}
.diag .btn.hot:hover{background:#fff}
[id]{scroll-margin-top:96px}

/* urgência */
.urg{background:linear-gradient(120deg,#2c4a63,#1b2b3a);color:#fff;padding-block:64px}
.urg .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px}
.urg h2{font-size:clamp(34px,5vw,60px);margin:8px 0 12px}
.urg p{color:#c9d6e3;max-width:34em}
.urg .eyebrow{color:var(--blue-l)}
.urgcta{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.urgcta span{font-family:var(--f-mono);font-size:18px;letter-spacing:.06em;user-select:all}
.urg .btn.hot{background:#dbe7f1;color:var(--navy)}
.urg .btn.hot:hover{background:#fff}

/* botão flutuante */
.wa{animation:pulse 3s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 6px 24px rgba(0,0,0,.3),0 0 0 0 rgba(63,143,134,.55)}70%{box-shadow:0 6px 24px rgba(0,0,0,.3),0 0 0 14px rgba(63,143,134,0)}100%{box-shadow:0 6px 24px rgba(0,0,0,.3),0 0 0 0 rgba(63,143,134,0)}}
@media (max-width:1080px){
  .dgrid{grid-template-columns:1fr}
  .sbtns{grid-template-columns:1fr 1fr}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .hero{padding-block:44px 48px}
  .proof{grid-template-columns:1fr 1fr}
  .sbtns{grid-template-columns:1fr}
  .sbtn{font-size:17px;padding:14px 16px}
  .spanel{padding:24px 20px}
  .pgrid{grid-template-columns:1fr}
  .filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1*max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px));padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .fbtn{flex:none}
  .urgcta{width:100%}
  .urg .btn.big{width:100%}
}
@media (prefers-reduced-motion:reduce){.wa,.eyebrow.pill i{animation:none}.btn,.pcard,.card,.sbtn{transition:none}.btn:hover,.pcard:hover,.card:hover{transform:none}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}nav.main a.m::after{transition:none}}

/* ===== multipágina ===== */
html,body{overflow-x:hidden}
nav.main a.m[aria-current="page"]{color:#fff}
nav.main a.m[aria-current="page"]::after{transform:scaleX(1)}
h1.h2s{font-size:clamp(32px,4.4vw,54px);margin-top:10px;letter-spacing:-.015em}
.head h1.h2s{margin-top:10px}
.spot h1.h2s{font-size:clamp(28px,3.4vw,42px);margin:12px 0 18px}
.about h1.h2s{margin:10px 0 18px}
.contact h1.h2s{font-size:clamp(34px,4.6vw,60px)}
nav.main a.m{padding-inline:11px}
.hubs{background:var(--soft)}
.hgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hcard{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);text-decoration:none;padding:26px 24px;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s}
.hcard:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 12px 30px rgba(27,43,58,.1)}
.hcard h3{font-size:24px}
.hcard p{color:var(--mut);font-size:15.5px;flex:1}
.hcard.big{grid-column:span 2;padding:0}
.hcard .himg{aspect-ratio:2/1;overflow:hidden;background:#e9eff5;border-bottom:1px solid var(--line)}
.hcard .himg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.hcard:hover .himg img{transform:scale(1.04)}
.hcard .ht{padding:22px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.hcard.big h3{font-size:28px}
@media (max-width:1180px){
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.12);flex-direction:column;align-items:stretch;padding:8px max(16px,env(safe-area-inset-left,0px)) 16px;gap:0;max-height:70vh;overflow:auto}
  nav.main.open{display:flex}
  nav.main a.m{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.1)}
  nav.main a.m::after{display:none}
  .burger{display:block}
  header.top .wrap{gap:16px}
}
@media (max-width:900px){.hgrid{grid-template-columns:1fr 1fr}.hcard.big{grid-column:span 2}}
@media (max-width:560px){.hgrid{grid-template-columns:1fr}.hcard.big{grid-column:auto}}

/* ===== TEMA SUAVE (claro) ===== */
:root{--ink:#27405a;--mut:#5f7387;--soft:#f4f8fb;--line:#e1e9f0;--navy:#4f7595;--navy2:#5a809f}
body{color:var(--ink)}
.util{background:#e9f0f6;color:#5f7387}
header.top{background:rgba(255,255,255,.92);color:var(--ink);border-bottom:1px solid var(--line)}
header.top .logo{--logo-ink:#27405a;--logo-blue:#3b6f9c;--lg-line:#ced9e3;color:var(--ink)}
nav.main a.m{color:#4a6076}
nav.main a.m:hover,nav.main a.m[aria-current]{color:#27405a}
.burger{color:var(--ink)}
.hero{background:radial-gradient(900px 480px at 82% 40%,rgba(159,195,222,.38),transparent 70%),linear-gradient(180deg,#eaf2f8,#f7fafc);color:var(--ink)}
.hero::before{background:linear-gradient(rgba(59,111,156,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(59,111,156,.06) 1px,transparent 1px);background-size:44px 44px}
.hero h1{color:#27405a}
.hero h1 em{background:linear-gradient(100deg,#3b6f9c,#7aa7cc);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{color:#51667b}
.hero .eyebrow{color:var(--blue)}
.hero .btn.hot,.spot .btn.hot,.diag .btn.hot,.urg .btn.hot,.dark .btn.hot{background:var(--blue);color:#fff}
.hero .btn.hot:hover,.spot .btn.hot:hover,.diag .btn.hot:hover,.urg .btn.hot:hover{background:#315f87}
.btn.out.lt{color:var(--blue)}
.btn.out.lt:hover{background:rgba(59,111,156,.08)}
.hero .wrap>div:first-child *[style]{color:inherit}
.scope{background:#5b819f;border:0;border-radius:10px;box-shadow:0 18px 40px rgba(59,111,156,.18)}
.scope .cap{color:#dbe9f5}
.val{background:#fff}
.diag{background:linear-gradient(180deg,#e8f0f6,#f1f6fa);color:var(--ink);border-top:0}
.diag .head p{color:var(--mut)}
.diag .eyebrow,.spanel h4,.spanel .pk,.dark .pk{color:var(--blue)}
.sbtn{background:#fff;border:1px solid var(--line);color:#34506b;border-radius:8px}
.sbtn:hover{background:#f4f8fb;border-color:#9fc3de}
.sbtn i{color:var(--blue)}
.sbtn[aria-selected="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}
.sbtn[aria-selected="true"] i{color:#fff}
.spanel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(59,111,156,.08)}
.spanel li{color:#34506b}
.spanel li::before,.two li::before{background:var(--blue)}
.spanel p,.spanel .sub{color:var(--mut)}
.spot{background:#e9f0f6;color:var(--ink)}
.spot p{color:var(--mut)}
.spot .eyebrow{color:var(--blue)}
.spot .art{background:linear-gradient(135deg,#6f94b2,#5b819f)}
section.dark{background:#eef4f9;color:var(--ink)}
section.dark .head p{color:var(--mut)}
section.dark .eyebrow{color:var(--blue)}
.mfeat,.mcard{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(59,111,156,.07)}
.mtx>p,.mbd p,.two ul{color:var(--mut)}
.two h4{color:var(--ink)}
.badge{background:#fff;color:var(--blue)}
.link.lt{color:var(--blue)}
.tile{background:#6c8fad;border-radius:10px}
.tile:nth-child(3n+2){background:#5f86a6}
.tile:nth-child(3n){background:#7497b4}
.tile .art{background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.18)}
.nums{background:#dbe8f2;color:var(--ink)}
.nums b{color:#3b6f9c}
.nums span{color:#5f7387}
.urg{background:linear-gradient(120deg,#dfeaf3,#eef4f9);color:var(--ink)}
.urg p{color:var(--mut)}
.urg .eyebrow{color:var(--blue)}
.urg h2{color:#27405a}
footer{background:#eaf1f7;color:#5f7387}
footer .logo{--logo-ink:#27405a;--logo-blue:#3b6f9c;--lg-line:#ced9e3;color:var(--ink)}
footer h4{color:#27405a}
footer a:hover{color:var(--blue)}
footer .legal{border-top:1px solid #d5e1ec}
.fbtn[aria-pressed="true"]{background:var(--blue);border-color:var(--blue)}
.card,.pcard,.hcard,form{border-radius:10px}
.btn{border-radius:8px}
@media (max-width:1180px){
  nav.main{background:#fff;border-bottom:1px solid var(--line)}
  nav.main a.m{border-bottom:1px solid var(--line);color:#34506b}
  .sub a{color:#4a6076}
}
.tile small{color:#e6f0f8}

/* ===== PALETA DO POST: topo claro -> degradê para azul profundo ===== */
:root{--blue:#2b62a8;--deep:#0d2744;--deep2:#143c66}
.btn.pri,.btn.hot,.hero .btn.hot,.spot .btn.hot,.diag .btn.hot,.dark .btn.hot,.fbtn[aria-pressed="true"],.sbtn[aria-selected="true"]{background:var(--blue);border-color:var(--blue)}
.btn.pri:hover,.btn.hot:hover,.hero .btn.hot:hover,.spot .btn.hot:hover,.diag .btn.hot:hover{background:#1f4f8c}
.hero{background:linear-gradient(180deg,#f3f6f9 0,#e4ebf2 55%,#cfdbe8 100%);color:#27405a}
.hero::before{background:none}
.hero h1{color:#2d4a6b}
.hero h1 em{background:linear-gradient(100deg,#2b62a8,#4f86c4);-webkit-background-clip:text;background-clip:text;color:transparent}
.scope{background:linear-gradient(180deg,#2c5a8c,#0f2f52)}
.diag{background:linear-gradient(180deg,#cfdbe8 0,#e9eff5 45%,#f6f8fb 100%)}
/* faixas de fechamento: degradê azul profundo como o rodapé do post */
.nums{background:linear-gradient(180deg,#1b4a7c,#123a66);color:#fff}
.nums b{color:#fff}
.nums span{color:#cfe0f0}
.urg{background:linear-gradient(180deg,#e4ebf2 0,#4f7aa6 38%,#143c66 78%,#0d2744 100%);color:#fff;padding-block:90px 64px}
.urg h2{color:#fff}
.urg p,.urgcta span{color:#dbe7f2}
.urg .eyebrow{color:#cfe0f0}
.urg .btn.hot{background:#fff;color:var(--blue)}
.urg .btn.hot:hover{background:#e4ebf2}
footer{background:#0d2744;color:#aebfd1;border-top:4px solid var(--blue)}
footer .logo{--logo-ink:#e8eef5;--logo-blue:#7fb0e0;--lg-line:#3a5873;color:#e8eef5}
footer h4{color:#fff}
footer a:hover{color:#fff}
footer .legal{border-top:1px solid #21415f}
.spot{background:linear-gradient(180deg,#e9f0f6,#d3e0ec)}
.spot .art{background:linear-gradient(180deg,#3d6c9e,#143c66)}
.tile,.tile:nth-child(3n+2),.tile:nth-child(3n){background:linear-gradient(180deg,#5d86b0,#1f4a78)}
.tile small{color:#d6e6f5}
.tile .art{background:rgba(255,255,255,.1)}
section.dark{background:linear-gradient(180deg,#f3f6f9,#e1e9f1)}
.eyebrow,.pk,.diag .eyebrow,.spanel h4,.hero .eyebrow{color:#2b62a8}
.link,.link.lt{color:#1f5ba6}
@media (max-width:1180px){.urg{padding-block:70px 48px}}
.hero span,.hero .facts span{color:#5f7387}
.urg .eyebrow{color:#fff;opacity:.9}
.urg{background:linear-gradient(180deg,#e4ebf2 0,#4f7aa6 30%,#143c66 72%,#0d2744 100%);padding-block:110px 64px}

/* ===== HERO EM DUAS FAIXAS: título no claro, detalhes no azul profundo (como o post) ===== */
.herotop{background:linear-gradient(180deg,#f4f7fa 0,#dfe8f0 100%);padding-block:64px 36px}
.herotop h1{color:#2d4a6b;font-size:clamp(40px,6vw,84px);line-height:1.02;letter-spacing:-.025em;margin:16px 0 0;max-width:14em}
.hero{background:linear-gradient(180deg,#dfe8f0 0,#4a78a8 90px,#1a4676 38%,#0d2744 100%);color:#fff;padding-block:130px 80px}
.hero::before{display:none}
.hero .lead{color:#dbe7f2}
.hero .btn.hot{background:#fff;color:var(--blue)}
.hero .btn.hot:hover{background:#e4ebf2}
.hero .btn.out.lt{color:#fff;border-color:rgba(255,255,255,.6)}
.hero .btn.out.lt:hover{background:rgba(255,255,255,.12)}
.hero .proof b,.hero .proof li{color:#fff}
.hero span,.hero .facts span{color:#a9c1d8}
.hero .scope{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);box-shadow:none}
.diag{background:linear-gradient(180deg,#0d2744,#12355c);color:#fff}
.diag .head h2{color:#fff}
.diag .head p{color:#b9cde0}
.diag .eyebrow,.diag .spanel h4,.diag .spanel .pk{color:#9fc3de}
.diag .spanel{box-shadow:none}
.diag .spanel h3{color:#27405a}
.diag .spanel h4,.diag .spanel .pk{color:var(--blue)}
.diag .btn.hot{background:var(--blue);color:#fff}
@media (max-width:1080px){.hero{padding-block:110px 56px}.herotop{padding-block:40px 28px}}
.herotop h1 em{font-style:normal;background:linear-gradient(100deg,#2b62a8,#5b93cf);-webkit-background-clip:text;background-clip:text;color:transparent}
.herotop .eyebrow.pill{color:#2b62a8;background:#fff;border:1px solid #cfdbe8}
.herotop .eyebrow.pill i{background:#2b62a8}
.hero{padding-block:84px 80px}
.herotop{padding-block:64px 44px}
@media (max-width:1080px){.hero{padding-block:76px 56px}.herotop{padding-block:36px 30px}}

/* ===== faixa de título das páginas internas ===== */
.pagetop{background:linear-gradient(180deg,#f4f7fa 0,#dbe6f0 100%);padding-block:56px 44px;border-bottom:5px solid;border-image:linear-gradient(90deg,#0d2744,#2b62a8 60%,#9fc3de) 1}
.pagetop h1{font-size:clamp(32px,4.6vw,58px);line-height:1.05;letter-spacing:-.02em;color:#2d4a6b;margin:12px 0 0;max-width:18em;font-weight:800}
.pagetop p:not(.eyebrow){color:#51667b;margin-top:16px;max-width:46em;font-size:18px}
.pagetop .eyebrow{color:#2b62a8}
@media (max-width:640px){.pagetop{padding-block:36px 30px}}
.pagetop{border-bottom:0;border-image:none;padding-block:56px 36px;background:linear-gradient(180deg,#f4f7fa,#dbe6f0)}
.pagetop p:not(.eyebrow){display:none}
.pagesub{background:linear-gradient(180deg,#dbe6f0 0,#4a78a8 70px,#1a4676 55%,#0d2744 100%);color:#fff;padding-block:100px 52px}
.pagesub .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.pagesub p{color:#e1ebf5;font-size:19px;max-width:40em;margin:0;flex:1 1 360px}
.pagesub .btn.hot{background:#fff;color:var(--blue)}
.pagesub .btn.hot:hover{background:#e4ebf2}
@media (max-width:640px){.pagesub{padding-block:80px 40px}}

/* ===== cabeçalho transparente sobre o degradê ===== */
header.top{position:fixed;top:0;left:0;right:0;background:transparent;border-bottom:1px solid transparent;backdrop-filter:none;transition:background .2s,border-color .2s}
header.top.scrolled{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom-color:var(--line)}
.herotop{padding-top:calc(78px + 52px)}
.pagetop{padding-top:calc(78px + 48px)}
@media (max-width:640px){.herotop{padding-top:calc(78px + 24px)}.pagetop{padding-top:calc(78px + 24px)}}
header.top .logo{width:232px}@media (max-width:640px){header.top .logo{width:190px}}
.visits{flex-basis:100%;margin:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9fb6cc}
.visits b{color:#fff;font-weight:600}

/* apresentação logo após a abertura */
.intro{background:#0d2744;color:#fff;padding-block:8px 36px}
.intro .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center;border-top:1px solid rgba(255,255,255,.14);padding-top:44px}
.intro .eyebrow{color:#9fc3de}
.intro h2{font-size:clamp(28px,3.4vw,42px);margin:10px 0 14px;color:#fff}
.intro p{color:#c9d9e8;max-width:38em;margin-bottom:22px}
.intro .btn.out.lt{color:#fff;border-color:rgba(255,255,255,.55)}
.intro .btn.out.lt:hover{background:rgba(255,255,255,.12)}
.ifacts{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.16)}
.ifacts li{display:flex;flex-direction:column;gap:2px;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.16)}
.ifacts b{font-family:var(--f-head);font-size:clamp(24px,2.6vw,32px);font-weight:800;color:#fff}
.ifacts span{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#a9c1d8}
.diag{padding-top:48px}
@media (max-width:1080px){.intro .wrap{grid-template-columns:1fr;gap:28px}}
.intro .wrap{border-top:0;padding-top:20px}

/* controle de tensão animado */
.tens{background:linear-gradient(180deg,#f3f6f9,#e6eef5)}
.tens .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.tens h2{font-size:clamp(28px,3.6vw,44px);margin:10px 0 16px}
.tens .tx>p{color:var(--mut);margin-bottom:22px;max-width:36em}
.loop{list-style:none;counter-reset:l;margin:0 0 26px;padding:0;display:grid;gap:12px}
.loop li{counter-increment:l;display:flex;flex-direction:column;padding-left:44px;position:relative}
.loop li::before{content:counter(l);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-family:var(--f-mono);font-size:13px}
.loop b{font-family:var(--f-head);font-size:18px;color:var(--ink)}
.loop span{color:var(--mut);font-size:15px}
.tscope{background:linear-gradient(180deg,#2c5a8c,#0f2f52);border:0;border-radius:10px;box-shadow:0 18px 40px rgba(13,39,68,.18)}
.tscope .cap{color:#cfe0f0}
@media (max-width:1080px){.tens .wrap{grid-template-columns:1fr;gap:32px}}

/* janela "Ver em ação" */
.pcard[data-scene]{cursor:pointer}
.pact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:auto}
.play{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;background:var(--blue);color:#fff;font-weight:600;font-size:14px}
.play:hover{background:#1f4f8c}
.play:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.pdlg{border:0;padding:0;border-radius:14px;max-width:min(1040px,94vw);width:100%;background:#fff;color:var(--ink);box-shadow:0 30px 80px rgba(13,39,68,.45)}
.pdlg::backdrop{background:rgba(13,39,68,.62)}
.pbox{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);position:relative}
.pstage{background:linear-gradient(180deg,#2c5a8c,#0d2744);padding:18px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.pstage svg{width:100%;height:auto;display:block}
.pcap{margin:0;color:#e1ebf5;font-size:15px;min-height:2.8em;text-align:center}
.pinfo{padding:36px 32px 30px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.pinfo h3{font-size:clamp(22px,2.4vw,30px);line-height:1.12}
.pinfo p{color:var(--mut)}
.pclose{position:absolute;right:10px;top:8px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#27405a;font-size:26px;line-height:1;cursor:pointer;z-index:2}
@media (max-width:860px){.pbox{grid-template-columns:1fr}.pinfo{padding:24px 20px}}

/* passos + barra mobile */
.how{padding:72px 0;background:linear-gradient(180deg,#0f2f52,#0d2744);color:#fff}
.how h2{color:#fff;max-width:640px;margin:8px 0 32px}
.hw{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hw li{background:rgba(255,255,255,.07);border:1px solid rgba(159,195,222,.25);border-radius:12px;padding:24px}
.hw b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2b62a8;font-family:Archivo,sans-serif;margin-bottom:14px}
.hw h3{color:#fff;margin:0 0 6px;font-size:19px}.hw p{color:#c5d6e6;margin:0}
.hwc{margin-top:28px}
.mbar{display:none}
@media(max-width:760px){.hw{grid-template-columns:1fr}.how{padding:48px 0}
 .mbar{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(13,39,68,.96);backdrop-filter:blur(8px);border-top:1px solid rgba(159,195,222,.3)}
 .mbar a{display:block;text-align:center;padding:12px 8px;border-radius:8px;font:600 15px Archivo,sans-serif;text-decoration:none}
 .mbar .c{background:rgba(255,255,255,.12);color:#fff}.mbar .w{background:#3f8f86;color:#fff}
 body{padding-bottom:64px}a.wa{display:none!important}}

/* carrossel hero */
.showc{position:relative;aspect-ratio:1000/640;width:100%}
.showc .sl{position:absolute;inset:0;opacity:0;transition:opacity .7s;pointer-events:none;display:block}
.showc .sl.on{opacity:1;pointer-events:auto}
.showc img{width:100%;height:100%;object-fit:contain;display:block;animation:flt 6s ease-in-out infinite}
@keyframes flt{50%{transform:translateY(-6px)}}
.showc .sc{position:absolute;left:0;bottom:0;display:grid;gap:2px;padding:10px 14px;border-radius:10px;background:rgba(13,39,68,.78);backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(159,195,222,.3)}
.showc .sc b{font:700 16px Archivo,sans-serif}.showc .sc i{font:normal 13px 'IBM Plex Sans',sans-serif;color:#b8d0e4}
.sdots{position:absolute;right:0;bottom:6px;display:flex;gap:8px}
.sdots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(159,195,222,.45);cursor:pointer}
.sdots button.on{background:#fff;width:24px;border-radius:6px}
@media(prefers-reduced-motion:reduce){.showc img{animation:none}}
@media(min-width:1081px){.herotop{padding-top:calc(78px + 22px);padding-bottom:18px}.herotop h1{font-size:clamp(40px,4.6vw,64px);max-width:none}.hero{padding-block:26px 56px}.hero .wrap{align-items:start}.showc{margin-top:-96px}}
@media(min-width:1081px){.hero{padding-block:64px 56px}.showc{margin-top:-134px}}
.val .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.nums .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.val .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* regiões */
.regs{padding:56px 0;background:#f2f6fa}.regs h2{margin:8px 0 18px;max-width:640px}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-block;padding:10px 16px;border:1px solid #cfdbe8;border-radius:999px;background:#fff;color:#27405a;font:600 15px Archivo,sans-serif;text-decoration:none}
.chip:hover{border-color:#2b62a8;color:#2b62a8}.rnote{margin:18px 0 0;color:#51667b}.rnote a{color:#2b62a8}
.ckb{position:fixed;left:12px;right:12px;bottom:76px;z-index:70;max-width:560px;margin-inline:auto;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;background:#0d2744;color:#fff;border:1px solid rgba(159,195,222,.35);box-shadow:0 10px 30px rgba(6,18,36,.35);font:14px/1.4 'IBM Plex Sans',sans-serif}
.ckb p{margin:0}.ckb div{display:flex;gap:8px;flex:none}.ckb button{padding:9px 14px;border-radius:8px;border:1px solid rgba(159,195,222,.5);background:transparent;color:#fff;font:600 14px Archivo,sans-serif;cursor:pointer}.ckb .y{background:#2b62a8;border-color:#2b62a8}
@media(min-width:761px){.ckb{bottom:20px;left:20px;right:auto;margin:0}}

/* seletor de idioma */
.lang{display:flex;align-items:center;gap:4px;margin-left:10px}
.lang a{padding:5px 8px;font:600 12px/1 var(--f-mono);letter-spacing:.06em;color:#4a6076;border:1px solid #b9c8d6;border-radius:6px;text-decoration:none;background:rgba(255,255,255,.55)}
.lang a:hover{color:#0d2744;border-color:#4a6076}
.lang a[aria-current]{background:#0d2744;color:#fff;border-color:#0d2744}
@media (max-width:900px){.lang{margin:12px 0 4px}}
.rnote{max-width:62ch;margin:8px 0 18px;color:var(--mut)}

/* seletor de idioma ao lado do menu (fora do menu hambúrguer) */
header.top .wrap>.lang{margin:0 0 0 -14px;flex:none}
nav.main a.m{white-space:nowrap}
@media (max-width:1180px){
  header.top .wrap>.lang{margin:0 0 0 auto;order:2}
  header.top .wrap>.burger{margin-left:0;order:3}
}
@media (min-width:1181px){header.top .wrap{gap:20px}nav.main{gap:0}nav.main a.m{padding-left:10px;padding-right:10px;font-size:14.5px}nav.main a.m::after{left:10px;right:10px}header.top .wrap>.lang{margin-left:0}}
@media (min-width:1181px) and (max-width:1300px){nav.main a.m{padding-left:6px;padding-right:6px;font-size:14px}}