/* Estilo de las páginas legales (aviso legal y privacidad) */
:root { --primary: #009FE3; --accent: #EC008C; --black: #0A0A0F; --ink: #18181B; --body: #52525B; --line: #E4E4E7; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 16px; line-height: 1.65; color: var(--body); background: #fff; -webkit-font-smoothing: antialiased; }
body::before { content: ""; display: block; height: 6px; background: var(--accent); }
.legal-header { max-width: 760px; margin: 0 auto; padding: 20px 16px; border-bottom: 1px solid var(--line); }
.legal-header img { height: 42px; width: auto; display: block; }
.legal { max-width: 760px; margin: 0 auto; padding: 40px 16px 72px; }
.legal h1 { font-family: 'Space Grotesk', 'Inter', sans-serif; font-size: clamp(30px, 5vw, 40px); line-height: 1.1; letter-spacing: -0.03em; color: var(--black); margin-bottom: 8px; }
.legal h2 { font-family: 'Space Grotesk', 'Inter', sans-serif; font-size: 20px; letter-spacing: -0.01em; color: var(--black); margin: 32px 0 10px; }
.legal p, .legal li { margin-bottom: 10px; }
.legal ul { padding-left: 20px; }
.legal strong { color: var(--ink); }
.legal a { color: var(--primary); text-underline-offset: 3px; }
.updated { font-size: 14px; color: #A1A1AA; }
.back { margin-top: 40px; }
/* Huecos pendientes de rellenar: se ven a propósito para que no se publiquen por error */
.todo { background: rgba(236,0,140,0.08); outline: 1px dashed rgba(236,0,140,0.5); outline-offset: 2px; border-radius: 3px; }