/* ============================================================
   Yatar Summit — estilo das páginas legais
   Mesmos tokens do index.html
   ============================================================ */
:root{
  --void:#080D13;
  --surface:#101720;
  --surface-2:#18202B;
  --sinal:#00FF18;
  --sinal-cta:#00C912;
  --sinal-suave:#4BDD59;
  --sinal-fundo:rgba(0,255,24,.07);
  --sinal-borda:rgba(0,255,24,.24);
  --texto:#FFFFFF;
  --texto-2:#93A1AE;
  --linha:rgba(255,255,255,.09);
  --linha-forte:rgba(255,255,255,.2);
  --display:'Archivo',system-ui,sans-serif;
  --corpo:'Archivo',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--void);color:var(--texto);font-family:var(--corpo);font-size:16.5px;line-height:1.68;-webkit-font-smoothing:antialiased}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
a{color:inherit}
:focus-visible{outline:2px solid var(--sinal);outline-offset:3px;border-radius:4px}

.wrap{width:min(760px,90vw);margin:0 auto}

/* topo */
.topo{position:sticky;top:0;z-index:80;background:rgba(8,13,19,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--linha)}
.topo .wrap{width:min(1160px,90vw);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:68px}
.topo-marca{font-family:var(--display);font-weight:800;font-size:1rem;letter-spacing:-.04em;text-decoration:none}
.topo-marca span{color:var(--texto-2);font-weight:400;margin-left:.7rem;font-size:.86rem;letter-spacing:0}
@media(max-width:760px){.topo-marca span{display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:.88rem;padding:.68rem 1.35rem;border-radius:100px;border:1px solid transparent;background:var(--sinal-cta);color:#04160A;text-decoration:none;transition:background .18s ease}
.btn:hover{background:#00E015}

/* cabeçalho da página */
.capa{padding:clamp(3rem,7vw,5rem) 0 clamp(1.5rem,3vw,2.2rem);border-bottom:1px solid var(--linha)}
.capa .rotulo{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-2);display:block;margin-bottom:1rem}
.capa h1{font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,5vw,3.1rem);letter-spacing:-.035em;line-height:1.05}
.capa .vigencia{color:var(--texto-2);font-size:.92rem;margin-top:1.1rem}

/* corpo */
main{padding:clamp(2.5rem,5vw,3.5rem) 0 clamp(4rem,8vw,6rem)}
main h2{font-family:var(--display);font-weight:800;font-size:1.32rem;letter-spacing:-.03em;line-height:1.2;margin:2.8rem 0 .9rem}
main h2:first-of-type{margin-top:0}
main h3{font-family:var(--display);font-weight:700;font-size:1.02rem;letter-spacing:-.02em;margin:1.7rem 0 .5rem}
main p{color:var(--texto-2);margin-bottom:1rem}
main strong{color:var(--texto);font-weight:700}
main ul,main ol{color:var(--texto-2);margin:0 0 1.2rem 1.2rem;display:grid;gap:.55rem}
main li{padding-left:.3rem}
main li::marker{color:var(--sinal-suave)}
main a{color:var(--sinal-suave);text-decoration:underline;text-underline-offset:3px}

.aviso{background:var(--surface);border:1px solid var(--linha);border-left:3px solid var(--sinal-cta);border-radius:0 14px 14px 0;padding:1.3rem 1.5rem;margin:0 0 2.5rem}
.aviso p{margin:0;font-size:.95rem}
.aviso p + p{margin-top:.6rem}

.dados{background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:1.5rem;margin:1.4rem 0 2rem}
.dados dl{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1.4rem;margin:0;font-size:.95rem}
.dados dt{color:var(--texto-2)}
.dados dd{margin:0;font-weight:600}
@media(max-width:560px){.dados dl{grid-template-columns:1fr;gap:.15rem}.dados dd{margin-bottom:.7rem}}

.indice{background:var(--surface);border:1px solid var(--linha);border-radius:16px;padding:1.5rem 1.6rem;margin-bottom:2.6rem}
.indice p{color:var(--texto);font-weight:700;font-family:var(--display);margin-bottom:.8rem;font-size:.95rem}
.indice ol{margin:0 0 0 1.1rem;gap:.4rem;font-size:.94rem}
.indice a{color:var(--texto-2);text-decoration:none}
.indice a:hover{color:var(--sinal-suave);text-decoration:underline}

/* contato */
.canais{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:2.2rem 0}
.canal{background:var(--surface);border:1px solid var(--linha);border-radius:18px;padding:1.6rem;transition:border-color .2s ease}
.canal:hover{border-color:var(--linha-forte)}
.canal h3{margin:0 0 .4rem;font-size:1.05rem}
.canal p{font-size:.93rem;margin-bottom:.9rem}
.canal a{font-family:var(--display);font-weight:700;color:var(--sinal-suave);text-decoration:none;font-size:1.02rem}
.canal a:hover{text-decoration:underline;text-underline-offset:3px}

/* rodapé */
footer{border-top:1px solid var(--linha);padding:2.6rem 0;font-size:.83rem;color:#6E7A82;text-align:center}
footer .wrap{width:min(1160px,90vw)}
footer a{text-decoration:underline;text-underline-offset:3px}
footer a:hover{color:var(--texto-2)}
.rodape-links{margin-bottom:.9rem}
