/* Páginas legales · coherentes con «Mar adentro» (mismas fuentes y tokens que styles.css) */
@font-face { font-family: "Bodoni Moda"; src: url("../fonts/bodoni-moda.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Jost"; src: url("../fonts/jost.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }

:root {
  --bg: #0A1426; --surface: #0F1C33; --line: rgba(200, 205, 212, 0.16);
  --text: #EEF1F6; --text-dim: #A9B3C4; --silver: #C8CDD4; --accent-text: #6E8FFF;
}
* { box-sizing: border-box; }
html, body { overflow-x: hidden; }
body.legal-page { margin: 0; background: var(--bg); color: var(--text); font: 400 1.0625rem / 1.7 "Jost", "Century Gothic", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.legal-page__inner { max-width: 760px; margin: 0 auto; padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 4vw, 2rem) 5rem; }
.legal-page__eyebrow { margin: 0 0 1rem; font-size: 0.8rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent-text); }
.legal-page h1 { margin: 0 0 0.5rem; font: 500 clamp(2.2rem, 1.6rem + 2.4vw, 3.4rem) / 1.08 "Bodoni Moda", "Didot", serif; }
.legal-page__updated { margin: 0 0 3rem; color: var(--text-dim); font-size: 0.92rem; }
.legal-page h2 { margin: 2.6rem 0 0.8rem; font: 500 1.5rem / 1.25 "Bodoni Moda", "Didot", serif; color: var(--silver); }
.legal-page p, .legal-page li { color: var(--text-dim); }
.legal-page strong { color: var(--text); font-weight: 500; }
.legal-page ul { padding-left: 1.2rem; }
.legal-page a { color: var(--text); text-underline-offset: 3px; }
.legal-page a:focus-visible { outline: 2px solid var(--accent-text); outline-offset: 3px; border-radius: 3px; }
.legal-page table { width: 100%; border-collapse: collapse; margin: 1.2rem 0; font-size: 0.94rem; display: block; overflow-x: auto; }
.legal-page th, .legal-page td { text-align: left; padding: 0.7rem 0.8rem; border-bottom: 1px solid var(--line); vertical-align: top; }
.legal-page th { color: var(--text); font-weight: 500; background: var(--surface); }
.legal-page__back { margin-top: 3.5rem; }
.legal-page__back a { display: inline-flex; min-height: 44px; align-items: center; padding: 0 1.3rem; border: 1px solid rgba(200, 205, 212, 0.34); border-radius: 999px; text-decoration: none; }