:root{--tinta:#1a1a2e;--tinta2:#44445a;--fundo:#fff;--fundo2:#f1f6fc;--prim:#0b5cad;--prim-esc:#08457f;--borda:#8a97ab;--borda-suave:#d3dce9;--ok:#17653a;--aviso-bg:#fff6dc;--aviso-borda:#c58a00;--raio:14px}
@media (prefers-color-scheme:dark){:root:not([data-tema=claro]){--tinta:#e8ecf4;--tinta2:#b5bdcc;--fundo:#0e1422;--fundo2:#151d30;--prim:#6aaeff;--prim-esc:#9cc8ff;--borda:#6b7893;--borda-suave:#2a3550;--ok:#5fd08e;--aviso-bg:#2a2410;--aviso-borda:#b88a1a}}
*,*::before,*::after{box-sizing:border-box}
html{font-size:18px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--tinta);background:var(--fundo);line-height:1.6}
h1,h2,h3{line-height:1.2;margin:0 0 .6rem}
h1{font-size:clamp(1.9rem,5vw,2.8rem);letter-spacing:-.01em}
h2{font-size:clamp(1.45rem,3.5vw,2rem)}h3{font-size:1.15rem}
p{margin:0 0 .9rem}a{color:var(--prim)}a:hover{color:var(--prim-esc)}
:focus-visible{outline:3px solid #ff9f1a;outline-offset:2px;border-radius:4px}
.largura{max-width:1100px;margin:0 auto;padding:0 1rem}
.pular{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:.6rem 1rem;z-index:10}.pular:focus{left:.5rem;top:.5rem}
.topo{position:sticky;top:0;z-index:5;background:var(--fundo);border-bottom:1px solid var(--borda-suave)}
.topo-in{display:flex;align-items:center;justify-content:space-between;min-height:60px;gap:1rem}
.marca{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.2rem;color:var(--tinta);text-decoration:none}
.menu{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap}.menu a{color:var(--tinta);text-decoration:none;font-weight:500}.menu a:hover{text-decoration:underline}
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.6rem 1.4rem;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid var(--prim);background:var(--prim);color:#fff}
.botao:hover{background:var(--prim-esc);border-color:var(--prim-esc);color:#fff}
.botao.vazado{background:transparent;color:var(--prim)}.botao.vazado:hover{background:var(--fundo2);color:var(--prim-esc)}
@media (prefers-color-scheme:dark){:root:not([data-tema=claro]) .botao{color:#08203f}:root:not([data-tema=claro]) .botao:hover{color:#08203f}:root:not([data-tema=claro]) .botao.vazado{color:var(--prim)}}
.hero{background:linear-gradient(180deg,var(--fundo2),var(--fundo));padding:3rem 0 3.2rem}
.hero-grid{display:grid;gap:2rem;grid-template-columns:1.15fr .85fr;align-items:center}
.hero p.sub{font-size:1.15rem;color:var(--tinta2);max-width:38rem}
.cta-linha{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}
.selo-lista{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.4rem;color:var(--tinta2);font-size:.95rem}
.selo-lista li::before{content:"✓";color:var(--ok);font-weight:700;margin-right:.5rem}
.painel{background:var(--fundo);border:1px solid var(--borda-suave);border-radius:var(--raio);padding:1.3rem;box-shadow:0 6px 24px rgba(11,40,80,.10)}
.painel h2{font-size:1.15rem}.painel ol{margin:.4rem 0 1rem;padding-left:1.2rem}.painel li{margin:.3rem 0}
.secao{padding:3rem 0}.secao.alt{background:var(--fundo2)}
.intro{max-width:42rem;color:var(--tinta2)}
.grade{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1.4rem}
.cartao{background:var(--fundo);border:1px solid var(--borda-suave);border-radius:var(--raio);padding:1.2rem}
.cartao h3{margin-bottom:.4rem}.cartao p{color:var(--tinta2);margin:0}.cartao .ico{font-size:1.6rem;display:block;margin-bottom:.4rem}
.passos{counter-reset:p;list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.passos li{counter-increment:p;background:var(--fundo);border:1px solid var(--borda-suave);border-radius:var(--raio);padding:1.2rem}
.passos li::before{content:counter(p);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--prim);color:#fff;font-weight:700;margin-bottom:.5rem}
@media (prefers-color-scheme:dark){:root:not([data-tema=claro]) .passos li::before{color:#08203f}}
.alerta{background:var(--aviso-bg);border:2px solid var(--aviso-borda);border-radius:var(--raio);padding:1.2rem 1.3rem}
.alerta h2{font-size:1.25rem}.alerta ul{margin:.4rem 0 0;padding-left:1.2rem}
details{background:var(--fundo);border:1px solid var(--borda-suave);border-radius:12px;padding:.2rem 1rem;margin:.6rem 0}
summary{cursor:pointer;font-weight:600;padding:.8rem 0;min-height:44px}details[open] summary{border-bottom:1px solid var(--borda-suave);margin-bottom:.6rem}
.nota{font-size:.85rem;color:var(--tinta2)}
.rodape{background:var(--fundo2);border-top:1px solid var(--borda-suave);padding:2rem 0;font-size:.92rem;color:var(--tinta2)}
.rodape nav{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.6rem}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.menu .oculta-mobile{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}