/* ===========================================================================
   legal.css — apariencia de las páginas de privacidad y aviso legal.
   Estaba escrito dentro de cada una de las dos páginas. Se ha sacado aquí para
   poder prohibir los estilos en línea en la política de seguridad del servidor,
   y de paso deja de estar duplicado.
   =========================================================================== */
/* ── Tipografía alojada aquí mismo ────────────────────────────────────────
     Antes se cargaba desde los servidores de Google, lo que enviaba la
     dirección IP de cada visitante a un tercero y obligaba a esperar a dos
     conexiones externas antes de dibujar la página. Ahora los archivos están
     en la carpeta fuentes/ de esta misma web. */
  @font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('fuentes/cormorant-300.woff2') format('woff2');
  }
  @font-face {
    font-family: 'Cormorant Garamond';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('fuentes/cormorant-300i.woff2') format('woff2');
  }
  @font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fuentes/cormorant-400.woff2') format('woff2');
  }
  @font-face {
    font-family: 'Cormorant Garamond';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('fuentes/cormorant-400i.woff2') format('woff2');
  }
  @font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fuentes/cormorant-600.woff2') format('woff2');
  }

  :root { --gold: #8d8ba8; --gold-light: #c9c7de; --bg: #0a0a0a; --text: #f5f5f7; }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { background: var(--bg); color: var(--text); font-family: 'Cormorant Garamond', Georgia, serif;
         font-weight: 300; line-height: 1.85; padding: 4rem 1.5rem 5rem; }
  .envoltorio { max-width: 720px; margin: 0 auto; }
  a { color: var(--gold-light); text-underline-offset: 3px; }
  a:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 3px; }
  .volver { display: inline-block; margin-bottom: 3rem; font-size: 0.9rem; letter-spacing: 0.2em;
            text-transform: uppercase; color: var(--gold); text-decoration: none; }
  .volver:hover { color: var(--gold-light); }
  h1 { font-size: clamp(2rem, 6vw, 3rem); font-weight: 300; letter-spacing: 0.06em; margin-bottom: 0.6rem; }
  h2 { font-size: 1.5rem; font-weight: 400; letter-spacing: 0.04em; color: var(--gold-light);
       margin: 2.8rem 0 0.8rem; }
  p, li { font-size: 1.15rem; margin-bottom: 1rem; }
  ul { padding-left: 1.4rem; margin-bottom: 1rem; }
  .fecha { font-size: 0.9rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold);
           margin-bottom: 3rem; }
  .aviso { border-left: 2px solid var(--gold); padding: 0.2rem 0 0.2rem 1.2rem; margin: 2rem 0;
           color: var(--gold-light); }
  footer { margin-top: 4rem; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.08);
           font-size: 0.95rem; color: var(--gold); }