/* Páginas legales: aviso legal, privacidad y cookies. Reutilizan la cabecera y
   la paleta de la web; aquí solo va lo propio de una página de texto largo. */

.pagina-legal { background: var(--paper); }
.pagina-legal .site-header { position: sticky; }
.legal-nav a { font-size: 14px; }

.legal { padding: 60px 0 90px; color: var(--text); }
.legal .container.narrow { max-width: 760px; }
.legal-kicker { margin: 0 0 8px; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--cyan-deep); }
.legal h1 { margin: 0 0 6px; font-size: clamp(34px, 5vw, 48px); font-weight: 900; letter-spacing: -.03em; line-height: 1.05; color: var(--head); }
.legal-fecha { margin: 0 0 40px; font-size: 14px; color: #8a9094; }
.legal h2 { margin: 40px 0 12px; font-size: 20px; font-weight: 800; letter-spacing: -.01em; color: var(--head); padding-bottom: 8px; border-bottom: 2px solid var(--cyan); }
.legal h3 { margin: 24px 0 8px; font-size: 16px; font-weight: 800; color: var(--head); }
.legal p { margin: 0 0 14px; font-size: 16px; line-height: 1.7; }
.legal ul { margin: 0 0 16px; padding-left: 22px; }
.legal li { margin-bottom: 8px; line-height: 1.65; }
.legal a { color: var(--cyan-deep); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.legal-datos { list-style: none; padding: 20px 24px; margin: 0 0 20px; background: #f4fdfe; border-left: 3px solid var(--cyan); }
.legal-datos li { margin-bottom: 6px; }
.legal table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 15px; }
.legal th, .legal td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.legal th { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #8a9094; }

.legal-pie { border-top: 1px solid var(--line); padding: 24px 0; font-size: 13px; color: #8a9094; }
.legal-pie .container { display: flex; flex-wrap: wrap; gap: 20px; }
.legal-pie a { color: var(--head); font-weight: 600; }
.legal-pie span { margin-left: auto; }

@media (max-width: 768px) {
  .legal { padding: 40px 0 60px; }
  .legal p, .legal li { font-size: 15px; }
  .legal-pie span { margin-left: 0; }
}