/* =========================================================================
   AÇOS LITORAL — legal.css
   Layout compartilhado por Termos de Uso e Política de Privacidade.
   Depende de /assets/css/base.css.
   ========================================================================= */

.legal-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px;color:rgba(255,255,255,.7);font-size:.88rem}
.legal-meta span{display:inline-flex;align-items:center;gap:8px}
.legal-meta span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--yellow)}

.legal-wrap{display:grid;grid-template-columns:260px 1fr;gap:clamp(28px,4vw,64px);align-items:start}

/* Sumário */
.legal-toc{position:sticky;top:calc(var(--nav-lo) + 22px)}
.legal-toc h2{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--steel);margin-bottom:16px}
.legal-toc ol{display:grid;gap:2px;counter-reset:toc}
.legal-toc a{display:block;padding:9px 12px;border-radius:10px;border-left:2px solid transparent;color:var(--steel-2);font-size:.9rem;line-height:1.4;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.legal-toc a:hover{background:var(--muted);color:var(--ink)}
.legal-toc a.active{background:var(--muted);color:var(--ink);border-left-color:var(--yellow);font-weight:700}

/* Conteúdo */
.legal-body{max-width:74ch}
.legal-section{scroll-margin-top:calc(var(--nav-lo) + 26px);padding:clamp(26px,3vw,40px) 0;border-top:1px solid var(--hair)}
.legal-section:first-child{border-top:0;padding-top:0}
.legal-section h2{font-size:clamp(1.3rem,2.2vw,1.9rem);display:flex;align-items:baseline;gap:14px}
.legal-section h2 .n{font-size:.9rem;font-weight:900;color:var(--yellow-deep);flex:0 0 auto}
.legal-section h3{font-size:1.08rem;margin:22px 0 8px}
.legal-section p{margin-top:14px;color:var(--steel-2);line-height:1.8}
.legal-section ul{margin:14px 0 0;display:grid;gap:10px}
.legal-section ul li{position:relative;padding-left:26px;color:var(--steel-2);line-height:1.7}
.legal-section ul li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:2px;background:var(--yellow)}
.legal-section a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.legal-section a:hover{color:var(--yellow-deep)}

/* Marcador de dado a validar */
.validate{
  display:inline;padding:2px 8px;border-radius:6px;
  background:rgba(245,196,0,.2);border:1px dashed var(--yellow-deep);
  color:#5f4b00;font-weight:700;font-size:.9em;
}

.legal-note{margin-top:clamp(30px,4vw,46px);padding:22px 24px;border:1px solid var(--hair);border-left:4px solid var(--yellow);border-radius:var(--r);background:var(--paper-2);color:var(--steel-2);font-size:.9rem;line-height:1.7}

@media (max-width:900px){
  .legal-wrap{grid-template-columns:1fr}
  .legal-toc{position:static;padding:16px;border:1px solid var(--hair);border-radius:var(--r);background:var(--paper-2)}
  .legal-toc ol{grid-template-columns:1fr 1fr;gap:2px}
}
@media (max-width:560px){.legal-toc ol{grid-template-columns:1fr}}