/* Páginas legales (legal, privacidad, cookies, envíos) con el estilo 2027: colores, letra y botones de base.css,
   cabecera y fondo de papel de tienda.css. Solo cambia el aspecto: los textos son los de siempre. */
/* La cabecera de tienda.css mide 640 px: aquí, lo mismo que el texto, para que el logo quede alineado con él. */
.tienda-cab { max-width: 720px; }
.legal { position: relative; z-index: 1; display: grid; gap: 40px; max-width: 720px; margin: 0 auto; padding: 32px var(--lado) 80px; }
.legal-cab { display: grid; gap: 16px; }
.legal h1 { font-size: 36px; }
.entradilla { font-size: 19px; }
.volver { justify-self: start; margin-top: 8px; }
.legal section { display: grid; gap: 12px; }
.legal h2 { font-size: 26px; }
.legal ul { display: grid; gap: 8px; padding-left: 1.2em; list-style: disc; }
.legal li::marker { color: var(--rosa); }
.legal strong { font-weight: 600; }
.legal p a, .legal li a { color: inherit; font-weight: 600; overflow-wrap: anywhere; }
.fecha { font-size: 15px; }
@media (min-width: 900px) {
  .legal { gap: 48px; padding-top: 48px; }
  .legal h1 { font-size: 52px; }
  .legal h2 { font-size: 30px; }
}