/* ══════════════════════════════════════════════════════════
   PAGINAS LEGALES — aviso legal, privacidad y cookies
   AÑADIDO: la maqueta no incluia estas paginas, solo las
   enlazaba. Se construye con las variables y la tipografia
   del diseño para que no desentonen con el resto del sitio.
══════════════════════════════════════════════════════════ */
.s-legal {
  padding: 140px 48px 100px;
  background: var(--bg, #0a0a0a);
  min-height: 70vh;
}
.legal-inner { max-width: 780px; margin: 0 auto; }

.legal-title {
  font-family: var(--font-display, 'Montserrat', sans-serif);
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 800; letter-spacing: -1.5px; line-height: 1.05;
  color: var(--white, #f0f0f0);
  margin: 14px 0 18px;
}
.legal-fecha {
  font-size: 12px; letter-spacing: .5px; text-transform: uppercase;
  color: var(--muted, #888); margin-bottom: 28px;
}
.legal-intro {
  font-size: 16px; line-height: 1.7;
  color: rgba(240,240,240,.72);
  padding-bottom: 28px; margin-bottom: 8px;
  border-bottom: 1px solid var(--line, #1a1a1a);
}
.legal-sec { padding: 30px 0; border-bottom: 1px solid var(--line, #1a1a1a); }
.legal-sec:last-of-type { border-bottom: none; }
.legal-sec h2 {
  font-size: clamp(18px, 2vw, 23px); font-weight: 700;
  letter-spacing: -.4px; color: var(--white, #f0f0f0); margin-bottom: 14px;
}
.legal-sec p,
.legal-sec li { font-size: 15px; line-height: 1.75; color: rgba(240,240,240,.68); }
.legal-sec p + p { margin-top: 12px; }
.legal-sec ul, .legal-sec ol { margin: 12px 0 0 20px; }
.legal-sec li + li { margin-top: 7px; }
.legal-sec a { color: var(--orange, #F5A623); text-decoration: underline; }
.legal-sec strong { color: var(--white, #f0f0f0); font-weight: 600; }
.legal-sec table { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: 13px; }
.legal-sec th, .legal-sec td {
  text-align: left; padding: 9px 12px;
  border: 1px solid var(--line2, #272727); color: rgba(240,240,240,.68);
}
.legal-sec th { color: var(--white, #f0f0f0); font-weight: 600; background: rgba(255,255,255,.03); }

@media (max-width: 900px) { .s-legal { padding: 110px 28px 80px; } }
@media (max-width: 560px) {
  .s-legal { padding: 96px 20px 64px; }
  .legal-sec table { display: block; overflow-x: auto; }
}