/* Hoja compartida por el aviso de privacidad y los términos.
   Mismos tokens y mismas fuentes que el sitio, servidas desde /fuentes/.
   No carga nada de terceros: la CSP del proyecto está cerrada a 'self'. */

@font-face{
  font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;
  src:url("/fuentes/instrument-serif-latin-400-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;
  src:url("/fuentes/inter-latin-400-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;
  src:url("/fuentes/inter-latin-600-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;
  src:url("/fuentes/inter-latin-700-normal.woff2") format("woff2");
}

:root{
  --primary:185 82% 26%;
  --fg:17 23% 18%;
  --cream:31 45% 91%;
  --mocha:14 23% 39%;
  --taupe:24 20% 57%;
  --terracota:21 59% 68%;
  --papel:34 44% 97%;
  --card:0 0% 100%;
  color-scheme:light;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:hsl(var(--papel));color:hsl(var(--fg));
  font-family:Inter,system-ui,-apple-system,sans-serif;
  font-size:16px;line-height:1.72;-webkit-font-smoothing:antialiased;
}

/* ---------- Barra de vuelta ---------- */
.barra{
  position:sticky;top:0;z-index:5;
  background:hsl(var(--papel)/.92);backdrop-filter:blur(8px);
  border-bottom:1px solid hsl(var(--taupe)/.24);
}
.barra div{
  max-width:46rem;margin-inline:auto;padding:.9rem 1.25rem;
  display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;
}
.barra a{
  color:hsl(var(--primary));text-decoration:none;font-weight:600;font-size:.88rem;
  display:inline-flex;align-items:center;gap:.4rem;
}
.barra a:hover{text-decoration:underline}
.barra span{color:hsl(var(--taupe));font-size:.82rem}

/* ---------- Documento ---------- */
.doc{max-width:46rem;margin-inline:auto;padding-block:3rem 5rem;padding-inline:1.25rem}
.fecha{
  font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;
  color:hsl(var(--taupe));margin:0 0 .6rem;font-weight:600;
}
h1{
  font-family:"Instrument Serif",Georgia,serif;font-weight:400;
  font-size:clamp(2rem,1.4rem + 2.6vw,2.9rem);line-height:1.08;
  margin:0 0 1.2rem;letter-spacing:-.01em;text-wrap:balance;
}
.lede{font-size:1.06rem;color:hsl(var(--mocha));margin:0 0 2.5rem;max-width:60ch}

h2{
  font-family:"Instrument Serif",Georgia,serif;font-weight:400;
  font-size:1.6rem;line-height:1.2;margin:2.8rem 0 .9rem;
  padding-top:1.6rem;border-top:1px solid hsl(var(--taupe)/.26);text-wrap:balance;
}
h3{font-size:1rem;font-weight:600;margin:1.8rem 0 .5rem}
p{margin:0 0 1.1rem;max-width:66ch}
ul,ol{margin:0 0 1.1rem;padding-left:1.3rem;max-width:64ch}
li{margin-bottom:.5rem}
li::marker{color:hsl(var(--taupe))}
b,strong{font-weight:600}
a{color:hsl(var(--primary))}

/* ---------- Piezas ---------- */
.clave{
  border-left:3px solid hsl(var(--primary));
  background:hsl(var(--primary)/.05);
  padding:1.1rem 1.3rem;margin:0 0 1.4rem;border-radius:0 .5rem .5rem 0;
}
.clave p:last-child{margin-bottom:0}

.ojo{
  border:1px solid hsl(var(--terracota)/.55);
  background:hsl(var(--terracota)/.1);
  padding:1.1rem 1.3rem;margin:0 0 1.4rem;border-radius:.6rem;
}
.ojo h3{margin-top:0}
.ojo p:last-child{margin-bottom:0}

.falta{
  background:hsl(48 96% 76%);color:hsl(var(--fg));
  padding:.1rem .35rem;border-radius:.2rem;font-weight:600;
}

.tabla{overflow-x:auto;margin:0 0 1.4rem}
table{border-collapse:collapse;width:100%;font-size:.93rem;min-width:24rem}
th,td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid hsl(var(--taupe)/.26);vertical-align:top}
th{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:hsl(var(--taupe));font-weight:600}
tr:last-child td{border-bottom:0}

.pie{
  margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid hsl(var(--taupe)/.26);
  font-size:.86rem;color:hsl(var(--taupe));
}
.pie a{font-weight:600}

:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px;border-radius:.2rem}

@media (max-width:520px){
  .doc{padding-block:2rem 4rem}
  h2{font-size:1.35rem}
}