/* AI Popular — Páginas legales y 404. */
/* ---------- 11. Páginas legales y 404 ---------- */
.pagina-legal { padding: 120px 0 80px; }
.legal-indice { padding: 18px 22px; margin-bottom: 28px; }
.legal-indice ol { margin: 0; padding-left: 20px; display: grid; gap: 4px; }
.legal-indice a { color: var(--cian); }
.legal-texto { max-width: 70ch; }
.legal-texto h2 { font-size: 1.45rem; margin-top: 1.8em; }
.legal-texto p, .legal-texto li { color: var(--texto); }
.legal-texto ul { padding-left: 22px; }
.aviso-provisional { padding: 16px 18px; border-radius: 16px; margin-bottom: 26px; border-left: 4px solid var(--naranja); background: var(--vidrio-fuerte); }
.aviso-provisional p { margin: 0; }
.pendiente { display: inline-block; padding: 8px 12px; border-radius: 12px; border: 1px dashed var(--naranja); color: var(--texto); }
.fecha-actualizacion { color: var(--texto-2); font-size: .92rem; }
.pagina-404 { min-height: 100vh; display: grid; place-items: center; text-align: center; padding: 60px 16px; }
.pagina-404 .teo { --teo-w: 150px; margin: 0 auto 22px; }
.pagina-404 p { color: var(--texto-2); max-width: 46ch; margin: 0 auto 24px; }