/* Briefing na identidade do site principal (Manual de Marca v1.0).
   Valores copiados de style.css: Breu, Índigo, Grafite, Névoa, Ardósia, Luz; Manrope nos títulos, Inter no texto;
   rótulos 700 12px caixa alta .14em; botões pílula; cartões raio 14; grão e luz Índigo do hero. */
:root{
 --breu:#0D0E18; --indigo:#272370; --grafite:#2C2E36; --nevoa:#E7E6EA; --ardosia:#7A7D8C; --luz:#A4A0F5;
 --line:rgba(231,230,234,.12); --line2:rgba(231,230,234,.22);
 --sup:rgba(231,230,234,.04); --sup2:rgba(231,230,234,.07);
 --bg:var(--breu); --tx:var(--nevoa); --tx2:#B3B3BF; --tx3:#9396A5;
 --radius:14px; --ease:cubic-bezier(.22,1,.36,1);
 --pad:clamp(16px,5vw,72px);
 --al:#F5A524; --al-bg:rgba(245,165,36,.08); --al-bd:rgba(245,165,36,.32);
 --ok:#3DD598; --err:#FF8B7E; --err-bg:rgba(255,139,126,.07);
 --serif:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
 --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
 --topo:68px; --nav:84px;
 color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{min-height:100svh;overflow-x:hidden}
button{font-family:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:var(--indigo);color:var(--nevoa)}

/* fundo: luz Índigo do hero + grão de 6% (estático) */
#fundo{position:fixed;inset:0;z-index:0;pointer-events:none}
#fundo .luz{position:absolute;inset:0;background:
 radial-gradient(60% 55% at 85% 18%,rgba(39,35,112,.55),transparent 70%),
 radial-gradient(55% 45% at 5% 100%,rgba(39,35,112,.32),transparent 70%)}
#fundo .grao{position:absolute;inset:0;opacity:.06;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}
#app{position:relative;z-index:1}

/* topo: igual ao header da home (logo horizontal, mesma tipografia da nav) */
.topo{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(13,14,24,.78);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);
 padding:calc(14px + env(safe-area-inset-top,0px)) var(--pad) 0}
.topo .lin{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px}
.topo .logo{display:block;flex:0 0 auto;border-radius:6px}
.topo .logo img{height:22px;width:auto;min-width:120px}
.topo .dc{font:700 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 min-width:0;margin-left:auto;display:flex;align-items:center;gap:8px}
.topo .dc i{width:6px;height:6px;border-radius:50%;background:var(--luz);flex:0 0 6px}
.topo .lang{flex:0 0 auto;font:600 13px/1 var(--sans);letter-spacing:.08em;color:var(--tx3);border:1px solid var(--line);border-radius:999px;
 min-width:44px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;transition:color .3s,border-color .3s}
.topo .lang:hover{color:var(--nevoa);border-color:var(--line2)}
.barra{position:relative;height:2px;background:var(--line);margin:12px calc(var(--pad) * -1) 0}
.barra i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--nevoa);transition:width .5s var(--ease)}
.barra i::after{content:"";position:absolute;right:-1px;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--luz);box-shadow:0 0 10px var(--luz)}

/* foco visível por teclado em tudo que é interativo */
a:focus-visible,button:focus-visible{outline:2px solid var(--luz);outline-offset:3px}

/* tela */
.tela{max-width:660px;margin:0 auto;padding:calc(var(--topo) + 36px + env(safe-area-inset-top,0px)) 20px calc(var(--nav) + 40px + env(safe-area-inset-bottom,0px))}
@keyframes entra{from{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}
.tela.ent>*{animation:entra .5s var(--ease) both}
.tela.ent>*:nth-child(2){animation-delay:.04s}.tela.ent>*:nth-child(3){animation-delay:.07s}
.tela.ent>*:nth-child(4){animation-delay:.1s}.tela.ent>*:nth-child(n+5){animation-delay:.12s}

.cabet{position:relative;margin-bottom:32px}
.cabet .ghost{position:absolute;right:-2px;top:-18px;font:700 120px/1 var(--serif);letter-spacing:-.06em;color:var(--nevoa);opacity:.05;pointer-events:none;user-select:none}
.et,.eyebrow,.hud,.indice .cab,.assina .b,.aviso .t,.ficha .t,.ficha .k,.passos .t{font:700 12px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.et{display:flex;align-items:center;gap:9px;color:var(--tx3);margin-bottom:18px}
.et i{width:6px;height:6px;border-radius:50%;background:var(--luz)}
h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.035em;line-height:1.04;text-wrap:balance;overflow-wrap:anywhere}
h1{font-size:clamp(34px,8.6vw,52px);margin-bottom:14px}
h2{font-size:clamp(32px,8vw,46px);margin-bottom:12px}
h1 em,h2 em{font-style:normal;color:var(--luz)}
.sub{color:var(--tx2);font-size:16px;line-height:1.6;max-width:52ch}

/* capa */
.visor{position:relative;padding:22px 22px 18px;margin-bottom:26px;border-radius:var(--radius);
 background:
  linear-gradient(var(--nevoa),var(--nevoa)) top left/24px 2px no-repeat,linear-gradient(var(--nevoa),var(--nevoa)) top left/2px 24px no-repeat,
  linear-gradient(var(--nevoa),var(--nevoa)) top right/24px 2px no-repeat,linear-gradient(var(--nevoa),var(--nevoa)) top right/2px 24px no-repeat,
  linear-gradient(var(--nevoa),var(--nevoa)) bottom left/24px 2px no-repeat,linear-gradient(var(--nevoa),var(--nevoa)) bottom left/2px 24px no-repeat,
  linear-gradient(var(--nevoa),var(--nevoa)) bottom right/24px 2px no-repeat,linear-gradient(var(--nevoa),var(--nevoa)) bottom right/2px 24px no-repeat,
  linear-gradient(180deg,rgba(39,35,112,.28),rgba(13,14,24,0) 70%)}
.hud{display:flex;align-items:center;gap:12px;color:var(--tx3)}
.hud .sp{flex:1}
.hud .rec{display:inline-flex;align-items:center;gap:8px;color:var(--nevoa)}
.hud .rec i{width:8px;height:8px;border-radius:50%;background:#E5484D;box-shadow:0 0 10px rgba(229,72,77,.8);animation:pisca 1.1s steps(2,start) infinite}
@keyframes pisca{to{visibility:hidden}}
.hud .tc{color:var(--tx2)}
.miolo{padding:34px 2px 30px}
.marca{display:flex;align-items:center;gap:14px;margin-bottom:30px}
.marca .mk{height:44px;width:auto;flex:0 0 auto}
.marca .l1{font:600 15px/1 var(--serif);letter-spacing:.3em}
.marca .l2{font:700 11px/1.2 var(--sans);letter-spacing:.14em;color:var(--tx3);text-transform:uppercase;margin-top:9px}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--tx3);margin-bottom:16px}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line)}
.capa h1{font-size:clamp(40px,11.5vw,60px);line-height:1;margin-bottom:20px}
.papel{font-size:16px;color:var(--tx2);line-height:1.65;max-width:48ch}
.papel strong{color:var(--tx);font-weight:600}
.metas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.metas span{border:1px solid var(--line);background:var(--sup);border-radius:999px;padding:9px 15px;font-size:13px;color:var(--tx2)}
.metas span b{color:var(--tx);font-weight:600}
.indice{margin:4px 0 24px;border-top:1px solid var(--line)}
.indice .cab{display:flex;justify-content:space-between;gap:12px;padding:14px 0 12px;color:var(--tx3)}
.indice .it{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.indice .n{font:700 12px/1 var(--sans);letter-spacing:.1em;color:var(--luz);flex:0 0 24px;font-variant-numeric:tabular-nums}
.indice .t{font:500 18px/1.25 var(--serif);letter-spacing:-.02em;color:var(--tx);flex:1;min-width:0}
.indice .q{font-size:13px;color:var(--tx3);white-space:nowrap}
.selo{display:flex;gap:12px;align-items:flex-start;border-radius:var(--radius);padding:16px;background:var(--sup);border:1px solid var(--line)}
.selo svg{flex:0 0 16px;margin-top:3px}
.selo p{font-size:13.5px;color:var(--tx2);line-height:1.55}
.assina{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.assina .a{font-size:13px;color:var(--tx3);line-height:1.5}
.assina .b{color:var(--tx3);white-space:nowrap}

/* campos */
.campo{margin-bottom:30px}
.campo>label,.campo>.lb{display:block;font:600 16px/1.4 var(--sans);margin-bottom:12px;color:var(--tx);overflow-wrap:anywhere}
.campo .ob{color:var(--luz);margin-left:4px}
.hint{font-size:13.5px;color:var(--tx2);line-height:1.55;margin:-5px 0 13px;padding:2px 0 2px 13px;border-left:2px solid var(--line2);overflow-wrap:anywhere}
input,textarea{width:100%;background:var(--sup);border:1px solid var(--line);border-radius:var(--radius);padding:15px 17px;color:var(--tx);
 font:400 16px/1.45 var(--sans);transition:border-color .3s,background .3s,box-shadow .3s}
input:hover,textarea:hover{border-color:var(--line2)}
input:focus,textarea:focus{outline:none;border-color:var(--luz);background:var(--sup2);box-shadow:0 0 0 3px rgba(164,160,245,.2)}
input[type=date]{min-height:54px;color-scheme:dark}
textarea{min-height:112px;resize:vertical}
textarea.curta{min-height:84px}
input::placeholder,textarea::placeholder{color:var(--tx3);opacity:1}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:var(--sup);border:1px solid var(--line);border-radius:999px;padding:11px 18px;font:500 14px/1.3 var(--sans);color:var(--tx2);cursor:pointer;
 user-select:none;transition:background .3s,color .3s,border-color .3s,transform .35s var(--ease);min-height:46px;display:flex;align-items:center;text-align:left;overflow-wrap:anywhere}
.chip:hover{border-color:var(--line2);color:var(--tx);background:var(--sup2)}
.chip:active{transform:scale(.97)}
.chip.on{background:var(--nevoa);border-color:var(--nevoa);color:var(--breu);font-weight:600}
.chips.grande{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chips.grande .chip{border-radius:var(--radius);min-height:60px;padding:13px 16px}

/* validação */
.erro{display:none;align-items:flex-start;gap:8px;color:var(--err);font-size:13.5px;line-height:1.45;margin-top:9px}
.erro::before{content:"";flex:0 0 16px;height:16px;margin-top:1px;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' d='M8 1.8a6.2 6.2 0 1 0 0 12.4A6.2 6.2 0 0 0 8 1.8ZM8 4.9v3.9M8 11.2v.1'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' d='M8 1.8a6.2 6.2 0 1 0 0 12.4A6.2 6.2 0 0 0 8 1.8ZM8 4.9v3.9M8 11.2v.1'/%3E%3C/svg%3E") center/contain no-repeat}
.campo.err .erro{display:flex}
.campo.err input,.campo.err textarea{border-color:var(--err);background:var(--err-bg)}
.campo.err input:focus,.campo.err textarea:focus{box-shadow:0 0 0 3px rgba(255,139,126,.2)}
.campo.err .chips .chip{border-color:rgba(255,139,126,.5)}
/* ok: sinal sutil (check na borda do campo); mensagem só quando data-msg="1" (telefone) */
.campo.ok input[type=text],.campo.ok input[type=tel]{border-color:rgba(61,213,152,.45);padding-right:46px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%233DD598' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3 8.4l3.2 3.2L13 4.6'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 16px center;background-size:16px}
.campo.ok input:focus{border-color:var(--luz)}
.campo.ok[data-msg="1"] .erro{display:flex;color:var(--ok)}
.campo.ok[data-msg="1"] .erro::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3 8.4l3.2 3.2L13 4.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3 8.4l3.2 3.2L13 4.6'/%3E%3C/svg%3E")}

.aviso{border:1px solid var(--al-bd);background:var(--al-bg);border-radius:var(--radius);padding:16px;margin:-8px 0 28px;display:none}
.aviso.on{display:block;animation:entra .4s var(--ease) both}
.aviso .t{display:flex;align-items:center;gap:9px;color:var(--al);margin-bottom:8px}
.aviso .t::before{content:"";width:14px;height:2px;background:var(--al)}
.aviso p{font-size:14px;color:var(--tx2);line-height:1.6}

/* revisão */
.fim{padding:4px 0}
.fim .ic{width:60px;height:60px;border-radius:50%;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;margin-bottom:24px;background:rgba(39,35,112,.4)}
.ficha,.passos{border-radius:var(--radius);padding:20px 20px 18px;margin:24px 0 0;background:var(--sup);border:1px solid var(--line)}
.ficha .t,.passos .t{display:flex;align-items:center;gap:9px;color:var(--tx3);margin-bottom:6px}
.ficha .t i{width:6px;height:6px;border-radius:50%;background:var(--luz)}
.ficha .t{flex-wrap:wrap}
.ficha .li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}
.ficha .li:last-of-type,.ficha .li:has(+ .nota){border-bottom:none}
.ficha .k{color:var(--tx3);flex:0 0 auto;font-size:11.5px}
.ficha .v{font-size:15px;color:var(--tx);text-align:right;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.ficha .nota{font-size:13px;color:var(--tx3);line-height:1.55;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}
.ficha.contato{border-color:rgba(164,160,245,.32);background:linear-gradient(180deg,rgba(39,35,112,.32),var(--sup))}
.ficha .corrigir{margin-left:auto;background:none;border:1px solid var(--line2);border-radius:999px;color:var(--nevoa);font:600 13px/1 var(--sans);letter-spacing:0;text-transform:none;
 min-height:44px;min-width:44px;padding:0 18px;cursor:pointer;transition:background .3s,border-color .3s}
.ficha .corrigir:hover{background:var(--sup2);border-color:var(--nevoa)}
.ficha .v.wpp{font:600 clamp(22px,6.4vw,28px)/1.15 var(--serif);letter-spacing:-.02em;color:var(--luz);font-variant-numeric:tabular-nums}
.passos ol{list-style:none;counter-reset:p}
.passos li{counter-increment:p;display:grid;grid-template-columns:34px 1fr;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--tx2);line-height:1.55}
.passos li:last-child{border-bottom:none}
.passos li::before{content:counter(p,decimal-leading-zero);font:700 12px/1.6 var(--sans);letter-spacing:.1em;color:var(--luz)}
.passos li b{color:var(--tx);font-weight:600}
.resumida{font-size:13.5px;color:var(--al);margin-top:16px;line-height:1.5;display:none}
.resumida.on{display:block}

/* navegação (barra inferior) */
.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:rgba(13,14,24,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 border-top:1px solid var(--line);padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px))}
.nav-in{display:flex;gap:10px;max-width:660px;margin:0 auto;width:100%}
.bt{position:relative;flex:1;min-height:54px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--nevoa);font:600 15px/1 var(--sans);
 cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:0 22px;
 transition:color .45s var(--ease),background .45s var(--ease),border-color .45s,transform .35s var(--ease)}
.bt:active{transform:scale(.97)}
.bt-p{background:var(--nevoa);border-color:var(--nevoa);color:var(--breu);flex:2}
.bt-wa{background:var(--ok);border-color:var(--ok);color:#04241A;flex:2}
.bt-v{flex:0 0 108px;color:var(--tx2)}
.bt-txt{background:none;border:none;color:var(--tx3);font-size:14px;text-decoration:underline;text-underline-offset:3px;padding:14px;width:100%;text-align:center;cursor:pointer;margin-top:18px;min-height:44px}
.bt-txt:hover{color:var(--tx2)}
@media(hover:hover){
 .bt-p:hover{background:var(--indigo);border-color:var(--indigo);color:var(--nevoa)}
 .bt-wa:hover{background:#2FBF86;border-color:#2FBF86}
 .bt-v:hover{border-color:var(--nevoa);color:var(--nevoa)}
}

@media(min-width:760px){
 .tela{padding-top:calc(var(--topo) + 56px)}
 .campo>label,.campo>.lb{font-size:17px}
 .visor{padding:28px 30px 22px}
}
@media(max-width:380px){
 .ficha .v.wpp{font-size:21px}.ficha,.passos{padding:18px 16px 16px}
 .chips.grande{grid-template-columns:1fr}.bt-v{flex:0 0 92px}.visor{padding:20px 16px 16px}
 .topo .logo img{min-width:110px}
}
@media(max-width:520px){.topo .dc{font-size:11px;letter-spacing:.07em;gap:6px}.topo .lin{gap:10px}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
}