/* ============================================================
   /politica-de-privacidad: texto legal con el sistema 2026.
   Inter 400 a 17 px en tinta-2: el legal viejo iba en Inter 300 gris
   y se leía lavado.
   ============================================================ */

body { background-color: var(--v2-crema); }

.priv { padding-top: clamp(3rem, 2rem + 4vw, 5.5rem); }

.priv__cuerpo { max-width: var(--v2-ancho-texto); margin: 0 auto; color: var(--v2-tinta-2);
  font: 400 var(--v2-fs-body)/1.7 var(--v2-font-main); }
.priv__cuerpo p { margin: 0 0 1em; }
.priv__cuerpo strong { font-weight: 600; color: var(--v2-tinta); }
.priv__cuerpo a { color: var(--v2-violeta-texto); text-decoration: underline; text-decoration-color: var(--v2-violeta-200);
  text-underline-offset: 3px; overflow-wrap: anywhere; }
.priv__cuerpo a:hover { text-decoration-color: currentColor; }

/* Títulos en Fraunces, como el resto del sitio, con el número en violeta */
.priv__cuerpo h2 { display: flex; gap: .6rem; align-items: baseline; margin: 3.5rem 0 1rem;
  font: 400 clamp(1.5rem, 1.3rem + .9vw, 2rem)/1.2 var(--v2-font-accent); color: var(--v2-tinta); letter-spacing: -.01em; }
.priv__num { flex: none; font: 600 var(--v2-fs-eyebrow)/1 var(--v2-font-main); letter-spacing: .1em;
  color: var(--v2-violeta-texto); font-variant-numeric: tabular-nums; min-width: 1.5rem; }
.priv__cuerpo h3 { margin: 2rem 0 .5rem; font: 600 1.0625rem/1.35 var(--v2-font-main); color: var(--v2-tinta); }

.priv__cuerpo ul { margin: 0 0 1.25em; padding: 0; list-style: none; }
.priv__cuerpo ul li { position: relative; padding-left: 1.4rem; margin-bottom: .55rem; }
.priv__cuerpo ul li::before { content: ""; position: absolute; left: 0; top: .8em; width: .6rem; height: 2px;
  border-radius: 2px; background: var(--v2-violeta-200); }

/* Ficha de la empresa (arriba) y de contacto (al final) */
.priv__ficha { padding: 1.25rem 1.5rem; border-radius: var(--v2-radio-md); background: var(--v2-superficie);
  border: 1px solid var(--v2-borde); }
.priv__ficha p { margin: 0 0 .35rem; }
.priv__ficha p:last-child { margin: 0; }
.priv__ficha--contacto { margin-top: 1rem; }

/* Resumen: tres avisos verdes, en columna (el texto mide 64ch, no da para tres) */
.priv__cuerpo .priv__resumen-t { margin-top: 2.5rem; }
.priv__resumen { display: grid; gap: .75rem; }
.priv__cuerpo .priv__resumen li { padding: 1.1rem 1.25rem; margin: 0; }
.priv__cuerpo .priv__resumen li::before { display: none; }
.priv__resumen .v2-aviso p { margin: 0; }

.priv__aviso { margin: 1.25rem 0 0; }
.priv__aviso p { margin: 0; }

/* Índice: dos columnas desde tablet para que no sea una tira larga */
.priv__indice { margin-top: 2.5rem; padding: 1.25rem 1.5rem; border-radius: var(--v2-radio-md);
  border: 1px solid var(--v2-borde-fuerte); }
.priv__indice-t { margin: 0 0 .75rem !important; font: 600 var(--v2-fs-eyebrow)/1 var(--v2-font-main);
  letter-spacing: .14em; text-transform: uppercase; color: var(--v2-violeta-texto); }
.priv__indice ol { margin: 0; padding-left: 1.4rem; font-size: var(--v2-fs-small); line-height: 1.5;
  column-gap: 2.5rem; }
.priv__indice li { margin-bottom: .35rem; break-inside: avoid; }
/* Columnas (no grilla) para que el orden se lea de arriba abajo */
@media (min-width: 640px) { .priv__indice ol { columns: 2; } }
.priv__indice a { text-decoration: none; }
.priv__indice a:hover { text-decoration: underline; }

/* La leyenda obligatoria de la AAIP va en letra chica, completa */
.priv__legal { font-size: var(--v2-fs-small); color: var(--v2-tinta-3); }