/* Páginas legales (privacidad.html y aviso-legal.html). Usa los tokens de styles.css y la barra de seo.css. */
.legal { max-width: 780px; padding-top: 18px; padding-bottom: 64px; }
.legal-cabeza { background: #fbe3d8; border-radius: 24px; padding: 26px; margin-bottom: 26px; }
.legal-cabeza h1 { font-family: "Fraunces", serif; font-size: clamp(30px, 6vw, 42px); line-height: 1.1; margin: 6px 0 10px; }
.legal-cabeza p { margin: 0; color: var(--tinta-suave); }
.legal h2 { font-family: "Fraunces", serif; font-size: 22px; margin: 34px 0 10px; }
.legal p, .legal li { line-height: 1.7; color: var(--tinta); }
.legal ul { padding-left: 22px; }
.legal li + li { margin-top: 6px; }
.legal a { color: var(--acento); font-weight: 600; }
.legal-ficha { display: grid; gap: 6px; background: var(--superficie); border: 1px solid var(--borde); border-radius: 18px; padding: 18px 20px; }
.legal-ficha p { margin: 0; }
.legal-contacto { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; padding: 12px 18px; border-radius: 999px; background: #1f9d55; color: #fff !important; text-decoration: none; font-weight: 700; }
.legal-contacto:hover { background: #17834a; }
.legal-nota { margin-top: 34px; font-size: 14px; color: var(--tinta-suave) !important; }
/* Enlaces legales en el pie de todas las páginas */
.pie-legal { margin: 12px 0 0 !important; font-size: 13px; }
.pie-legal a { color: var(--tinta-suave); }