/* =====================================================================
   PRENSA MUJER  ·  hoja de estilo unica
   Vocabulario de clases: taller de imprenta y hemeroteca, prefijo .hmr-
   Sin peticiones externas: solo pilas de tipografias del sistema.
   ===================================================================== */

:root {

  /* ---------- 1. COLOR ---------- */
  --papel:        #e2d7d4;   /* papel de hemeroteca envejecido, rosa grisaceo */
  --papel-hondo:  #d5c8c4;   /* recuadros, cabeceras de tabla, colofon */
  --papel-claro:  #efe8e6;   /* realce, filas alternas, avisos */
  --tinta:        #241a20;   /* texto corriente */
  --tinta-suave:  #5c4a52;   /* apuntes, signaturas, notas */
  --morado:       #691a6f;   /* color rector: lemas, ladillos, iniciales */
  --morado-vivo:  #862a8c;   /* estado activo del color rector */
  --enlace:       #1b5666;   /* enlaces y remisiones */
  --linea:        #c8b6b2;   /* filetes finos */
  --linea-firme:  #ab9793;   /* filetes estructurales */
  --seleccion:    #e5c8dc;   /* fondo de seleccion */

  /* ---------- 2. TIPOGRAFIA ---------- */
  --letra-titular: Superclarendon, "Bookman Old Style", "Iowan Old Style", Constantia, Georgia, serif;
  --letra-texto:   "Segoe UI", Frutiger, "Fira Sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --letra-dato:    "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;

  /* ---------- 3. COMPAS ---------- */
  --medida:     39rem;    /* ancho de la columna de lectura */
  --guia-ancho: 15.5rem;  /* columna de referencias */
  --marco:      82rem;    /* ancho maximo de pagina */
  --corondel:   3.2rem;   /* separacion entre columnas */
  --interlinea: 1.62;
  --compas:     1.35rem;
  --radio:      0;        /* angulos vivos */
  --peso-titular: 600;

  /* ---------- 4. CUERPOS ---------- */
  --c-base:    1.06rem;
  --c-menor:   0.88rem;
  --c-dato:    0.75rem;
  --c-titular: clamp(1.85rem, 1.2rem + 2.4vw, 2.9rem);
  --c-h2:      clamp(1.22rem, 1.02rem + 0.75vw, 1.55rem);
  --c-h3:      1.06rem;
}

/* =====================================================================
   BASE
   ===================================================================== */

*, *::before, *::after { box-sizing: border-box; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

body {
  margin: 0;
  background: var(--papel);
  color: var(--tinta);
  font-family: var(--letra-texto);
  font-size: var(--c-base);
  line-height: var(--interlinea);
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
}

::selection { background: var(--seleccion); color: var(--tinta); }

img, svg, video { max-width: 100%; height: auto; display: block; }

a { color: var(--enlace); text-underline-offset: 0.15em; text-decoration-thickness: from-font; }
a:hover { color: var(--morado-vivo); }

:focus-visible { outline: 2px solid var(--morado); outline-offset: 2px; }

h1, h2, h3, h4 {
  font-family: var(--letra-titular);
  font-weight: var(--peso-titular);
  line-height: 1.18;
  margin: 0;
  color: var(--tinta);
}

p, ul, ol, dl, table, figure, blockquote { margin: 0; }

.hmr-fluir > * + * { margin-top: var(--compas); }

/* =====================================================================
   ARMAZON
   ===================================================================== */

.hmr-salto {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--tinta);
  color: var(--papel);
  padding: 0.6rem 1rem;
  font-family: var(--letra-dato);
  z-index: 50;
}
.hmr-salto:focus { left: 0.5rem; top: 0.5rem; position: fixed; }

.hmr-caja {
  width: 100%;
  max-width: var(--marco);
  margin: 0 auto;
  padding: 0 1.25rem;
}

/* =====================================================================
   CABECERA
   ===================================================================== */

.hmr-cabecera {
  border-bottom: 3px double var(--tinta);
  background: var(--papel-claro);
}

.hmr-cabecera__alto {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1.5rem;
  padding: 1.3rem 0 0.85rem;
}

.hmr-rotulo { display: block; text-decoration: none; color: inherit; }
.hmr-rotulo:hover { color: var(--morado); }

.hmr-rotulo__nombre {
  font-family: var(--letra-titular);
  font-size: clamp(1.35rem, 1.05rem + 1.2vw, 1.95rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  display: block;
}

.hmr-rotulo__pie {
  display: block;
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--tinta-suave);
  margin-top: 0.3rem;
}

.hmr-datacion {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  color: var(--tinta-suave);
  letter-spacing: 0.05em;
  text-align: right;
}
.hmr-datacion span { display: block; }
@media (max-width: 45.99em) { .hmr-datacion { text-align: left; } }

.hmr-secciones {
  border-top: 1px solid var(--linea);
  padding: 0.35rem 0 0.45rem;
}
.hmr-secciones ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}
.hmr-secciones li + li { border-left: 1px solid var(--linea); }
.hmr-secciones a {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tinta);
  text-decoration: none;
  padding: 0.35rem 0.75rem;
  display: inline-block;
}
.hmr-secciones a:hover { color: var(--morado); background: var(--papel-hondo); }
.hmr-secciones a[aria-current="page"] { background: var(--morado); color: var(--papel-claro); }

/* =====================================================================
   RASTRO (camino de lectura)
   ===================================================================== */

.hmr-rastro {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.06em;
  color: var(--tinta-suave);
  padding: 0.95rem 0 0;
}
.hmr-rastro ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.4rem; }
.hmr-rastro li + li::before { content: "› "; color: var(--linea-firme); }
.hmr-rastro a { color: var(--tinta-suave); }

/* =====================================================================
   PLIEGO: columna de guia + plana de lectura
   ===================================================================== */

.hmr-pliego {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.8rem var(--corondel);
  padding: 1.5rem 0 2.8rem;
  align-items: start;
}

.hmr-guia { order: 2; }
.hmr-plana { order: 1; }

@media (min-width: 62em) {
  /* guia a la derecha: disposicion por defecto de esta casa */
  .hmr-pliego { grid-template-columns: minmax(0, 1fr) var(--guia-ancho); }
  .hmr-pliego > .hmr-guia  { grid-column: 2; grid-row: 1; order: 0; }
  .hmr-pliego > .hmr-plana { grid-column: 1; grid-row: 1; order: 0; }

  /* guia a la izquierda */
  .hmr-pliego--espejo { grid-template-columns: var(--guia-ancho) minmax(0, 1fr); }
  .hmr-pliego--espejo > .hmr-guia  { grid-column: 1; }
  .hmr-pliego--espejo > .hmr-plana { grid-column: 2; }
}

.hmr-guia {
  font-size: var(--c-menor);
  color: var(--tinta-suave);
  border-top: 3px double var(--tinta);
  padding-top: 0.7rem;
}

@media (min-width: 62em) {
  .hmr-guia {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
  }
}

.hmr-guia__titulo {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--morado);
  margin-bottom: 0.5rem;
}

.hmr-guia ul { list-style: none; margin: 0 0 1.4rem; padding: 0; }
.hmr-guia li { border-bottom: 1px solid var(--linea); }
.hmr-guia li a {
  display: block;
  padding: 0.32rem 0;
  color: var(--tinta);
  text-decoration: none;
}
.hmr-guia li a:hover { color: var(--morado); background: var(--papel-claro); }

.hmr-plana { max-width: 100%; }
.hmr-plana--medida { max-width: var(--medida); }

/* =====================================================================
   APARTADOS
   ===================================================================== */

.hmr-apartado { padding: 0 0 2.1rem; }
.hmr-apartado + .hmr-apartado { border-top: 1px solid var(--linea); padding-top: 1.7rem; }

.hmr-apartado__cabeza {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.3rem 1rem;
  margin-bottom: 1rem;
}

.hmr-apartado__titulo {
  font-size: var(--c-h2);
  letter-spacing: -0.005em;
}
.hmr-apartado__titulo .hmr-cifra {
  font-family: var(--letra-dato);
  color: var(--morado);
  margin-right: 0.5rem;
  font-weight: 400;
  letter-spacing: 0.06em;
}

.hmr-apartado__nota {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tinta-suave);
}

.hmr-entradilla {
  font-size: 1.11rem;
  color: var(--tinta);
  max-width: var(--medida);
}

.hmr-arranque { padding: 0 0 1.6rem; }
.hmr-arranque > * + * { margin-top: 0.8rem; }

.hmr-titular {
  font-family: var(--letra-titular);
  font-size: var(--c-titular);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.08;
}
.hmr-titular .hmr-signatura { display: block; margin-bottom: 0.5rem; }

.hmr-apunte { font-size: var(--c-menor); color: var(--tinta-suave); }

/* =====================================================================
   ALFABETO
   ===================================================================== */

.hmr-alfabeto {
  border-top: 1px solid var(--linea-firme);
  border-bottom: 1px solid var(--linea-firme);
  padding: 0.55rem 0;
  margin: 0 0 1.6rem;
}
.hmr-alfabeto ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}
.hmr-alfabeto a,
.hmr-alfabeto span {
  display: inline-block;
  min-width: 1.85rem;
  padding: 0.2rem 0.3rem;
  text-align: center;
  font-family: var(--letra-dato);
  font-size: var(--c-menor);
  letter-spacing: 0.05em;
  text-decoration: none;
  color: var(--tinta);
  border-bottom: 2px solid transparent;
}
.hmr-alfabeto a:hover { border-bottom-color: var(--morado); color: var(--morado); }
.hmr-alfabeto span { color: var(--linea-firme); }

/* =====================================================================
   REPERTORIO (listas de voces)
   ===================================================================== */

.hmr-repertorio { margin: 0; }

.hmr-voz {
  border-top: 1px solid var(--linea);
  padding: 0.85rem 0 0.9rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.2rem 1rem;
  scroll-margin-top: 1rem;
}

@media (min-width: 46em) {
  .hmr-voz { grid-template-columns: minmax(11rem, 16rem) minmax(0, 1fr); }
}

.hmr-voz:hover { background: var(--papel-claro); }
.hmr-voz:first-of-type { border-top: 3px double var(--tinta); }

.hmr-lema {
  font-family: var(--letra-titular);
  font-weight: 700;
  font-size: var(--c-h3);
  margin: 0;
  line-height: 1.22;
}
.hmr-lema a { color: var(--tinta); text-decoration: none; }
.hmr-lema a:hover { color: var(--morado); text-decoration: underline; }

.hmr-lema__variante {
  display: block;
  font-family: var(--letra-texto);
  font-style: italic;
  font-weight: 400;
  font-size: var(--c-menor);
  color: var(--tinta-suave);
}

.hmr-glosa { margin: 0; font-size: 1.01rem; }
.hmr-glosa p + p { margin-top: 0.5rem; }

.hmr-signatura {
  display: block;
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--tinta-suave);
  white-space: nowrap;
}

.hmr-marbete {
  display: inline-block;
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--tinta);
  border: 1px solid var(--linea-firme);
  background: var(--papel-claro);
  padding: 0.08rem 0.45rem;
  margin-right: 0.35rem;
}

.hmr-inicial {
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  font-family: var(--letra-titular);
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--morado);
  border-bottom: 3px double var(--tinta);
  padding: 1.7rem 0 0.3rem;
  scroll-margin-top: 1rem;
}
.hmr-inicial__cuenta {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--tinta-suave);
}
.hmr-inicial + .hmr-repertorio .hmr-voz:first-of-type { border-top: 0; }

.hmr-indice {
  list-style: none;
  margin: 0;
  padding: 0;
  columns: 2;
  column-gap: var(--corondel);
}
@media (min-width: 46em) { .hmr-indice { columns: 3; } }
@media (min-width: 74em) { .hmr-indice { columns: 4; } }

.hmr-indice li {
  break-inside: avoid;
  border-bottom: 1px solid var(--linea);
  padding: 0.26rem 0;
  font-size: var(--c-menor);
}
.hmr-indice a { color: var(--tinta); text-decoration: none; }
.hmr-indice a:hover { color: var(--morado); text-decoration: underline; }

/* =====================================================================
   CUADROS Y TABLAS
   ===================================================================== */

.hmr-cuadro {
  overflow-x: auto;
  border: 1px solid var(--linea-firme);
  border-top: 3px double var(--tinta);
  background: var(--papel-claro);
  max-width: 100%;
}
.hmr-cuadro:focus-visible { outline: 2px solid var(--morado); outline-offset: 0; }

.hmr-tabla {
  border-collapse: collapse;
  width: 100%;
  min-width: 40rem;
  font-size: var(--c-menor);
  font-variant-numeric: tabular-nums;
}

.hmr-tabla caption {
  caption-side: top;
  text-align: left;
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--morado);
  padding: 0.55rem 0.75rem;
  border-bottom: 1px solid var(--linea);
}

.hmr-tabla th,
.hmr-tabla td {
  padding: 0.5rem 0.75rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--linea);
}

.hmr-tabla thead th {
  background: var(--papel-hondo);
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--linea-firme);
  white-space: nowrap;
}

.hmr-tabla tbody th {
  font-family: var(--letra-titular);
  font-weight: 600;
}

.hmr-tabla tbody tr:nth-child(odd) { background: var(--papel); }
.hmr-tabla tbody tr:last-child th,
.hmr-tabla tbody tr:last-child td { border-bottom: 0; }

.hmr-desliza {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.07em;
  color: var(--tinta-suave);
  margin-top: 0.4rem;
}
@media (min-width: 46em) { .hmr-desliza { display: none; } }

/* =====================================================================
   REMISIONES
   ===================================================================== */

.hmr-remite { color: var(--enlace); font-style: italic; }
.hmr-remite::before { content: "→ "; font-style: normal; }

.hmr-remisiones {
  list-style: none;
  margin: 0;
  padding: 0.85rem 0 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.35rem 1.2rem;
  border-top: 3px double var(--tinta);
  font-size: var(--c-menor);
}
@media (min-width: 46em) { .hmr-remisiones { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.hmr-remisiones li::before { content: "→ "; color: var(--linea-firme); }
.hmr-remisiones a { color: var(--enlace); text-decoration: none; }
.hmr-remisiones a:hover { text-decoration: underline; }

/* =====================================================================
   RECUADRO, DEFINICION, AVISO
   ===================================================================== */

.hmr-recuadro {
  background: var(--papel-hondo);
  border-left: 4px solid var(--morado);
  padding: 0.9rem 1.1rem;
  font-size: var(--c-menor);
}
.hmr-recuadro__titulo {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--morado);
  margin-bottom: 0.35rem;
}

.hmr-definicion {
  font-size: 1.14rem;
  border-top: 3px double var(--tinta);
  border-bottom: 1px solid var(--linea);
  padding: 0.95rem 0;
  margin: 0 0 1.5rem;
  max-width: var(--medida);
}
.hmr-definicion strong { font-family: var(--letra-titular); }

.hmr-aviso {
  border: 1px solid var(--morado);
  background: var(--papel-claro);
  padding: 0.85rem 1rem;
  font-size: var(--c-menor);
  margin: 0 0 1.5rem;
  max-width: var(--medida);
}
.hmr-aviso__titulo {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--morado);
  margin-bottom: 0.3rem;
}
.hmr-aviso p + p { margin-top: 0.45rem; }

/* =====================================================================
   PUNTOS CON LADILLO (titulo en la columna corta)
   ===================================================================== */

.hmr-punto {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.8rem;
  padding: 1.4rem 0;
  border-top: 1px solid var(--linea);
  scroll-margin-top: 1rem;
}

.hmr-punto ul,
.hmr-punto ol,
.hmr-glosa ul,
.hmr-recuadro ul,
.hmr-aviso ul { padding-left: 1.2rem; }
.hmr-recuadro ul { list-style: square; }
.hmr-punto li,
.hmr-recuadro li,
.hmr-aviso li { padding: 0.14rem 0; }
.hmr-punto p + p,
.hmr-punto p + ul,
.hmr-punto ul + p,
.hmr-punto p + ol,
.hmr-punto ol + p { margin-top: 0.75rem; }

.hmr-ladillo {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--morado);
  padding-top: 0.3rem;
}
.hmr-ladillo .hmr-cifra { color: var(--tinta-suave); }

@media (min-width: 60em) {
  .hmr-punto {
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: 0.8rem var(--corondel);
  }
  .hmr-punto > *:not(.hmr-ladillo) {
    grid-column: 2;
    max-width: var(--medida);
  }
  .hmr-punto > .hmr-cuadro,
  .hmr-punto > .hmr-lamina,
  .hmr-punto > figure { max-width: none; }

  .hmr-ladillo {
    grid-column: 1;
    grid-row: 1;
    text-align: left;
    border-left: 2px solid var(--morado);
    padding-left: 0.6rem;
  }
}

/* =====================================================================
   LAMINA (imagen)
   ===================================================================== */

.hmr-lamina { margin: 0; }
.hmr-lamina img {
  border: 1px solid var(--linea-firme);
  background: var(--papel-claro);
  width: 100%;
  height: auto;
}
.hmr-lamina__pie {
  font-size: var(--c-menor);
  color: var(--tinta-suave);
  padding-top: 0.4rem;
  border-bottom: 1px solid var(--linea);
  padding-bottom: 0.55rem;
}

/* =====================================================================
   PASOS (ficha anterior y siguiente)
   ===================================================================== */

.hmr-pasos {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.7rem;
  border-top: 3px double var(--tinta);
  margin-top: 1.8rem;
  padding-top: 1rem;
}
@media (min-width: 46em) { .hmr-pasos { grid-template-columns: 1fr 1fr; } }

.hmr-paso { text-decoration: none; color: var(--tinta); display: block; padding: 0.45rem 0; }
.hmr-paso:hover .hmr-paso__nombre { color: var(--morado); text-decoration: underline; }
.hmr-paso__sentido {
  display: block;
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--tinta-suave);
}
.hmr-paso__nombre { font-family: var(--letra-titular); font-weight: 600; }
.hmr-paso--siguiente { text-align: left; }
@media (min-width: 46em) { .hmr-paso--siguiente { text-align: right; } }

/* =====================================================================
   COLOFON
   ===================================================================== */

.hmr-colofon {
  border-top: 3px double var(--tinta);
  background: var(--papel-hondo);
  padding: 1.8rem 0 2.2rem;
  font-size: var(--c-menor);
}

.hmr-colofon__rejilla {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.4rem var(--corondel);
}
@media (min-width: 46em) { .hmr-colofon__rejilla { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.hmr-colofon h2 {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--morado);
  margin-bottom: 0.5rem;
}
.hmr-colofon ul { list-style: none; margin: 0; padding: 0; }
.hmr-colofon li { padding: 0.18rem 0; }
.hmr-colofon a { color: var(--tinta); }
.hmr-colofon a:hover { color: var(--morado); }

.hmr-colofon__cierre {
  border-top: 1px solid var(--linea-firme);
  margin-top: 1.5rem;
  padding-top: 0.9rem;
  color: var(--tinta-suave);
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.06em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.3rem;
  justify-content: space-between;
}

/* =====================================================================
   CRONICA DE REVISIONES (flujo fechado, portada)
   ===================================================================== */

.hmr-cronica { list-style: none; margin: 0; padding: 0; }

.hmr-cronica__fila {
  padding: 0.85rem 0.5rem;
  border-left: 3px solid transparent;
  border-bottom: 1px solid var(--linea);
}
.hmr-cronica__fila:first-child { border-top: 3px double var(--tinta); }
.hmr-cronica__fila:hover { background: var(--papel-claro); border-left-color: var(--morado); }

.hmr-cronica__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.6rem;
  margin: 0;
}
.hmr-cronica__fecha {
  font-family: var(--letra-dato);
  font-size: var(--c-dato);
  letter-spacing: 0.07em;
  color: var(--morado);
  font-weight: 700;
}

.hmr-cronica__titulo { margin: 0.25rem 0 0; }
.hmr-cronica__titulo a {
  font-family: var(--letra-titular);
  font-weight: 700;
  font-size: var(--c-h3);
  color: var(--tinta);
  text-decoration: none;
}
.hmr-cronica__titulo a:hover { color: var(--morado); text-decoration: underline; }

.hmr-cronica__extracto {
  margin: 0.2rem 0 0;
  font-family: var(--letra-texto);
  font-size: var(--c-menor);
  color: var(--tinta-suave);
}

@media (min-width: 46em) {
  .hmr-cronica__fila {
    display: grid;
    grid-template-columns: 9.5rem minmax(0, 1fr);
    column-gap: 1.1rem;
  }
  .hmr-cronica__meta { flex-direction: column; align-items: flex-start; gap: 0.2rem; }
  .hmr-cronica__titulo, .hmr-cronica__extracto { grid-column: 2; }
}

/* =====================================================================
   IMPRESION
   ===================================================================== */

@media print {
  :root { --papel: #ffffff; --papel-hondo: #ffffff; --papel-claro: #ffffff; }
  .hmr-secciones, .hmr-guia, .hmr-alfabeto, .hmr-pasos, .hmr-salto { display: none; }
  .hmr-pliego { grid-template-columns: minmax(0, 1fr); }
  a { color: inherit; text-decoration: none; }
  .hmr-cuadro { overflow: visible; }
  .hmr-tabla { min-width: 0; }
}