@charset "UTF-8";
/* ============================================================
   privacidad.css -- v1.0.0 (07/09/2026)
   Pagina /privacidad/ -- documento legal, registro sobrio.
   Namespace: --pv-*
   ASCII puro.
   ============================================================ */

:root{
  --pv-bg:#F8F9FC;
  --pv-white:#FFFFFF;
  --pv-ink:#0D1117;
  --pv-ink-soft:rgba(13,17,23,.74);
  --pv-ink-muted:rgba(13,17,23,.62);
  --pv-line:rgba(13,17,23,.10);
  --pv-teal:#00BFA5;
  --pv-teal-ink:#00806E;
  --pv-teal-soft:rgba(0,191,165,.10);
  --pv-warn:#8A6100;
  --pv-warn-soft:rgba(255,176,0,.12);
  --pv-warn-line:rgba(255,176,0,.45);
  --pv-display:"Bricolage Grotesque", Georgia, serif;
  --pv-body:"Figtree", system-ui, -apple-system, sans-serif;
  --pv-max:1280px;
  --pv-gutter:clamp(20px, 5vw, 80px);
}

.pv{
  background:var(--pv-bg);
  color:var(--pv-ink);
  font-family:var(--pv-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.pv-shell{
  max-width:var(--pv-max);
  margin:0 auto;
  padding-left:var(--pv-gutter);
  padding-right:var(--pv-gutter);
}

/* -- Hero ----------------------------------------------------- */
.pv-hero{ padding:clamp(72px, 11vh, 120px) 0 clamp(28px, 4vh, 44px) }
.pv-eyebrow{
  font-size:.72rem; font-weight:700; letter-spacing:.18em;
  text-transform:uppercase; color:var(--pv-teal-ink); margin:0 0 18px;
}
.pv-title{
  font-family:var(--pv-display);
  font-size:clamp(2rem, 4.4vw, 3.1rem);
  line-height:1.08; letter-spacing:-.022em; font-weight:500;
  margin:0 0 20px; max-width:20ch;
}
.pv-lead{
  font-size:1.0625rem; line-height:1.7;
  color:var(--pv-ink-soft); max-width:62ch; margin:0 0 18px;
}
.pv-meta{ font-size:.85rem; color:var(--pv-ink-muted); margin:0 }

/* -- Documento ------------------------------------------------ */
/* Columna de lectura angosta a proposito: es texto legal, no una landing.
   El shell mantiene el ancho global del sitio (1280) y la columna vive
   adentro. */
.pv-body{ padding:0 0 clamp(72px, 11vh, 120px) }
/* Un unico ancho en px para toda la columna. Con max-width en ch por hijo,
   los h2 (tipografia display, mas ancha) quedaban mas largos que los parrafos
   y las lineas divisorias no alineaban con el texto. */
.pv-doc-col{ max-width:760px }

.pv-doc-col h2{
  font-family:var(--pv-display);
  font-size:clamp(1.25rem, 2.2vw, 1.55rem);
  font-weight:500; letter-spacing:-.015em;
  margin:44px 0 14px; padding-top:22px;
  border-top:1px solid var(--pv-line);
}
.pv-doc-col h3{
  font-family:var(--pv-display);
  font-size:1.02rem; font-weight:600;
  margin:26px 0 8px; color:var(--pv-teal-ink);
}
.pv-doc-col p{ margin:0 0 14px; color:var(--pv-ink-soft) }
.pv-doc-col strong{ color:var(--pv-ink); font-weight:600 }
.pv-doc-col a{ color:var(--pv-teal-ink); text-decoration:underline }
.pv-doc-col ul{ margin:0 0 18px; padding:0; list-style:none }
.pv-doc-col ul li{
  position:relative; padding-left:20px; margin-bottom:9px;
  color:var(--pv-ink-soft); line-height:1.6;
}
.pv-doc-col ul li::before{
  content:""; position:absolute; left:0; top:.55em;
  width:6px; height:6px; border-radius:50%; background:var(--pv-teal);
}

/* -- Aviso de borrador ---------------------------------------- */
.pv-aviso{
  background:var(--pv-warn-soft);
  border:1px solid var(--pv-warn-line);
  border-left:3px solid var(--pv-warn);
  border-radius:6px;
  padding:20px 22px;
  margin:0 0 12px;
}
.pv-aviso-t{
  font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  font-size:.74rem; color:var(--pv-warn);
  margin:0 0 8px !important;
}
.pv-aviso p{ margin:0 !important; font-size:.94rem; color:var(--pv-ink) }

/* Linea de pendiente dentro del cuerpo: se ve, pero no grita. */
.pv-pendiente{
  font-size:.88rem !important;
  color:var(--pv-ink-muted) !important;
  background:var(--pv-teal-soft);
  border-left:2px solid var(--pv-teal);
  padding:10px 14px;
  border-radius:0 4px 4px 0;
}

@media (max-width: 620px){
  .pv-hero{ padding-top:64px }
  .pv-doc-col h2{ margin-top:34px }
}