/* Páginas legales y 404 de la landing (desde el 15-10-2026, base clara como la portada). */
.legal{ max-width:760px; padding-top:32px; padding-bottom:72px }
.legal-volver{ margin:0 0 32px }
.legal-volver a{ display:inline-flex; align-items:center; gap:9px; min-height:44px; font-weight:800; font-size:16px; color:var(--tinta); text-decoration:none }
.legal-volver a::before{ content:""; width:24px; height:24px; background:url('../img/ciclo.svg') center/contain no-repeat }
.legal h1{ font-weight:800; font-size:clamp(30px,3vw + 18px,44px); line-height:1.1; letter-spacing:-.025em; margin:0 0 10px }
.legal h2{ font-weight:800; font-size:22px; line-height:1.25; margin:36px 0 10px }
.legal h3{ font-weight:700; font-size:18px; margin:24px 0 8px }
.legal p, .legal li{ color:var(--tinta2); font-size:16.5px; margin:0 0 12px }
.legal ul, .legal ol{ padding-left:22px; margin:0 0 14px }
.legal strong{ color:var(--tinta) }
.legal em{ color:var(--tinta2) }
.legal blockquote{ margin:0 0 16px; padding:12px 16px; border-left:3px solid var(--linea-f); background:var(--sup) }
.legal table{ width:100%; border-collapse:collapse; margin:14px 0 22px; font-size:14.5px; display:block; overflow-x:auto }
.legal th, .legal td{ text-align:left; vertical-align:top; padding:10px 12px; border:1px solid var(--linea); color:var(--tinta2) }
.legal th{ background:var(--verde-s); color:var(--tinta); font-weight:700 }
/* Huecos del borrador: visibles a propósito. Ninguno debe quedar al publicar. */
.hueco{ color:#8A2E11; background:#FBEDE7; border:1px dashed #8A2E11; border-radius:3px; padding:1px 5px; font-size:14px }
.legal .btn{ margin-top:12px }