/*
Tese tipográfica e de cor (páginas de captação)
Tipografia: o logo da AMSi é largo, pesado e de cantos arredondados. O display é Lexend (OFL, auto-hospedada em fontes/), de geometria larga e aberta, em peso 600 a 700 com tracking negativo de 0,02em; o corpo segue Noto Sans. Lexend não tem algarismo tabular: todo número em coluna ou resultado usa Noto Sans com tnum (classe .tab).
Cor: marinho profundo derivado do marinho do logo, com luz radial azul vinda do diagrama, grão de ruído SVG e grade de pontos que some nas bordas. Um acento só, o vermelho do logo: no botão e no marcador da parada. A trilha da volta e o texto de apoio ficam em branco e azul-acinzentado claro. O verde do WhatsApp aparece só no ícone do bloco da S7.
*/
[hidden]{display:none!important}
@font-face{font-family:"Noto Sans Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(fontes/noto-sans-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lexend Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(fontes/lexend-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lexend Ajuste";src:local("Arial");size-adjust:112%;ascent-override:88%;descent-override:22%;line-gap-override:0%}
:root{
  --marinho:#293E5E;
  --marinho-fundo:#1E2F49;
  --abismo:#0C1A2E;
  --azul-luz:#3A5F94;
  --azul-claro:#B7C4D8;
  --branco-logo:#F2F5FA;
  --vermelho:#AE181E;
  --vermelho-escuro:#8E1217;
  --texto:#1B2536;
  --texto-suave:#4A5568;
  --fundo:#FFFFFF;
  --branco:#FFFFFF;
  --claro:#E4E9F1;
  --borda-campo:#8A96A8;
  --claro-rodape:#C9D2E0;
  --fundo-frio:#F2F5F9;
  --frio-2:#E6EBF3;
  --linha:#D5DCE6;
  --e1:8px;--e2:16px;--e3:24px;--e4:32px;--e5:40px;--e6:48px;--e7:56px;--e8:64px;--e10:80px;--e12:96px;
  --secao:var(--e8);
  --coluna:1120px;
  --raio:8px;
  --fonte:"Noto Sans Variable","Noto Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --display:"Lexend Variable","Lexend Ajuste","Noto Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --cab:var(--e8);
  --traco:color-mix(in srgb,var(--azul-claro) 22%,transparent);
}
@media (min-width:900px){:root{--secao:var(--e12);--cab:var(--e10)}}
html{scroll-padding-top:var(--cab)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--fonte);font-size:1rem;line-height:1.6;color:var(--texto);background:var(--fundo)}
img{max-width:100%;display:block}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
:focus-visible{outline:3px solid var(--vermelho);outline-offset:3px}
.somente-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.coluna{width:100%;max-width:var(--coluna);margin:0 auto;padding:0 var(--e3)}
@media (min-width:900px){.coluna{padding:0 var(--e5)}}
/* botão */
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:var(--e7,56px);padding:var(--e2) var(--e4);background:var(--vermelho);color:var(--branco);font:inherit;font-weight:700;font-size:1.0625rem;line-height:1.2;text-decoration:none;border:0;border-radius:var(--raio);cursor:pointer;transition:background .15s}
.botao:hover{background:var(--vermelho-escuro)}
.botao[disabled]{opacity:.6;cursor:progress}
@media (max-width:599px){.botao{width:100%}}
.sobretitulo{font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vermelho)}
h1,h2{font-family:var(--display);font-weight:700;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:2rem}
h2{font-size:1.5rem}
@media (min-width:900px){h1{font-size:2.75rem}
h2{font-size:2rem}}
.tab{font-family:var(--fonte);font-variant-numeric:tabular-nums}
h3{font-size:1.125rem;line-height:1.35}
section{padding:var(--secao) 0}
.frio{background:var(--fundo-frio)}
/* cabeçalho fixo, na cor da dobra */
.cab{position:fixed;top:0;left:0;right:0;z-index:10;background:var(--abismo);border-bottom:1px solid var(--traco)}
.cab .coluna{display:flex;align-items:center;justify-content:space-between;gap:var(--e2);height:var(--cab)}
.cab-logo{display:block;flex:none;line-height:0}
.cab-logo img{height:var(--e5);width:auto}
.cab .botao{width:auto;min-height:var(--e6);padding:0 var(--e3);font-size:.9375rem;white-space:nowrap}
.cab :focus-visible,.volta :focus-visible{outline-color:var(--branco)}
.cab .botao,.volta .botao{box-shadow:inset 0 1px 0 color-mix(in srgb,white 22%,transparent)}
@media (max-width:359px){.cab .coluna{padding:0 var(--e2)}
.cab-logo img{height:var(--e4)}
.cab .botao{padding:0 var(--e2);font-size:.875rem}}
@media (min-width:900px){.cab-logo img{height:var(--e6)}
.cab .botao{padding:0 var(--e4);font-size:1rem}}
/* S1: a volta, desenhada */
#S1.volta{position:relative;isolation:isolate;overflow:hidden;background:var(--abismo);color:var(--branco);padding:calc(var(--cab) + var(--e5)) 0 var(--e8)}
#S1.volta::before{content:"";position:absolute;inset:0;z-index:-2;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.55'/></svg>"),
    radial-gradient(64% 36% at 50% 78%,color-mix(in srgb,var(--azul-luz) 52%,transparent) 0%,transparent 74%),
    radial-gradient(80% 40% at 0% 0%,color-mix(in srgb,var(--marinho) 60%,transparent) 0%,transparent 72%);
  background-color:var(--abismo);
  background-blend-mode:overlay,normal,normal}
#S1.volta::after{content:"";position:absolute;inset:0;z-index:-1;
  background-image:radial-gradient(circle,color-mix(in srgb,var(--azul-claro) 36%,transparent) 1px,transparent 1.5px);
  background-size:var(--e3) var(--e3);
  -webkit-mask-image:radial-gradient(ellipse 70% 38% at 50% 78%,black 0%,transparent 78%);
  mask-image:radial-gradient(ellipse 70% 38% at 50% 78%,black 0%,transparent 78%)}
.coluna.larga{max-width:1200px}
.volta-grade{display:grid;gap:var(--e6);align-items:center}
#S1.volta .texto{max-width:600px;display:grid;gap:var(--e2);justify-items:start}
#S1.volta .sobretitulo{color:var(--azul-claro);opacity:1;font-weight:600;letter-spacing:.14em}
#S1.volta h1{font-size:1.75rem;line-height:1.14;font-weight:600;letter-spacing:-.025em;color:var(--branco)}
#S1.volta .apoio{font-size:1.0625rem;line-height:1.5;color:var(--azul-claro)}
#S1.volta .botao{margin-top:var(--e1)}
#S1.volta .prova{display:block;font-size:.875rem;line-height:1.5;color:var(--azul-claro)}
.diagrama{margin:0;display:grid;gap:var(--e2);justify-items:start}
.diagrama svg{display:block;width:100%;max-width:440px;height:auto;overflow:visible}
.diagrama figcaption{font-size:.875rem;color:var(--azul-claro)}
@media (min-width:900px){#S1.volta{min-height:100svh;display:flex;align-items:center;padding:calc(var(--cab) + var(--e3)) 0 var(--e8)}
#S1.volta::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.55'/></svg>"),radial-gradient(42% 66% at 76% 52%,color-mix(in srgb,var(--azul-luz) 62%,transparent) 0%,transparent 74%),radial-gradient(60% 60% at 0% 0%,color-mix(in srgb,var(--marinho) 60%,transparent) 0%,transparent 72%)}
#S1.volta::after{-webkit-mask-image:radial-gradient(ellipse 36% 64% at 76% 52%,black 0%,transparent 78%);mask-image:radial-gradient(ellipse 36% 64% at 76% 52%,black 0%,transparent 78%)}
.volta-grade{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--e10);width:100%}
#S1.volta h1{font-size:2.75rem;line-height:1.1}
#S1.volta .apoio{font-size:1.125rem}
.diagrama{justify-items:end}
.diagrama svg{max-width:480px}}
/* o diagrama */
.d-linha{fill:var(--branco-logo)}
.d-banda{fill:color-mix(in srgb,var(--branco-logo) 9%,transparent)}
.d-curva{fill:none;stroke:var(--azul-claro);stroke-width:2;stroke-linecap:round;opacity:.7}
.d-espera{stroke:url(#d-esmaece);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1 7}
.d-par1{stop-color:var(--azul-claro);stop-opacity:.9}
.d-par2{stop-color:var(--azul-claro);stop-opacity:0}
.d-no{fill:var(--abismo);stroke:var(--branco-logo);stroke-width:2}
.d-no-c{fill:var(--branco-logo)}
.d-brilho{fill:color-mix(in srgb,var(--vermelho) 34%,transparent)}
.d-anel{fill:none;stroke:var(--branco-logo);stroke-width:1.5}
.d-marcador{fill:var(--vermelho)}
.t-nome{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:-.01em;fill:var(--branco)}
.t-sub{font-family:var(--fonte);font-size:14px;fill:var(--azul-claro)}
.t-fraca{opacity:.78}
.t-fim{text-anchor:end}
@media (prefers-reduced-motion:no-preference){.a-tronco,.a-volta,.a-espera{transform-box:fill-box;transform-origin:0 50%;animation:d-estica .36s cubic-bezier(.2,.7,.2,1) both}
.a-tronco{animation-delay:.05s}
.a-espera{animation-delay:.55s;animation-duration:.4s}
.a-volta{animation-delay:.55s;animation-duration:.4s}
.a-no-a,.a-parada,.a-no-c{transform-box:fill-box;transform-origin:50% 50%;animation:d-surge .3s cubic-bezier(.2,.7,.2,1) both}
.a-no-a{animation-delay:0s}
.a-parada{animation-delay:.32s}
.a-no-c{animation-delay:.75s}
.a-curva{animation:d-aparece .28s ease-out .45s both}
.a-banda1{animation:d-aparece .3s ease-out .2s both}
.a-banda2{animation:d-aparece .3s ease-out .7s both}
.a-texto1{animation:d-aparece .35s ease-out .2s both}
.a-texto2{animation:d-aparece .35s ease-out .5s both}
.a-texto3{animation:d-aparece .35s ease-out .65s both}}
@keyframes d-estica{from{transform:scaleX(0)}}
@keyframes d-surge{from{transform:scale(0);opacity:0}}
@keyframes d-aparece{from{opacity:0}}
.campo{display:grid;gap:var(--e1)}
.campo label{font-weight:700;font-size:.9375rem}
.campo input,.campo select{font:inherit;font-size:1.125rem;min-height:var(--e7);padding:0 var(--e2);border:1px solid var(--borda-campo);border-radius:var(--raio);background:var(--branco);color:var(--texto);width:100%}
.campo input:focus,.campo select:focus{outline:3px solid var(--marinho);outline-offset:1px;border-color:var(--marinho)}
.botao-secundario{font:inherit;font-weight:700;font-size:1.0625rem;min-height:var(--e7);padding:var(--e2) var(--e4);border:2px solid var(--branco);border-radius:var(--raio);background:transparent;color:var(--branco);cursor:pointer;margin-top:var(--e1)}
.botao-secundario:hover:not([disabled]){background:var(--branco);color:var(--marinho-fundo)}
.botao-secundario[disabled]{opacity:.55;cursor:not-allowed}
.ajuda{font-size:.875rem;color:var(--claro);text-align:center}
.ajuda:empty{display:none}
.formulario .contato{font-size:.9375rem;color:var(--texto);margin:0}
.formulario{background:var(--branco);color:var(--texto);border-radius:var(--raio);padding:var(--e4);display:grid;gap:var(--e3)}
@media (max-width:599px){.formulario{padding:var(--e3)}}
.telefone{display:grid;grid-template-columns:auto 1fr;gap:var(--e1)}
.telefone .ddi{display:flex;align-items:center;min-height:var(--e7,56px);padding:0 var(--e2);border:1px solid var(--borda-campo);border-radius:var(--raio);background:var(--fundo-frio);font-weight:600;font-size:1.125rem}
.consentimento{display:grid;grid-template-columns:var(--e3) 1fr;gap:var(--e2);align-items:start;font-size:.9375rem;color:var(--texto-suave)}
.consentimento input{width:var(--e3);height:var(--e3);margin:0;accent-color:var(--marinho)}
.armadilha{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.erro{color:var(--vermelho-escuro);font-weight:600;font-size:.9375rem;min-height:0}
.erro:empty{display:none}
.campo input[aria-invalid="true"]{border-color:var(--vermelho);border-width:2px}
/* faixa de cookies */
.cookies{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--e2);padding:var(--e2) var(--e3);background:var(--marinho-fundo);color:var(--branco);border-top:2px solid var(--vermelho)}
.cookies{flex-wrap:wrap}
.cookies p{font-size:.9375rem;line-height:1.4;flex:1 1 var(--coluna)}
.cookies-botoes{display:flex;gap:var(--e1);flex:1 1 100%}
.cookies-botoes button{flex:1}
@media (min-width:700px){.cookies p{flex:1 1 auto}
.cookies-botoes{flex:none}
.cookies-botoes button{flex:none}}
.cookies button{font:inherit;font-weight:700;min-height:var(--e6);padding:0 var(--e3);border:2px solid var(--branco);border-radius:var(--raio);background:var(--branco);color:var(--marinho-fundo);cursor:pointer}
.cookies button:hover{background:var(--claro)}
@media (min-width:900px){.cookies{padding:var(--e2) var(--e5)}}
/* rodapé */
.rodape-linha{display:flex;align-items:center;justify-content:space-between;gap:var(--e2);flex-wrap:wrap}
.link{font:inherit;color:inherit;background:none;border:0;padding:var(--e1) 0;text-decoration:underline;text-underline-offset:var(--e1);cursor:pointer}
.rodape{background:var(--marinho-fundo);color:var(--claro-rodape);padding:var(--e4) 0;font-size:.875rem;border-top:1px solid rgba(255,255,255,.14)}
.aviso-dados{font-size:.8125rem;line-height:1.5;color:var(--texto-suave);margin:0}
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.ata-sobre{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vermelho-escuro)}
.ata-titulo{font-size:1.125rem;font-weight:800;line-height:1.25;color:var(--marinho-fundo);padding-bottom:var(--e1);border-bottom:2px solid var(--marinho)}
.ata-campo{display:grid;gap:0}
.ata-campo span{font-size:.75rem;color:var(--texto-suave)}
.ata-campo b{display:block;height:var(--e4);border-bottom:1px solid var(--borda-campo)}
.ata-par{display:grid;grid-template-columns:1fr 1fr;gap:var(--e3)}
.ata-assina b{height:var(--e6)}
#checklist{display:grid;gap:var(--e4)}
.ata-corpo{display:grid;gap:var(--e2)}
/* S6: o André por config.js, só com a chave preenchida */
.andre{display:flex;align-items:center;gap:var(--e3);margin-top:var(--e5);max-width:760px}
.andre img{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none}
.andre p{font-size:1.0625rem;color:var(--texto-suave)}
.andre strong{color:var(--texto);font-weight:700}
.aviso-dados a{color:inherit;text-underline-offset:var(--e1)}
/* v3, parte 2: S3 a S6 */
.atmos{position:relative;isolation:isolate;overflow:hidden;background-color:var(--abismo);color:var(--branco)}
.atmos::before{content:"";position:absolute;inset:0;z-index:-2;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.22'/></svg>"),
    radial-gradient(60% 56% at var(--lx,0%) var(--ly,100%),color-mix(in srgb,var(--azul-luz) 48%,transparent) 0%,transparent 72%);
  background-blend-mode:overlay,normal}
.atmos::after{content:"";position:absolute;inset:0;z-index:-1;
  background-image:radial-gradient(circle,color-mix(in srgb,var(--azul-claro) 32%,transparent) 1px,transparent 1.5px);
  background-size:var(--e3) var(--e3);
  -webkit-mask-image:radial-gradient(ellipse 52% 60% at var(--lx,0%) var(--ly,100%),black 0%,transparent 78%);
  mask-image:radial-gradient(ellipse 52% 60% at var(--lx,0%) var(--ly,100%),black 0%,transparent 78%)}
.atmos .sobretitulo,.pedido .sobretitulo{color:var(--azul-claro);opacity:1;font-weight:600;letter-spacing:.14em}
.analise .sobretitulo{color:var(--marinho)}
.atmos :focus-visible{outline-color:var(--branco)}
.atmos .botao{box-shadow:inset 0 1px 0 color-mix(in srgb,white 22%,transparent)}
.rec h2,.duvidas h3,.analise h2,.hist h2{font-family:var(--display)}
/* S3: recuperação, três nós na linha do logo */
.rec{--lx:6%;--ly:100%;padding:var(--e10) 0 var(--e8)}
.rec-cabeca{display:grid;gap:var(--e3);max-width:800px;margin-bottom:var(--e8)}
.rec h2{font-size:1.75rem;line-height:1.12;font-weight:600;letter-spacing:-.03em;color:var(--branco)}
.rec .apoio{font-size:1.0625rem;line-height:1.5;color:var(--azul-claro);max-width:560px}
.rec-nos{position:relative;display:grid;gap:var(--e6);padding-left:var(--e6)}
.rec-nos li{position:relative;display:grid;gap:var(--e1);align-content:start}
.rec-nos li::before{content:"";position:absolute;left:calc(var(--e6) * -1);top:calc(var(--e1) / 2);width:var(--e2);height:var(--e2);box-sizing:border-box;border-radius:50%;background:var(--abismo);border:2px solid var(--branco-logo);box-shadow:0 0 0 6px color-mix(in srgb,var(--azul-claro) 14%,transparent)}
.rec-nos li:last-child::before{background:var(--branco-logo);box-shadow:0 0 0 6px color-mix(in srgb,var(--branco-logo) 22%,transparent)}
.rec-nos li:not(:last-child)::after{content:"";position:absolute;left:calc(var(--e6) * -1 + var(--e1) - 1px);top:var(--e3);width:2px;height:calc(100% + var(--e3));background:linear-gradient(var(--branco-logo),var(--azul-claro));opacity:.8;transform-origin:50% 0}
.rec-nos h3{font-family:var(--display);font-weight:600;font-size:1.25rem;line-height:1.3;letter-spacing:-.02em;color:var(--branco)}
.rec-nos p{color:var(--azul-claro);max-width:360px}
.rec-rodape{display:grid;gap:var(--e6);margin-top:var(--e8);padding-top:var(--e5);border-top:1px solid var(--traco)}
.rec-acao{display:grid;gap:var(--e2);justify-items:start}
.rec-dado{display:grid;gap:var(--e1);max-width:560px}
.rec-frase{font-size:.9375rem;line-height:1.55;color:var(--azul-claro)}
@media (min-width:900px){.rec{padding:var(--e12) 0 var(--e10)}
.rec h2{font-size:2.75rem;line-height:1.08}
.rec .apoio{font-size:1.125rem}
.rec-cabeca{margin-bottom:var(--e10)}
.rec-nos{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:var(--e6);padding-left:0}
.rec-nos li{padding-top:var(--e5)}
.rec-nos li::before{left:0;top:0}
.rec-nos li:not(:last-child)::after{left:var(--e3);top:calc(var(--e1) - 1px);width:calc(100% + var(--e6) - var(--e4));height:2px;background:linear-gradient(90deg,var(--branco-logo),var(--azul-claro));transform-origin:0 50%}
.rec-rodape{grid-template-columns:auto minmax(0,560px);justify-content:space-between;align-items:start;gap:var(--e8);margin-top:var(--e10)}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.rec-nos li::before{animation:rec-surge linear both;animation-timeline:view();animation-range:cover 4% cover 22%}
.rec-nos li:not(:last-child)::after{animation:rec-desenha-y linear both;animation-timeline:view();animation-range:cover 10% cover 34%}
.rec-nos li:nth-child(2)::before{animation-range:cover 22% cover 40%}
.rec-nos li:nth-child(2)::after{animation-range:cover 28% cover 46%}
.rec-nos li:nth-child(3)::before{animation-range:cover 38% cover 54%}}
@media (min-width:900px){@supports (animation-timeline:view()){.rec-nos li:not(:last-child)::after{animation-name:rec-desenha-x}}}}
@keyframes rec-surge{from{opacity:0;transform:scale(.3)}}
@keyframes rec-desenha-x{from{transform:scaleX(0)}}
@keyframes rec-desenha-y{from{transform:scaleY(0)}}
/* S4: a folha-resumo, modelo */
.analise{background:var(--fundo-frio);padding:var(--e8) 0 var(--e10)}
.analise-grade{display:grid;gap:var(--e8);align-items:center}
.analise-texto{display:grid;gap:var(--e3);justify-items:start}
.analise h2{font-size:1.75rem;line-height:1.12;font-weight:600;letter-spacing:-.03em;color:var(--abismo)}
#S4.analise .apoio{font-size:1.0625rem;line-height:1.5;color:var(--texto-suave);max-width:480px}
#S4.analise .fecho{font-size:1.0625rem;font-weight:600;line-height:1.5;color:var(--texto);max-width:480px;margin:0}
.analise .fecho a{color:var(--marinho);text-underline-offset:var(--e1)}
.analise .fecho a:hover{color:var(--vermelho-escuro)}
.folha{margin:0;position:relative;isolation:isolate;width:100%;max-width:520px;display:grid;gap:var(--e3)}
.folha-papel{position:relative;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:0 24px 56px color-mix(in srgb,var(--abismo) 16%,transparent)}
.folha-papel::before{display:none;content:"";position:absolute;z-index:-1;inset:var(--e2) calc(var(--e2) * -1) calc(var(--e2) * -1) var(--e2);background:color-mix(in srgb,var(--branco) 62%,transparent);border:1px solid var(--linha);border-radius:var(--raio)}
.folha-cab{display:flex;align-items:center;justify-content:space-between;gap:var(--e2);padding:var(--e2) var(--e3);background:var(--marinho-fundo);border-radius:var(--raio) var(--raio) 0 0}
.folha-cab img{height:var(--e4);width:auto}
.folha-modelo{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--branco);border:1px solid color-mix(in srgb,var(--branco) 60%,transparent);border-radius:var(--raio);padding:0 var(--e1);line-height:1.8}
.folha-corpo{padding:var(--e4) var(--e3);display:grid;gap:var(--e3)}
.folha-titulo{font-family:var(--display);font-weight:600;font-size:1.0625rem;line-height:1.3;letter-spacing:-.01em;color:var(--marinho-fundo);padding-bottom:var(--e2);border-bottom:2px solid var(--marinho)}
.folha-identifica{display:grid;grid-template-columns:3fr 2fr;gap:var(--e3)}
.folha-identifica span{display:grid}
.folha-identifica i{font-style:normal;font-size:.75rem;color:var(--texto-suave)}
.folha-identifica b{display:block;height:var(--e4);border-bottom:1px solid var(--borda-campo)}
.folha-campos{display:grid;gap:var(--e4)}
.folha-campos li{position:relative;display:grid;gap:var(--e1);padding-left:var(--e5)}
.folha-campos li::before{content:"";position:absolute;left:0;top:calc(var(--e1) / 2);width:var(--e2);height:var(--e2);box-sizing:border-box;border-radius:50%;background:var(--branco);border:2px solid var(--marinho);z-index:1}
.folha-campos li:not(:last-child)::after{content:"";position:absolute;left:calc(var(--e1) - 1px);top:var(--e3);width:2px;height:calc(100% + var(--e1));background:var(--marinho);opacity:.28}
.folha-campos p{font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--texto)}
.folha-linhas{display:block;height:var(--e8);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,color-mix(in srgb,var(--borda-campo) 70%,transparent) 31px,color-mix(in srgb,var(--borda-campo) 70%,transparent) 32px)}
.folha figcaption{font-size:.8125rem;color:var(--texto-suave)}
@media (min-width:900px){.analise{padding:var(--e12) 0}
.analise h2{font-size:2.5rem;line-height:1.1}
.analise-grade{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--e10)}
.folha{justify-self:end}
.folha-corpo{padding:var(--e5) var(--e5)}
.folha-cab{padding:var(--e2) var(--e5)}}
/* S5: dúvidas comuns, uma linha por pergunta */
.duvidas{--lx:100%;--ly:0%;padding:var(--e8) 0 var(--e10)}
.duvidas .coluna{display:grid;gap:var(--e6);justify-items:start}
.duvidas h2{font-size:1.75rem;line-height:1.12;font-weight:600;letter-spacing:-.03em;color:var(--branco)}
.duvidas-lista{display:grid;width:100%;border-top:1px solid var(--traco)}
.duvida{display:grid;gap:var(--e2);padding:var(--e4) 0;border-bottom:1px solid var(--traco)}
.duvida h3{font-weight:600;font-size:1.25rem;line-height:1.3;letter-spacing:-.02em;color:var(--branco)}
.duvida-corpo{display:grid;gap:var(--e4);max-width:640px;min-width:0}
.duvida-corpo>p{color:var(--azul-claro)}
.lixeira{margin:0;display:grid;gap:var(--e2)}
.lixeira figcaption{font-size:.8125rem;color:var(--azul-claro)}
.lx-conjunto{display:grid;gap:var(--e3);padding:var(--e4) var(--e2);border:1px solid var(--traco);border-radius:var(--raio);background:color-mix(in srgb,var(--branco-logo) 4%,transparent)}
.lx-meio{text-align:center;font-family:var(--display);font-weight:600;font-size:1rem;color:var(--branco)}
.lx-trilho{display:flex;align-items:center;gap:var(--e1)}
.lx-no{flex:none;width:var(--e2);height:var(--e2);box-sizing:border-box;border-radius:50%;border:2px solid var(--branco-logo);background:var(--abismo)}
.lx-linha{flex:1;height:2px;background:var(--branco-logo)}
.lx-fim{flex:none;width:var(--e1);height:var(--e5);border-radius:4px;background:var(--vermelho);box-shadow:0 0 0 6px color-mix(in srgb,var(--vermelho) 28%,transparent);margin:0 var(--e1)}
.lx-depois{flex:none;width:var(--e5);height:2px;background:repeating-linear-gradient(90deg,var(--azul-claro) 0,var(--azul-claro) 2px,transparent 2px,transparent 8px);-webkit-mask-image:linear-gradient(90deg,black,transparent);mask-image:linear-gradient(90deg,black,transparent)}
.lx-rotulos{display:flex;justify-content:space-between;gap:var(--e3)}
.lx-rotulos p{display:grid;font-size:.875rem;line-height:1.4;color:var(--azul-claro)}
.lx-rotulos strong{color:var(--branco);font-weight:700}
.lx-dir{text-align:right}
@media (min-width:600px){.lx-conjunto{padding:var(--e5) var(--e4)}}
@media (min-width:900px){.duvidas{padding:var(--e12) 0}
.duvidas .coluna{gap:var(--e8)}
.duvidas h2{font-size:2.5rem;line-height:1.1}
.duvida{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--e10);padding:var(--e5) 0}
.duvida h3{font-size:1.5rem}}
/* S6: de 1998 até hoje, na mesma linha */
.hist{background:var(--branco);padding:var(--e8) 0 var(--e10)}
.hist-topo{display:grid;gap:var(--e3);max-width:720px;margin-bottom:var(--e8)}
.hist h2{font-size:1.75rem;line-height:1.12;font-weight:600;letter-spacing:-.03em;color:var(--abismo)}
.hist .corpo{font-size:1.0625rem;color:var(--texto-suave);max-width:640px}
.hist-linha{position:relative;display:grid;gap:var(--e6);padding-left:var(--e6)}
.hist-linha li{position:relative;display:grid;gap:var(--e1);align-content:start;justify-items:start}
.hist-linha li::before{content:"";position:absolute;left:calc(var(--e6) * -1);top:calc(var(--e1) / 2);width:var(--e2);height:var(--e2);box-sizing:border-box;border-radius:50%;background:var(--branco);border:2px solid var(--marinho)}
.hist-linha .h-fim::before{background:var(--marinho);box-shadow:0 0 0 6px color-mix(in srgb,var(--marinho) 16%,transparent)}
.hist-linha .h-ini::after{content:"";position:absolute;left:calc(var(--e6) * -1 + var(--e1) - 1px);top:var(--e3);width:2px;height:calc(100% + var(--e3));background:var(--marinho)}
.h-rot{font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--marinho)}
.hist .n{font-size:3rem;font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--abismo)}
.hist .d{color:var(--texto-suave)}
.h-nums{display:grid;gap:var(--e3)}
.hist-nota{margin-top:var(--e6);font-size:.9375rem;color:var(--texto-suave)}
.h-num{display:grid;gap:0}
@media (min-width:900px){.hist{padding:var(--e12) 0 var(--e12)}
.hist h2{font-size:2.5rem;line-height:1.1}
.hist-topo{margin-bottom:var(--e10)}
.hist-linha{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--e8);padding-left:0}
.hist-linha::before{content:"";position:absolute;left:var(--e1);right:var(--e1);top:calc(var(--e1) - 1px);height:2px;background:linear-gradient(90deg,var(--marinho),color-mix(in srgb,var(--marinho) 40%,transparent) 70%,var(--marinho))}
.hist-linha li{padding-top:var(--e5)}
.hist-linha li::before{left:0;top:0}
.hist-linha .h-fim::before{left:auto;right:0}
.hist-linha .h-ini::after{display:none}
.hist-linha .h-fim{justify-items:end;text-align:right}
.hist .n{font-size:4.5rem}
.h-nums{grid-auto-flow:column;gap:var(--e8)}
.h-num{justify-items:end}}
@media (min-width:900px){.folha-papel::before{display:block}}
/* v3, parte 3: S7 em duas etapas e obrigado */
html:not(.js) .so-js{display:none}
.armadilha{left:0;top:0}
.armadilha label,.armadilha input{display:block;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden}
.pedido{--lx:100%;--ly:100%;padding:var(--e8) 0 var(--e10)}
.pedido-grade{display:grid;gap:var(--e5);align-items:start}
.pedido-cab{display:grid;gap:var(--e2);max-width:520px}
.pedido-nota{font-weight:600;color:var(--branco)}
.pedido h2{font-family:var(--display);font-size:1.75rem;line-height:1.12;font-weight:600;letter-spacing:-.03em;color:var(--branco)}
.pedido .apoio{font-size:1.0625rem;line-height:1.5;color:var(--azul-claro)}
.pedido .formulario{min-width:0;padding:var(--e3);gap:var(--e3);box-shadow:0 24px 56px color-mix(in srgb,black 36%,transparent)}
.pedido .formulario .botao{width:100%}
.pedido .fase{display:grid;gap:var(--e3);min-width:0}
.pedido .fase-cab{display:flex;align-items:center;justify-content:space-between;gap:var(--e2)}
.pedido .fase-titulo{font-family:var(--display);font-weight:600;font-size:1.25rem;line-height:1.3;letter-spacing:-.02em;color:var(--abismo)}
.pedido .fase-titulo:focus{outline:0}
.pedido .voltar{min-height:var(--e6);padding:0 var(--e1);color:var(--marinho);font-weight:600}
.pedido .opc{font-weight:400;color:var(--texto-suave)}
/* o andamento: o fio do logo, dois nós */
.js .pedido .passos{display:flex}
.pedido .passos{align-items:center;gap:var(--e1);font-size:.875rem;font-weight:700;color:var(--texto-suave)}
.pedido .passos li{display:flex;align-items:center;gap:var(--e1)}
.pedido .passos li:first-child{flex:1}
.pedido .passos li:first-child::after{content:"";flex:1;height:2px;margin:0 var(--e1);background:var(--linha)}
.pedido .passos .no{flex:none;width:var(--e2);height:var(--e2);box-sizing:border-box;border-radius:50%;border:2px solid var(--marinho);background:var(--branco)}
.pedido .passos [aria-current="step"]{color:var(--abismo)}
.pedido .passos [aria-current="step"] .no,.pedido .passos .feito .no{background:var(--marinho)}
.pedido .passos [aria-current="step"] .no{box-shadow:0 0 0 4px color-mix(in srgb,var(--marinho) 16%,transparent)}
.pedido .formulario[data-passo="2"] .passos li:first-child::after{background:var(--marinho)}
/* etapa 1: por toque */
.pedido .pergunta{margin:0;padding:0;border:0;min-width:0}
.pedido .pergunta legend{padding:0;margin-bottom:var(--e1);font-weight:700;font-size:1rem;color:var(--texto)}
.pedido .toques{display:grid;gap:var(--e1);grid-template-columns:minmax(0,1fr)}
.pedido .pergunta-dica{margin:0 0 var(--e1);font-size:.875rem;line-height:1.45;color:var(--texto-suave)}
.pedido .toque{position:relative;display:flex;min-width:0}
.pedido .toque input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.pedido .toque span{flex:1;display:flex;align-items:center;gap:var(--e1);min-height:var(--e6);padding:var(--e1) var(--e2);border:1px solid var(--borda-campo);border-radius:var(--raio);background:var(--branco);font-weight:600;font-size:1rem;line-height:1.3;color:var(--texto);transition:background .15s,border-color .15s,color .15s}
.pedido .toque span::before{content:"";flex:none;width:var(--e2);height:var(--e2);box-sizing:border-box;border-radius:50%;border:2px solid var(--borda-campo);background:var(--branco)}
.pedido .toque:hover span{border-color:var(--marinho)}
.pedido .toque input:checked + span{background:var(--marinho-fundo);border-color:var(--marinho-fundo);color:var(--branco)}
.pedido .toque input:checked + span::before{border-color:var(--branco);background:var(--branco);box-shadow:inset 0 0 0 3px var(--marinho-fundo)}
.pedido .toque input:focus-visible + span{outline:3px solid var(--vermelho);outline-offset:3px}
.pedido .pergunta[data-erro] .toque span{border-color:var(--vermelho);border-width:2px}
.pedido .botao-passo{background:var(--marinho-fundo)}
.pedido .botao-passo:hover{background:var(--marinho)}
.pedido .consentimento{min-width:0}
.pedido .aviso-dados a{text-underline-offset:var(--e1)}
.pedido-wa{display:grid;gap:var(--e2);align-content:start;min-width:0;padding:var(--e3);border:1px solid var(--traco);border-radius:var(--raio);background:color-mix(in srgb,var(--branco-logo) 5%,transparent)}
.pedido-wa[hidden]{display:none}
.wa-cab{display:flex;align-items:center;gap:var(--e2)}
.wa-cab h3{font-family:var(--display);font-weight:600;font-size:1.25rem;line-height:1.3;letter-spacing:-.02em;color:var(--branco)}
.wa-icone{flex:none;display:grid;place-items:center;width:var(--e6);height:var(--e6);border-radius:50%;background:#25D366;color:var(--branco)}
.wa-icone svg{width:var(--e4);height:var(--e4);fill:currentColor}
.pedido-wa>p{color:var(--azul-claro)}
.pedido-wa .botao-secundario{display:block;width:100%;margin-top:var(--e1);padding:var(--e2);text-align:center;text-decoration:none;line-height:1.25}
.botao-secundario[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.botao-secundario[aria-disabled="true"]:hover{background:transparent;color:var(--branco)}
@media (min-width:460px){.pedido .toques{grid-template-columns:repeat(2,minmax(0,1fr))}
.pedido .toques.toques-um{grid-template-columns:minmax(0,1fr)}}
@media (min-width:600px){.pedido .formulario{padding:var(--e5)}}
@media (min-width:900px){.pedido{padding:var(--e12) 0}
.pedido h2{font-size:2.75rem;line-height:1.08}
.pedido-grade{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto 1fr;grid-template-areas:"cab form" "lado form";column-gap:var(--e10);row-gap:var(--e6)}
.pedido-cab{grid-area:cab}
.pedido-wa{grid-area:lado}
.pedido .formulario{grid-area:form}}
/* obrigado */
.obrigado{--lx:100%;--ly:100%;padding:calc(var(--cab) + var(--e8)) 0 var(--e10);min-height:60vh}
.obrigado-grade{display:grid;gap:var(--e6);align-items:start}
.obrigado-texto{display:grid;gap:var(--e3);justify-items:start;max-width:560px}
.obrigado h1{font-size:2.25rem;line-height:1.1;font-weight:600;letter-spacing:-.03em;color:var(--branco)}
.obrigado .apoio{font-size:1.0625rem;line-height:1.5;color:var(--azul-claro)}
.obrigado #relatorio .botao{margin-top:var(--e3)}
.obrigado .maos{display:grid;gap:var(--e3);padding:var(--e4) var(--e3);border:1px solid var(--traco);border-radius:var(--raio);background:color-mix(in srgb,var(--branco-logo) 4%,transparent)}
.obrigado .maos h2{font-family:var(--display);font-weight:600;font-size:1.25rem;line-height:1.3;letter-spacing:-.02em;color:var(--branco)}
.obrigado .maos-nos{position:relative;display:grid;gap:var(--e4);padding-left:var(--e6)}
.obrigado .maos-nos li{position:relative;color:var(--branco)}
.obrigado .maos-nos li::before{content:"";position:absolute;left:calc(var(--e6) * -1);top:calc(var(--e1) / 2);width:var(--e2);height:var(--e2);box-sizing:border-box;border-radius:50%;background:var(--abismo);border:2px solid var(--branco-logo);box-shadow:0 0 0 6px color-mix(in srgb,var(--azul-claro) 14%,transparent)}
.obrigado .maos-nos li:last-child::before{background:var(--branco-logo)}
.obrigado .maos-nos li:not(:last-child)::after{content:"";position:absolute;left:calc(var(--e6) * -1 + var(--e1) - 1px);top:var(--e3);width:2px;height:calc(100% + var(--e4) - var(--e1));background:linear-gradient(var(--branco-logo),var(--azul-claro));opacity:.8}
.obrigado .agenda{margin-top:var(--e6)}
.obrigado .agenda-quadro{display:block;width:100%;height:720px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--branco)}
@media (min-width:900px){.obrigado{padding:calc(var(--cab) + var(--e12)) 0 var(--e12)}
.obrigado h1{font-size:3.25rem;line-height:1.06}
.obrigado-grade{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:var(--e10)}
.obrigado .maos{padding:var(--e5)}
.obrigado .agenda{grid-column:1 / -1}}
#whatsapp-botao,#sucesso-whatsapp-botao{text-align:center}