/* Layout: cinematic scroll hero (480vh, sticky video) followed by alternating marinho / névoa / branco bands in a 1200px column. 8px spacing grid, fixed type scale. */
:root{
  --marinho:#0A2538; --marinho-2:#0F3047; --marinho-3:#12324A; --noite:#061A29;
  --azul:#0078C0; --azul-claro:#6FB7E6; --turquesa:#2EC4B6; --turquesa-2:#45D0C3;
  --nevoa:#E6EEF4; --branco:#FFFFFF; --ardosia:#4A6378; --texto-claro:#D5E1EA; --prata:#A8B4C0;
  --linha:#C9D6E0; --linha-escura:#22405A; --pendente:#FFF3C4; --erro:#C2410C; --sombra:rgba(6,26,41,.35);
  --fade-marinho:rgba(10,37,56,.92); --fade-marinho-0:rgba(10,37,56,0); --vidro:rgba(10,37,56,.72); --vidro-claro:rgba(255,255,255,.08); --borda-vidro:rgba(255,255,255,.14);
  --display:"Plus Jakarta Sans","Segoe UI",Arial,sans-serif; --body:Manrope,"Segoe UI",Arial,sans-serif;
  --t-12:12px; --t-14:14px; --t-16:16px; --t-18:18px; --t-20:20px; --t-24:24px; --t-32:32px; --t-48:clamp(32px,4.4vw,48px); --t-72:clamp(40px,6.2vw,80px);
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:40px; --s6:48px; --s8:64px; --s10:80px; --s12:96px; --s16:128px;
  --r-sm:8px; --r-md:16px; --r-lg:24px; --r-pill:999px;
  --curva:cubic-bezier(.2,.7,.2,1); --dur:800ms;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-padding-top:88px}
body{margin:0;background:var(--branco);color:var(--marinho);font-family:var(--body);font-size:var(--t-18);line-height:1.6;-webkit-font-smoothing:antialiased}
body.carregando{overflow:hidden}
img,video{max-width:100%;display:block}
a{color:var(--azul)}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-0.025em;margin:0;text-wrap:balance}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.band{padding-block:var(--s16)}
.escuro{background:var(--marinho);color:var(--branco)}
.noite{background:var(--noite);color:var(--branco)}
.claro{background:var(--nevoa)}
.eyebrow{font-family:var(--display);font-size:var(--t-12);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--azul)}
.escuro .eyebrow,.noite .eyebrow{color:var(--turquesa)}
.h2{font-size:var(--t-48);line-height:1.05;font-weight:800}
.lead{font-size:var(--t-20);color:var(--ardosia);max-width:620px;line-height:1.55}
.escuro .lead,.noite .lead{color:var(--texto-claro)}
.head{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s8)}
.pendente{background:var(--pendente);color:var(--marinho);padding:0 var(--s1);border-radius:4px;font-weight:700}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);min-height:56px;padding:0 var(--s4);border-radius:var(--r-pill);font-family:var(--display);font-weight:700;font-size:var(--t-16);text-decoration:none;border:2px solid transparent;transition:transform .3s var(--curva),background .3s var(--curva),border-color .3s var(--curva)}
.btn:hover{transform:translateY(-2px)}
.btn--cta{background:var(--turquesa);color:var(--marinho)}
.btn--cta:hover{background:var(--turquesa-2)}
.btn--ghost{border-color:var(--borda-vidro);color:var(--branco);background:var(--vidro-claro);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.btn--ghost:hover{border-color:var(--branco)}
.btn--dark{background:var(--marinho);color:var(--branco)}
:focus-visible{outline:3px solid var(--turquesa);outline-offset:3px}

/* Carregamento */
.loader{position:fixed;inset:0;z-index:100;background:var(--marinho);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);transition:opacity .7s var(--curva),visibility .7s}
.loader img{width:72px;animation:pulsa 1.6s ease-in-out infinite}
.loader .trilho{width:180px;height:3px;border-radius:3px;background:var(--linha-escura);overflow:hidden}
.loader .trilho i{display:block;height:100%;width:0;background:var(--turquesa);transition:width .3s}
.loader small{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;font-size:var(--t-12);color:var(--prata)}
.loader.fora{opacity:0;visibility:hidden}
@keyframes pulsa{50%{opacity:.55;transform:scale(.96)}}

/* Topo */
.topo{position:fixed;left:0;right:0;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background .4s var(--curva),box-shadow .4s}
.topo.solido{background:var(--vidro);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--borda-vidro)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:80px}
.topo .logo img{width:156px}
.menu{display:flex;align-items:center;gap:var(--s4)}
.menu a{color:var(--branco);text-decoration:none;font-weight:600;font-size:var(--t-14);opacity:.85}
.menu a:hover{opacity:1}
.menu .btn{min-height:44px;padding:0 var(--s3);font-size:var(--t-14);opacity:1;color:var(--marinho)}
.menu-toggle{display:none;width:48px;height:48px;border-radius:var(--r-sm);border:1px solid var(--borda-vidro);background:var(--vidro-claro);color:var(--branco);cursor:pointer;align-items:center;justify-content:center}

/* Hero cinematográfico */
.hero{position:relative;height:480vh;background:var(--marinho)}
.hero .palco{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.hero .poster{transition:opacity .4s}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%}
.hero .eyebrow{color:var(--turquesa)}
.hero .veu{position:absolute;inset:0;background:linear-gradient(90deg,var(--fade-marinho) 0%,var(--fade-marinho) 22%,var(--fade-marinho-0) 62%),linear-gradient(0deg,var(--fade-marinho) 0%,var(--fade-marinho-0) 30%)}
.hero .textos{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center}
.hero .textos .wrap{width:100%}
.cena{position:absolute;max-width:640px;display:flex;flex-direction:column;gap:var(--s3);opacity:0;transform:translateY(24px);will-change:opacity,transform}
.cena h1,.cena h2{font-size:var(--t-72);line-height:1;font-weight:800;color:var(--branco)}
.cena p{font-size:var(--t-20);color:var(--texto-claro);max-width:520px}
.cena .acoes{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s1)}
.cena em{font-style:normal;color:var(--turquesa)}
.cenas{position:relative;height:420px}
.painel{position:absolute;right:calc(var(--s3) + 60px + var(--s3) + env(safe-area-inset-right,0px));bottom:calc(var(--s5) + env(safe-area-inset-bottom,0px));width:300px;padding:var(--s3);border-radius:var(--r-md);background:var(--vidro);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--borda-vidro);color:var(--branco);display:flex;flex-direction:column;gap:var(--s2)}
.painel .titulo{font-family:var(--display);font-size:var(--t-12);letter-spacing:.16em;text-transform:uppercase;color:var(--prata)}
.medidor{display:flex;flex-direction:column;gap:var(--s1)}
.medidor .rot{display:flex;justify-content:space-between;font-size:var(--t-14);font-weight:600}
.medidor .rot b{font-family:var(--display);font-variant-numeric:tabular-nums}
.medidor .barra{height:8px;border-radius:8px;background:var(--linha-escura);overflow:hidden}
.medidor .barra i{display:block;height:100%;border-radius:8px}
.medidor.pend .barra i{background:var(--prata)}
.medidor.dia .barra i{background:var(--turquesa)}
.dica{position:absolute;left:50%;bottom:calc(var(--s4) + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--s1);font-size:var(--t-12);letter-spacing:.16em;text-transform:uppercase;color:var(--prata);font-family:var(--display)}
.dica span{width:2px;height:40px;background:linear-gradient(var(--turquesa),var(--fade-marinho-0));animation:desce 1.8s var(--curva) infinite}
@keyframes desce{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.progresso{position:absolute;left:0;top:0;height:3px;background:var(--turquesa);width:0;z-index:2}

/* Provas */
.provas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);padding-block:var(--s10)}
.prova{display:flex;flex-direction:column;gap:var(--s1);padding-left:var(--s3);border-left:1px solid var(--linha-escura)}
.prova strong{font-family:var(--display);font-size:var(--t-48);line-height:1;font-weight:800;color:var(--branco);font-variant-numeric:tabular-nums}
.prova strong em{font-style:normal;color:var(--turquesa)}
.prova span{color:var(--prata);font-size:var(--t-14)}

/* Sobre */
.sobre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s10);align-items:center}
.quadro{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3.2;max-width:100%;background:var(--marinho);box-shadow:0 40px 80px -30px var(--sombra)}
.quadro img{width:100%;height:118%;object-fit:cover;will-change:transform}
.quadro .selo{position:absolute;left:var(--s3);bottom:var(--s3);background:var(--branco);color:var(--marinho);border-radius:var(--r-md);padding:var(--s2) var(--s3);display:flex;flex-direction:column;box-shadow:0 20px 40px -20px var(--sombra)}
.quadro .selo b{font-family:var(--display);font-size:var(--t-32);line-height:1}
.quadro .selo span{font-size:var(--t-14);color:var(--ardosia)}
.sobre .texto{display:flex;flex-direction:column;gap:var(--s3);color:var(--ardosia)}
.check{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2) var(--s3)}
.check li{display:flex;gap:var(--s2);align-items:flex-start;font-weight:600;color:var(--marinho);font-size:var(--t-16)}
.check svg{flex-shrink:0;margin-top:3px;color:var(--azul)}

/* Diagnóstico */
.diag{position:relative;overflow:hidden}
.diag .fundo{position:absolute;inset:-10% 0;background-size:cover;background-position:center;opacity:.28;will-change:transform}
.diag .wrap{position:relative}
.dores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}
.dor{background:var(--vidro);border:1px solid var(--borda-vidro);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--r-md);padding:var(--s3);display:flex;gap:var(--s2);align-items:flex-start;font-weight:600;font-size:var(--t-18)}
.dor span{font-family:var(--display);font-weight:800;color:var(--turquesa);font-size:var(--t-14);padding-top:3px}
.centro{display:flex;justify-content:center;margin-top:var(--s6)}

/* Serviços */
.servicos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.servico{position:relative;border:1px solid var(--linha);border-radius:var(--r-lg);padding:var(--s4) var(--s3);display:flex;flex-direction:column;gap:var(--s2);background:var(--branco);transition:transform .4s var(--curva),box-shadow .4s var(--curva),border-color .4s}
.servico:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px var(--sombra);border-color:var(--azul)}
.servico .ic{width:48px;height:48px;border-radius:var(--r-sm);background:var(--marinho);color:var(--turquesa);display:flex;align-items:center;justify-content:center}
.servico h3{font-size:var(--t-20);line-height:1.2}
.servico p{font-size:var(--t-16);color:var(--ardosia)}

/* Troca */
.troca{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s10);align-items:start}
.linha-tempo{position:relative;padding-left:var(--s6);display:flex;flex-direction:column;gap:var(--s5)}
.linha-tempo svg.trilha{position:absolute;left:11px;top:8px;height:calc(100% - 16px);width:4px;overflow:visible}
.passo{position:relative;display:flex;flex-direction:column;gap:var(--s1)}
.passo::before{content:"";position:absolute;left:calc(-1 * var(--s6) + 4px);top:4px;width:18px;height:18px;border-radius:50%;background:var(--marinho);border:3px solid var(--turquesa)}
.passo b{font-family:var(--display);color:var(--turquesa);font-size:var(--t-14);letter-spacing:.12em}
.passo span{font-size:var(--t-20);font-weight:600}
.maos{position:sticky;top:120px;border-radius:var(--r-lg);overflow:hidden;background:var(--marinho-3);border:1px solid var(--linha-escura)}
.maos img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.maos .corpo{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}
.maos h3{font-size:var(--t-20)}
.maos ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2);color:var(--texto-claro);font-size:var(--t-16)}
.maos li{display:flex;gap:var(--s2);align-items:center}
.maos li svg{color:var(--turquesa);flex-shrink:0}
.maos .fecho{font-family:var(--display);font-weight:800;font-size:var(--t-24)}

/* Diferenciais */
.difs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.dif{display:flex;flex-direction:column;gap:var(--s2);border-top:3px solid var(--marinho);padding-top:var(--s3)}
.dif b{font-family:var(--display);font-size:var(--t-14);color:var(--azul);letter-spacing:.1em}
.dif h3{font-size:var(--t-20)}
.dif p{color:var(--ardosia);font-size:var(--t-16)}

/* Depoimentos */
.depos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.depo{margin:0;border-radius:var(--r-lg);background:var(--branco);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);border:2px dashed var(--linha)}
.depo .aspas{font-family:var(--display);font-size:var(--t-48);line-height:.6;color:var(--turquesa)}
.depo p{color:var(--ardosia);font-size:var(--t-16)}
.depo .quem{display:flex;gap:var(--s2);align-items:center}
.depo .avatar{width:48px;height:48px;border-radius:50%;background:var(--nevoa);border:2px dashed var(--linha)}
.depo .quem span{font-size:var(--t-14);color:var(--ardosia)}
.aviso{margin-top:var(--s3);font-size:var(--t-14);color:var(--ardosia)}

/* Local */
.local{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:center}
.mapa{position:relative;aspect-ratio:1/1;max-width:520px;width:100%;border-radius:var(--r-lg);overflow:hidden;background:var(--marinho-2)}
.mapa svg{width:100%;height:100%}
.m-rua{stroke:var(--linha-escura)} .m-grade{stroke:var(--marinho-3)} .m-pino{fill:var(--turquesa)} .m-anel{stroke:var(--turquesa)} .st-t{stop-color:var(--turquesa)}
.tr-base{stroke:var(--linha-escura)} .tr-viva{stroke:var(--turquesa)}
.canais{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin-top:var(--s4)}
.canal{background:var(--marinho-3);border:1px solid var(--linha-escura);border-radius:var(--r-md);padding:var(--s3);display:flex;flex-direction:column;gap:4px;min-width:0}
.canal small{font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;color:var(--prata);font-weight:700}
.canal span,.canal a{color:var(--branco);font-weight:700;font-size:var(--t-16);text-decoration:none}
.canal a:hover{color:var(--turquesa)}
.canal .pendente{color:var(--marinho);font-size:var(--t-14)}

/* FAQ */
.faq{max-width:840px;display:flex;flex-direction:column;gap:var(--s2)}
.faq details{background:var(--branco);border-radius:var(--r-md);padding:0 var(--s3);border:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--s2);align-items:center;padding:var(--s3) 0;font-family:var(--display);font-weight:700;font-size:var(--t-18)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:var(--t-24);color:var(--azul);line-height:1;transition:transform .3s var(--curva)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 var(--s3);color:var(--ardosia);font-size:var(--t-16)}

/* CTA final */
.final{position:relative;overflow:hidden;text-align:center}
.final .fundo{position:absolute;inset:-10% 0;background-size:cover;background-position:center 70%;opacity:.3;will-change:transform}
.final .veu{position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--fade-marinho-0) 0%,var(--fade-marinho) 70%)}
.final .wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s3)}
.final h2{font-size:var(--t-72);line-height:1;font-weight:800;max-width:900px}

/* Rodapé */
.rodape{background:var(--noite);color:var(--prata);padding-block:var(--s8) var(--s4);font-size:var(--t-14)}
.rodape .grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:var(--s5)}
.rodape img{width:170px;margin-bottom:var(--s2)}
.rodape .rod-tit{color:var(--branco);font-size:var(--t-14);margin-bottom:var(--s2)}
.rodape ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1)}
.rodape a{color:var(--prata);text-decoration:none}
.rodape a:hover{color:var(--branco)}
.rodape .base{border-top:1px solid var(--linha-escura);margin-top:var(--s5);padding-top:var(--s3);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2);font-size:var(--t-12)}

.zap{position:fixed;right:calc(var(--s3) + env(safe-area-inset-right,0px));bottom:calc(var(--s3) + env(safe-area-inset-bottom,0px));z-index:40;width:60px;height:60px;border-radius:50%;background:var(--turquesa);color:var(--marinho);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 32px -8px var(--sombra);transition:transform .3s var(--curva)}
.zap:hover{transform:scale(1.06)}

/* Kit de movimento */
[data-reveal]{opacity:0;transform:translateY(32px);transition:opacity var(--dur) var(--curva),transform var(--dur) var(--curva);transition-delay:calc(var(--i,0) * 90ms)}
[data-reveal].visto{opacity:1;transform:none}

@media (max-width:1024px){
  .servicos,.difs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dores,.depos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sobre,.troca,.local{grid-template-columns:minmax(0,1fr)}
  .provas{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s5)}
  .maos{position:relative;top:0}
}
@media (max-width:860px){
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--marinho);flex-direction:column;align-items:stretch;gap:0;padding:var(--s1) max(24px,env(safe-area-inset-right,0px)) var(--s3) max(24px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--linha-escura)}
  .menu.aberto{display:flex}
  .menu a{padding:var(--s2) 0;border-bottom:1px solid var(--linha-escura);font-size:var(--t-16)}
  .menu .btn{margin-top:var(--s2)}
  .menu-toggle{display:inline-flex}
}
@media (max-aspect-ratio:3/4),(max-width:700px){
  .hero .veu{background:linear-gradient(180deg,var(--fade-marinho) 0%,var(--fade-marinho) 30%,var(--fade-marinho-0) 58%),linear-gradient(0deg,var(--fade-marinho) 0%,var(--fade-marinho-0) 26%)}
  .hero .textos{align-items:flex-start;padding-top:calc(112px + env(safe-area-inset-top,0px))}
  .cenas{height:360px}
  .painel{left:max(24px,env(safe-area-inset-left,0px));right:max(24px,env(safe-area-inset-right,0px));width:auto;bottom:calc(var(--s3) + 60px + var(--s2) + env(safe-area-inset-bottom,0px));padding:var(--s2) var(--s3);flex-direction:row;gap:var(--s3)}
  .hero video,.hero .poster{object-position:50% 50%}
  .painel .titulo{display:none}
  .medidor{flex:1}
  .dica{display:none}
}
@media (max-width:600px){
  .band{padding-block:var(--s10)}
  .servicos,.difs,.dores,.depos,.check,.canais{grid-template-columns:minmax(0,1fr)}
  .rodape .grid{grid-template-columns:minmax(0,1fr)}
  .cena .acoes .btn{flex:1 1 100%}
  .prova strong{font-size:var(--t-32)}
}
@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1;transform:none;transition:none}
  .dica span,.loader img{animation:none}
  .quadro img,.diag .fundo,.final .fundo{transform:none!important}
}

/* ===== Subpáginas ===== */
.topo.fixo{background:var(--marinho)}
.pg-hero{background:var(--marinho);color:var(--branco);padding:calc(160px + env(safe-area-inset-top,0px)) 0 var(--s10);position:relative;overflow:hidden}
.pg-hero::after{content:"";position:absolute;inset:auto -10% -40% 40%;height:420px;background:radial-gradient(closest-side,var(--fade-marinho-0),var(--fade-marinho-0)),radial-gradient(closest-side,rgba(46,196,182,.18),rgba(46,196,182,0));pointer-events:none}
.pg-hero .wrap{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--s3)}
.pg-hero h1{font-size:var(--t-72);line-height:1.02;font-weight:800;max-width:900px}
.pg-hero h1 em{font-style:normal;color:var(--turquesa)}
.pg-hero .lead{color:var(--texto-claro);max-width:720px}
.pg-hero .acoes{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s1)}
.migalhas{font-size:var(--t-14);color:var(--prata)}
.migalhas a{color:var(--prata);text-decoration:none}
.migalhas a:hover{color:var(--branco)}
.migalhas span{margin:0 6px;opacity:.6}
.meta-post{font-size:var(--t-14);color:var(--prata)}
.duas{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s10);align-items:start}
.texto-longo{display:flex;flex-direction:column;gap:var(--s3);max-width:760px}
.texto-longo h2{font-size:var(--t-32);line-height:1.15;margin-top:var(--s4)}
.texto-longo h3{font-size:var(--t-20);margin-top:var(--s2)}
.texto-longo p,.texto-longo li{color:var(--ardosia);font-size:var(--t-18)}
.texto-longo ul,.texto-longo ol{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--s1)}
.texto-longo strong{color:var(--marinho)}
.texto-longo a{color:var(--azul)}
.destaque{background:var(--nevoa);border-left:4px solid var(--turquesa);border-radius:var(--r-sm);padding:var(--s3);color:var(--marinho)!important}
.tabela-wrap{overflow-x:auto;border:1px solid var(--linha);border-radius:var(--r-md)}
table{border-collapse:collapse;width:100%;font-size:var(--t-16)}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--linha);white-space:nowrap}
th{background:var(--marinho);color:var(--branco);font-family:var(--display);font-size:var(--t-14)}
tr:last-child td{border-bottom:0}
.lateral{position:sticky;top:112px;background:var(--marinho);color:var(--branco);border-radius:var(--r-lg);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}
.lateral h2,.lateral h3{font-size:var(--t-24)}
.lateral p{color:var(--texto-claro);font-size:var(--t-16)}
.lateral ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1);color:var(--texto-claro);font-size:var(--t-16)}
.lateral li::before{content:"✓";color:var(--turquesa);font-weight:800;margin-right:8px}
.passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);counter-reset:p}
.passos li{list-style:none;border-top:3px solid var(--marinho);padding-top:var(--s3);display:flex;flex-direction:column;gap:var(--s1)}
.passos li::before{counter-increment:p;content:"PASSO 0" counter(p);font-family:var(--display);font-weight:800;font-size:var(--t-12);letter-spacing:.14em;color:var(--azul)}
.passos h3{font-size:var(--t-20)}
.passos p{color:var(--ardosia);font-size:var(--t-16)}
.passos{padding:0;margin:0}
.fontes{border-top:1px solid var(--linha);padding-top:var(--s3);margin-top:var(--s4);font-size:var(--t-14)!important}
.fontes li,.fontes p{font-size:var(--t-14)!important}
.cta-faixa{background:var(--noite);color:var(--branco);padding-block:var(--s12);text-align:center}
.cta-faixa .wrap{display:flex;flex-direction:column;align-items:center;gap:var(--s3)}
.cta-faixa h2{font-size:var(--t-48);line-height:1.05}
.cta-faixa p{color:var(--texto-claro);max-width:560px}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.post-card{border:1px solid var(--linha);border-radius:var(--r-lg);padding:var(--s4) var(--s3);display:flex;flex-direction:column;gap:var(--s2);background:var(--branco);text-decoration:none;color:var(--marinho);transition:transform .4s var(--curva),box-shadow .4s var(--curva),border-color .4s}
.post-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px var(--sombra);border-color:var(--azul)}
.post-card h2,.post-card h3{font-size:var(--t-20);line-height:1.25}
.post-card p{color:var(--ardosia);font-size:var(--t-16)}
.post-card small{color:var(--azul);font-weight:700;font-size:var(--t-12);letter-spacing:.12em;text-transform:uppercase}
.post-card .mais{margin-top:auto;font-weight:700;color:var(--azul);font-size:var(--t-14)}
/* Simulador */
.sim{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s5);align-items:start}
.sim-form{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-lg);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);box-shadow:0 30px 60px -40px var(--sombra)}
.campo{display:flex;flex-direction:column;gap:var(--s1)}
.campo label,.campo legend{font-family:var(--display);font-weight:700;font-size:var(--t-16);color:var(--marinho);padding:0}
.campo small{color:var(--ardosia);font-size:var(--t-14)}
.campo input[type=text]{min-height:56px;border:2px solid var(--linha);border-radius:var(--r-md);padding:0 var(--s2);font:700 var(--t-20) var(--body);color:var(--marinho);background:var(--branco);width:100%}
.campo input[type=text]:focus{outline:none;border-color:var(--azul)}
.campo input[aria-invalid=true]{border-color:var(--erro)}
.campo .erro{color:var(--erro);font-size:var(--t-14);font-weight:700;min-height:1.2em}
fieldset.campo{border:0;margin:0;padding:0}
.opcoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s1)}
.opcoes label{display:flex;align-items:center;gap:var(--s1);border:2px solid var(--linha);border-radius:var(--r-md);padding:12px 14px;font-weight:600;font-size:var(--t-16);cursor:pointer;color:var(--marinho);font-family:var(--body)}
.opcoes input{accent-color:var(--azul);width:18px;height:18px;margin:0}
.opcoes label:has(input:checked){border-color:var(--azul);background:var(--nevoa)}
.sim-res{display:flex;flex-direction:column;gap:var(--s2)}
.res-card{border-radius:var(--r-lg);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s1);background:var(--marinho);color:var(--branco)}
.res-card.claro2{background:var(--nevoa);color:var(--marinho)}
.res-card small{font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--turquesa)}
.res-card.claro2 small{color:var(--azul)}
.res-card strong{font-family:var(--display);font-size:var(--t-32);line-height:1.1}
.res-card p{font-size:var(--t-16);color:var(--texto-claro)}
.res-card.claro2 p{color:var(--ardosia)}
.res-card .tag{align-self:flex-start;border-radius:var(--r-pill);padding:4px 12px;font-size:var(--t-12);font-weight:800;letter-spacing:.06em;background:var(--turquesa);color:var(--marinho)}
.res-card .tag.alerta{background:var(--pendente)}
.res-vazio{border:2px dashed var(--linha);border-radius:var(--r-lg);padding:var(--s5);color:var(--ardosia);text-align:center}
.aviso-sim{font-size:var(--t-14);color:var(--ardosia);background:var(--nevoa);border-radius:var(--r-md);padding:var(--s2) var(--s3)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* Cards de serviço da home */
.servico-acoes{margin-top:auto;padding-top:var(--s1);display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2)}
.servico-acoes a{font-family:var(--display);font-weight:700;font-size:var(--t-14);text-decoration:none;color:var(--azul)}
.servico-acoes a.wa{color:var(--marinho);background:var(--nevoa);border-radius:var(--r-pill);padding:6px 14px}
.servico-acoes a.wa:hover{background:var(--turquesa)}
.servico-acoes a:hover{text-decoration:underline}
@media (max-width:1024px){.duas,.sim{grid-template-columns:minmax(0,1fr)}.lateral{position:relative;top:0}.passos{grid-template-columns:repeat(2,minmax(0,1fr))}.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.passos,.posts,.opcoes{grid-template-columns:minmax(0,1fr)}.pg-hero{padding-bottom:var(--s8)}th,td{padding:10px 12px}}
.pg-hero .eyebrow{color:var(--turquesa)}
.pular{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--turquesa);color:var(--marinho);padding:8px 16px;border-radius:var(--r-sm);font-weight:700}
.pular:focus{left:16px}
.rodape .grid.grid4{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}
@media (max-width:860px){.rodape .grid.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.rodape .grid.grid4{grid-template-columns:minmax(0,1fr)}}
.opcoes-lista{grid-template-columns:minmax(0,1fr)!important}
.opcoes-lista label{align-items:flex-start}
.opcoes-lista label input{margin-top:3px}
.opcoes-lista span{display:flex;flex-direction:column;gap:2px}
.opcoes-lista b{font-weight:700}
.opcoes-lista small{font-size:var(--t-14);color:var(--ardosia);font-weight:500}
#box-folha.destacado input{border-color:var(--azul)}
.res-card.claro2{background:var(--branco);border:1px solid var(--linha)}
.opcoes input{flex-shrink:0}
.rf-lista{margin:var(--s1) 0 0;padding-left:1.1em;display:flex;flex-direction:column;gap:var(--s1);font-size:var(--t-16);line-height:1.55}
.res-card .rf-lista li{color:var(--texto-claro)}
.res-card.claro2 .rf-lista li{color:var(--ardosia)}
.rf-form .opcoes{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:600px){
  .rf-form .campo:has(input[name="ativ"]) .opcoes,.rf-form .campo:has(input[name="cliente"]) .opcoes{grid-template-columns:minmax(0,1fr)}
  .sim-form{padding:var(--s3) var(--s2)}
  .opcoes label{padding:12px}
}
.op-txt{display:flex;flex-direction:column;gap:2px;line-height:1.3}
.op-txt small{font-size:13px;font-weight:500;color:var(--ardosia)}
.opcoes label:has(.op-txt){grid-column:1/-1}
.subir{position:fixed;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + 60px + 12px + env(safe-area-inset-bottom,0px));z-index:40;width:48px;height:48px;margin-right:6px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:var(--marinho);color:var(--branco);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 28px -10px var(--sombra);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .35s var(--curva),transform .35s var(--curva),background .2s}
.subir.on{opacity:1;transform:none;pointer-events:auto}
.subir:hover{background:var(--azul)}