/* /privacidad: segunda capa del texto de privacidad. Página de solo lectura, larga —
   misma identidad que el resto (base.css), sin nada interactivo salvo el enlace de vuelta. */
body.privacidad { min-height: 100vh; min-height: 100dvh; }
.privacidad .wrap {
  max-width: 640px; margin: 0 auto; position: relative;
  padding: 30px 20px calc(48px + env(safe-area-inset-bottom, 0));
}

.privacidad .volver {
  display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
  border-radius: 50%; color: var(--gold); text-decoration: none; font-size: var(--t2);
  border: 1px solid var(--line2); margin-bottom: 18px;
}
@media (hover: hover) { .privacidad .volver:hover { border-color: var(--gold); background: rgba(var(--gr), .08); } }

.privacidad h1 { font-size: var(--t1); line-height: 1.28; margin-bottom: 10px; }
.privacidad .lead { color: var(--muted); font-size: var(--p2); margin-bottom: 40px; }

/* 19/09/2026 · al estándar de la casa, como los informes: 48 px de aire, línea sólida entre
   bloques y el título en mono con su número. Antes era un h2 en sans, igual que cualquier
   página de aviso legal: se leía como algo pegado aparte y no como parte de esta web. */
.privacidad .pv-bloque { padding: 34px 0; border-bottom: 1px solid var(--line); }
.privacidad .pv-bloque:first-of-type { padding-top: 0; }
.privacidad .pv-bloque--last { border-bottom: none; padding-bottom: 0; }

.privacidad h2 {
  font-family: var(--mono); font-size: var(--m1); font-weight: 500;
  letter-spacing: .2em; text-transform: uppercase; font-variant-caps: small-caps;
  font-variant-numeric: tabular-nums; color: var(--gold);
  margin: 0 0 16px; display: flex; align-items: baseline; gap: 9px;
}
/* El número en gris: el ámbar es para el rótulo, no para los dos. */
.privacidad h2 .num { color: var(--muted); }

.privacidad p { font-size: var(--p); line-height: 1.7; margin: 0 0 14px; }
.privacidad p:last-child { margin-bottom: 0; }
/* La negrita marca lo que la gente busca («lo que ganas no lo guardamos»): crema, nunca ámbar
   —el ámbar no entra en la prosa, regla de la casa. */
.privacidad strong { color: var(--tx); font-weight: 500; }

/* El aviso de borrador. Se ve, pero no grita: la página tiene que seguir leyéndose como lo que
   es. Desaparece solo cuando Javier confirma los datos (## confirmado-por-javier en el .md). */
.pv-borrador {
  border-left: 2px solid var(--gold);
  padding: 2px 0 2px 14px;
  margin: 0 0 34px;
  color: var(--muted);
  font-size: var(--p2);
  line-height: 1.55;
}
.pv-borrador strong { color: var(--tx); }