/* Páginas legales: texto largo, cómodo de leer en móvil */
body.legal { background: var(--fondo); }
.legal-cab { padding: 22px var(--gutter); border-bottom: 1px solid var(--linea-suave); }
.legal-cab a { display: inline-block; }
.legal-cab img { width: 120px; height: auto; display: block; }
.legal-texto { max-width: 760px; margin: 0 auto; padding: clamp(36px, 6vw, 72px) var(--gutter) clamp(56px, 8vw, 100px); }
.legal-texto h1 { margin: 0 0 8px; font: 500 clamp(34px, 7vw, 54px)/1.1 var(--titular); }
.legal-texto .fecha { margin: 0 0 28px; color: var(--secundario); font-size: 14px; }
.legal-texto h2 { margin: 36px 0 10px; font: 500 clamp(22px, 4.6vw, 28px)/1.2 var(--titular); color: var(--acento); }
.legal-texto p, .legal-texto li { color: var(--suave); line-height: 1.7; font-size: 16.5px; }
.legal-texto ul { padding-left: 1.2em; margin: 8px 0 14px; }
.legal-texto li { margin-bottom: 6px; }
.legal-texto a { color: var(--acento); }
.legal-texto dl { margin: 10px 0 0; display: grid; grid-template-columns: max-content 1fr; gap: 8px 18px; }
.legal-texto dt { color: var(--secundario); font-size: 14px; }
.legal-texto dd { margin: 0; color: var(--tinta); }
@media (max-width: 560px) { .legal-texto dl { grid-template-columns: 1fr; gap: 2px; } .legal-texto dd { margin-bottom: 10px; } }
.pend { background: rgba(230, 172, 90, .18); color: var(--acento); padding: 1px 6px; font-style: normal; }
.aviso-borrador { margin: 0 0 24px; padding: 12px 14px; border: 1px solid var(--acento); color: var(--tinta) !important; font-size: 15px !important; }
.legal-nav { margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--linea-suave); display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 15px; }

.tabla-cookies { width: 100%; border-collapse: collapse; margin: 10px 0 8px; font-size: 14.5px; }
.tabla-cookies th, .tabla-cookies td { text-align: left; padding: 8px 10px; border: 1px solid var(--linea-suave); color: var(--suave); vertical-align: top; }
.tabla-cookies th { color: var(--secundario); font-weight: 600; }
@media (max-width: 560px) { .tabla-cookies { display: block; overflow-x: auto; } }