/* Las páginas legales son autónomas: no cargan styles.css, así que la fuente
   se declara también aquí. Se repite a propósito, no por descuido; sin esto
   piden Inter y caen en la letra del sistema, que fue justo lo que le pasaba
   a toda la app antes de traer los archivos. Son los mismos archivos. */
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-ext.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Estilo de las páginas legales: privacidad, términos y eliminación de datos.
   Vive en un archivo aparte y no dentro de cada página porque la política de
   seguridad del servidor dice style-src 'self': un <style> escrito dentro del
   HTML se bloquea y la página sale sin ningún formato. Así estuvieron el aviso
   de privacidad y la eliminación de datos, que son justo las que Meta revisa. */
:root { color-scheme: light; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  background: #eef7ff;
  color: #0f172a;
  line-height: 1.65;
}
main { max-width: 760px; margin: 0 auto; padding: 48px 20px 64px; }
.card {
  background: #ffffff;
  border-radius: 16px;
  padding: 36px 32px;
  box-shadow: 0 8px 30px rgba(15, 31, 85, .08);
}
h1 { color: #0f1f55; font-size: 1.7rem; margin: 0 0 4px; }
h2 { color: #1856f5; font-size: 1.05rem; margin: 28px 0 8px; }
p { margin: 8px 0; }
.fecha { color: #64748b; font-size: .9rem; margin-bottom: 20px; }
a { color: #1856f5; }
footer { text-align: center; color: #64748b; font-size: .85rem; margin-top: 28px; }
.aviso-volver { margin: 0 0 18px; }
.aviso-volver a { color: #1856f5; font-size: .9rem; font-weight: 600; text-decoration: none; }
.aviso-volver a:hover { text-decoration: underline; }
ol, ul { padding-left: 20px; }
li { margin: 6px 0; }
@media (max-width: 560px) {
  main { padding: 28px 14px 44px; }
  .card { padding: 24px 18px; }
}

[hidden]{display:none!important}