/* Paginas legales: misma marca, lectura comoda */
:root {
  --ink: #EDEDEA; --ink-dim: rgba(237, 237, 234, .62); --bg: #0b0c0f; --lemon: #FFFC00;
  --display: Jost, "Futura PT", Futura, sans-serif;
  --sans: Figtree, "Proxima Nova", Helvetica, Arial, sans-serif;
  --gutter: clamp(18px, 3.4vw, 48px);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--bg); color: var(--ink); font: 400 16px/1.75 var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.legal-header {
  position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between;
  height: 76px; padding: 0 var(--gutter); background: rgba(11, 12, 15, .94); border-bottom: 1px solid rgba(237, 237, 234, .1);
}
.legal-header img { width: 112px; height: auto; filter: invert(1) hue-rotate(180deg); }
.legal-header a.back { font: 600 11px/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; text-decoration: none; color: var(--ink-dim); }
.legal-header a.back:hover { color: var(--lemon); }
.legal { max-width: 780px; margin: 0 auto; padding: 80px var(--gutter) 120px; }
.legal .eyebrow { font: 600 11px/1.4 var(--sans); letter-spacing: .28em; text-transform: uppercase; color: var(--lemon); }
.legal h1 { margin-top: 16px; font: 500 clamp(42px, 7vw, 76px)/.95 var(--display); text-transform: uppercase; letter-spacing: -.01em; }
.legal .updated { margin-top: 18px; color: var(--ink-dim); font-size: 14px; }
.legal .lead { margin-top: 36px; font-size: 18px; color: var(--ink); }
.legal .notice {
  margin-top: 32px; padding: 20px 22px; border-left: 3px solid var(--lemon);
  background: rgba(255, 252, 0, .06); font-size: 15px;
}
.legal .notice strong { color: var(--lemon); }
.legal h2 { margin-top: 56px; font: 500 26px/1.15 var(--display); text-transform: uppercase; letter-spacing: .01em; }
.legal h3 { margin-top: 26px; font: 700 16px/1.4 var(--sans); }
.legal p, .legal li { margin-top: 14px; color: rgba(237, 237, 234, .82); }
.legal ul, .legal ol { padding-left: 22px; }
.legal li { margin-top: 8px; }
.legal li::marker { color: var(--lemon); }
.legal strong { color: var(--ink); }
.legal table { width: 100%; margin-top: 18px; border-collapse: collapse; font-size: 14.5px; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 12px 14px 12px 0; border-bottom: 1px solid rgba(237, 237, 234, .12); color: rgba(237, 237, 234, .82); }
.legal th { font: 600 11px/1.4 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--lemon); }
.legal-footer { padding: 30px var(--gutter); border-top: 1px solid rgba(237, 237, 234, .1); display: flex; flex-wrap: wrap; gap: 14px 28px; justify-content: space-between; font-size: 13px; color: var(--ink-dim); }
.legal-footer a { text-decoration: none; }
.legal-footer a:hover { color: var(--ink); }
.legal-footer .credit { display: inline-flex; align-items: center; gap: 10px; }
.legal-footer .credit img { height: 14px; width: auto; filter: brightness(0) invert(1); opacity: .8; }