/* Acolhe Edu — landing v1 (complementa o <style> inline do demo; usa os mesmos tokens) */
.skip{position:absolute;left:-999px;top:0;background:var(--azul);color:#fff;padding:.5rem 1rem;z-index:100}
.skip:focus{left:.5rem;top:.5rem}
.topo{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--papel) 94%,transparent);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--linha-suave)}
.topo .env{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:8px;flex-wrap:nowrap}
.topo-logo{display:block;line-height:0}
.topo-logo img{height:26px;width:auto;display:block}
.topo nav{display:flex;gap:14px;flex-wrap:nowrap;align-items:center;font:400 14px/1.2 var(--corpo)}
.topo nav a{color:var(--tinta-media);text-decoration:none;white-space:nowrap}
.topo nav a:hover{color:var(--azul);text-decoration:underline}
@media (max-width:1180px){.topo nav a.sec{display:none}}
a.btn{display:inline-block;text-decoration:none;line-height:1.3}
.topo a.btn{padding:7px 12px;font-size:13px;color:#fff;font-weight:600}
:root:not([data-theme="light"]) .topo a.btn{color:#0C1524}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .topo a.btn{color:#fff}}
a.btn-linha{color:var(--azul)!important}
.hero{padding-block:3.5rem 2.5rem}
.hero .stack{gap:1.35rem}
.hero h1{font-size:clamp(2.2rem,5.6vw,3.6rem)}
.selos{list-style:none;margin:.6rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--linha);border-radius:3px;overflow:hidden;background:var(--linha)}
.selos li{padding:.95rem 1.1rem;background:var(--superficie);font-size:.93rem;font-weight:600;line-height:1.35;display:flex;gap:.6rem;align-items:flex-start}
.selos li:before{content:"✓";color:var(--selo);font-weight:700}
@media (max-width:560px){.selos{grid-template-columns:1fr}}
.faixa{background:var(--superficie)}
.tres{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);counter-reset:t}
.tres li{counter-increment:t;background:var(--papel);border:1px solid var(--linha);border-radius:4px;padding:1.1rem 1.15rem;font-size:.94rem;color:var(--tinta-media)}
.tres li:before{content:counter(t);display:block;font-family:var(--mono);font-size:.74rem;font-weight:600;color:var(--azul);margin-bottom:.35rem}
.tres li b{display:block;color:var(--tinta);font-size:1rem;margin-bottom:.2rem}
.tres li.humano{border-color:var(--azul);background:var(--azul-lavado)}
@media (max-width:760px){.tres{grid-template-columns:1fr}}
.cartao-ex{margin-top:1.4rem;border:1px dashed var(--risco);border-radius:4px;padding:1rem 1.2rem;background:var(--risco-fundo);font-size:.92rem;color:var(--tinta-media)}
.cartao-ex .estado-chip{margin-bottom:.5rem}
.cartao-ex small{display:block;margin-top:.4rem;color:var(--tinta-fraca);font-size:.8rem}
.cena small{display:block;font-family:var(--mono);font-style:normal;font-size:.68rem;letter-spacing:.1em;color:#8FA3C2;margin-bottom:.3rem}
.cena b{color:#FFF;font-weight:600}
.legenda{font-size:.82rem;color:#8FA3C2;margin-top:.8rem}
.lista-dec{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.lista-dec li{padding:.85rem 0;border-top:1px solid var(--linha-suave);font-size:.96rem;color:var(--tinta-media)}
.lista-dec li:last-child{border-bottom:1px solid var(--linha-suave)}
.lista-dec b{color:var(--tinta)}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{border:1px solid var(--linha);border-radius:4px;background:var(--superficie);padding:1.15rem 1.2rem;display:grid;gap:.4rem;align-content:start;font-size:.93rem;color:var(--tinta-media)}
.card h3{color:var(--tinta)}
.card .num{font-family:var(--mono);font-size:.72rem;color:var(--azul);font-weight:600}
@media (max-width:760px){.cards3{grid-template-columns:1fr}}
.fonte{font-size:.84rem;color:var(--tinta-fraca)}
/* autoavaliação */
.q-area{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--azul)}
.q-barra{height:6px;border-radius:3px;background:var(--superficie-2);overflow:hidden;margin:.2rem 0 1rem}
.q-barra span{display:block;height:100%;background:var(--azul);transition:width .25s}
.q-texto{font-family:var(--display);font-size:1.3rem;line-height:1.3;font-weight:500;margin:.4rem 0 .6rem;outline:none}
.q-porque{font-size:.92rem;color:var(--tinta-media);margin-bottom:.35rem}
.q-fonte{font-size:.78rem;color:var(--tinta-fraca);margin-bottom:1.1rem}
.q-resp{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.q-resp button{font:600 .95rem var(--corpo);padding:.7rem .6rem;border-radius:3px;border:1px solid var(--linha);background:var(--papel);color:var(--tinta);cursor:pointer}
.q-resp button:hover{border-color:var(--azul);background:var(--azul-lavado)}
@media (max-width:560px){.q-resp{grid-template-columns:1fr 1fr}}
.q-nav{margin-top:1rem}
.res-topo{display:flex;gap:1.3rem;align-items:center;flex-wrap:wrap}
.nota-grande{font-family:var(--display);font-size:3rem;font-weight:500;line-height:1;color:var(--azul)}
.nota-grande small{font-size:1rem;color:var(--tinta-fraca);font-family:var(--corpo)}
.nivel{display:inline-block;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;border-radius:2px;border:1px solid currentColor}
.nivel.n0{color:var(--risco);background:var(--risco-fundo)}
.nivel.n1{color:var(--atencao);background:var(--atencao-fundo)}
.nivel.n2,.nivel.n3{color:var(--selo);background:var(--selo-fundo)}
.barras{display:grid;gap:.5rem;margin:1.2rem 0}
.barra-l{display:grid;grid-template-columns:11rem 1fr 2.6rem;gap:.7rem;align-items:center;font-size:.85rem}
.barra-l i{display:block;height:8px;background:var(--superficie-2);border-radius:4px;overflow:hidden}
.barra-l i span{display:block;height:100%;background:var(--azul)}
@media (max-width:560px){.barra-l{grid-template-columns:7.5rem 1fr 2.4rem}}
.pontos{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.8rem}
.pontos li{border-left:3px solid var(--atencao);background:var(--atencao-fundo);padding:.75rem 1rem;border-radius:0 3px 3px 0;font-size:.93rem}
.pontos .pa{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--atencao)}
.pontos p{margin:.2rem 0 0}
.pontos .fz b{color:var(--tinta)}
.aviso-res{font-size:.85rem;color:var(--tinta-fraca);margin:1rem 0}
.ctas{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}
/* guias */
.guia{display:grid;gap:.5rem}
/* faq */
.faq details{border-top:1px solid var(--linha-suave);padding:.9rem 0}
.faq details:last-child{border-bottom:1px solid var(--linha-suave)}
.faq summary{cursor:pointer;font-family:var(--display);font-size:1.1rem;font-weight:500;line-height:1.3}
.faq summary:focus-visible{outline:2px solid var(--azul-vivo);outline-offset:3px}
.faq details p{margin-top:.6rem;color:var(--tinta-media);font-size:.97rem}
/* rodapé */
.rodape-logos{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.rodape-logos img{height:1.9rem;width:auto;background:#fff;border-radius:4px;padding:.25rem .5rem}
