/* Hoja común de las páginas legales. Texto largo para leer, no para mirar:
   columna angosta, interlineado amplio y jerarquía clara. */
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1;padding:120px 0 90px}
.doc{width:min(100%,760px);margin:0 auto}
.doc .volver{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:34px;transition:color .3s}
.doc .volver:hover{color:var(--accent-bright)}
.doc .volver svg{width:14px;height:14px}
.doc .kicker{display:block;font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--accent);margin-bottom:14px}
.doc h1{font-size:clamp(32px,5vw,46px);line-height:1.12;margin-bottom:16px}
.doc .bajada{color:var(--cream-dim);font-size:16.5px;line-height:1.65;max-width:56ch;margin-bottom:10px}
.doc .fecha{font-size:13px;color:var(--cream-faint);margin-bottom:46px;
  padding-bottom:26px;border-bottom:1px solid var(--line-soft)}

.doc h2{font-family:var(--serif);font-weight:500;font-size:24px;color:var(--cream);
  margin:46px 0 16px;scroll-margin-top:100px}
.doc h3{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);
  font-weight:700;margin:30px 0 12px}
.doc p{color:var(--cream-dim);font-size:15.5px;line-height:1.75;margin-bottom:15px}
.doc ul,.doc ol{margin:0 0 18px 0;padding-left:22px}
.doc li{color:var(--cream-dim);font-size:15.5px;line-height:1.7;margin-bottom:9px}
.doc strong,.doc b{color:var(--cream);font-weight:600}
.doc a:not(.volver):not(.btn){color:var(--accent-bright);border-bottom:1px solid var(--line-accent)}
.doc a:not(.volver):not(.btn):hover{border-bottom-color:var(--accent-bright)}

/* bloque destacado para lo que no puede pasar desapercibido */
.aviso{border:1px solid var(--line-accent);border-left:3px solid var(--accent);
  background:var(--accent-soft);padding:24px 28px;margin:26px 0}
.aviso b{display:block;font-family:var(--serif);font-weight:500;font-size:19px;
  color:var(--cream);margin-bottom:10px;letter-spacing:0;text-transform:none}
.aviso p:last-child{margin-bottom:0}
.aviso.salud{border-left-color:var(--err);border-color:rgba(217,138,106,.32);background:var(--err-soft)}

/* el dato que falta completar queda marcado, no escondido */
.pendiente{color:var(--warn);border-bottom:1px dotted var(--warn)}

/* índice de secciones */
.indice{border:1px solid var(--line-soft);padding:22px 26px;margin-bottom:10px}
.indice ol{margin:0;padding-left:20px}
.indice li{margin-bottom:6px;font-size:14.5px}
.indice a{color:var(--cream-dim)}
.indice a:hover{color:var(--accent-bright)}

/* fila de enlaces entre documentos */
.otros{display:flex;gap:10px;flex-wrap:wrap;margin-top:56px;padding-top:30px;
  border-top:1px solid var(--line-soft)}
.otros a{border:1px solid var(--line);padding:11px 18px;font-size:11.5px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);transition:all .3s}
.otros a:hover{border-color:var(--accent);color:var(--accent-bright)}

@media (max-width:640px){
  main{padding:96px 0 70px}
  .doc h2{font-size:21px}
  .doc p,.doc li{font-size:15px}
}