/* Hoja compartida por /aviso-de-privacidad y /terminos.
   Mismos tokens que index.html. Documentos para leerse: sin imágenes, sin
   botones de agendar, sin animaciones. */

:root{
  --ink:#241D22; --ink-soft:#5C5158; --ink-faint:#8E8289;
  --bg:#FDFAF7; --surface:#FFFFFF; --line:#EBE3DD;
  --brand:#2B2129; --brand-soft:#3D2F38;
  --accent:#C0A080; --accent-deep:#A8875F;

  --font-display:Marcellus,Georgia,'Times New Roman',serif;
  --font-body:Mulish,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;

  --s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-6:1.5rem;
  --s-8:2rem;--s-12:3rem;--s-16:4rem;--s-24:6rem;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font-body);font-size:1.0625rem;line-height:1.75;
  -webkit-font-smoothing:antialiased}

/* El ancho de lectura manda: 66ch se queda por debajo de los 70 caracteres
   que pide el encargo, contando que la medida cuenta el ancho del cero. */
.doc{max-width:66ch;margin:0 auto;padding:var(--s-8) var(--s-6) var(--s-24)}
@media(min-width:700px){.doc{padding:var(--s-12) var(--s-8) var(--s-24)}}

.volver{display:inline-flex;align-items:center;gap:var(--s-2);
  font-size:.9375rem;color:var(--ink-soft);text-decoration:none;
  padding:var(--s-2) 0;margin-bottom:var(--s-8)}
.volver:hover{color:var(--accent-deep)}
.volver svg{width:16px;height:16px;flex:0 0 auto}

h1{font-family:var(--font-display);font-weight:400;
  font-size:clamp(2rem,5vw,2.9rem);line-height:1.2;letter-spacing:0;
  margin:0 0 var(--s-3)}
.fecha{margin:0 0 var(--s-12);font-size:.9375rem;color:var(--ink-faint)}

h2{font-family:var(--font-display);font-weight:400;
  font-size:clamp(1.3rem,2.6vw,1.6rem);line-height:1.3;letter-spacing:0;
  margin:var(--s-12) 0 var(--s-4);
  padding-top:var(--s-6);border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0}

p{margin:0 0 var(--s-4)}
strong{font-weight:700;color:var(--ink)}

ul{margin:0 0 var(--s-4);padding-left:1.35rem}
li{margin-bottom:var(--s-2)}
li::marker{color:var(--accent-deep)}

a{color:var(--ink);text-decoration:underline;
  text-decoration-color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--accent-deep)}
a:focus-visible,.volver:focus-visible{outline:2px solid var(--accent-deep);
  outline-offset:3px;border-radius:2px}

.pie-doc{margin-top:var(--s-16);padding-top:var(--s-6);
  border-top:1px solid var(--line);font-size:.875rem;color:var(--ink-faint)}
.pie-doc a{color:var(--ink-soft)}