/* Aperturas de parada: marcas que se repiten en las 15 aperturas (todas en página izquierda).
   Las agrega build.mjs a la página que lleva el número de parada en .stopline y título .t-opening.
   No tocan la retícula: van en el margen de arriba (16 mm), en una franja de 13 mm a sangre arriba. */
.apertura { position: absolute; inset: 0; pointer-events: none; z-index: 5;
  --franja: calc(var(--margin-top) - 3mm);
  --col: calc((var(--page-width) - var(--margin-outer) - var(--margin-inner) - 5 * var(--column-gap)) / 6); }

/* 1 · Número grande: bloque azul a sangre arriba y afuera, del borde al final de la columna 1; la cifra empieza en la columna 1 */
.apertura__numero {
  position: absolute; top: 0; left: 0; height: var(--franja); width: calc(var(--margin-outer) + var(--col));
  padding-left: var(--margin-outer); box-sizing: border-box;
  background: var(--blue-deep); color: var(--paper);
  font-family: var(--font-display); font-size: 34pt; line-height: 1; font-variant-numeric: lining-nums;
  display: flex; align-items: center;
}
.apertura__numero span { position: relative; top: -0.7mm; } /* centra el ojo de las cifras en la franja, a la altura de la línea */

/* 2 · Las 15 paradas: misma franja que el número (mismo alto, a sangre arriba), pegada al bloque azul.
   «01» empieza en la columna 2 y «15» termina en la 6 (el fondo de papel se extiende un medianil a cada lado).
   Sobre papel no se ve el fondo; sobre una imagen, la franja de papel continúa el bloque azul. */
.apertura__recorrido {
  position: absolute; top: 0; height: var(--franja);
  left: calc(var(--margin-outer) + var(--col)); right: calc(var(--margin-inner) - var(--column-gap));
  padding: 0 var(--column-gap); box-sizing: border-box; background: var(--paper);
  display: flex; align-items: center;
}
.apertura__recorrido svg { display: block; width: 100%; height: auto; overflow: visible; }
.apertura__linea { stroke: var(--blue-deep); stroke-width: 0.25; }
.apertura__actual { fill: var(--blue-deep); }
.apertura__otra { fill: var(--paper); stroke: var(--blue-deep); stroke-width: 0.25; }
.apertura__recorrido text { font-family: var(--font-ui); font-size: 2.3px; fill: var(--blue-deep); }

/* El número chico de la línea de fecha (01 a 15) en el mismo renglón que la fecha: la regla de interlínea
   (cursivas y negritas fuera de la altura del renglón) lo dejaba medio renglón más arriba en la grilla de .stopline */
.stopline.t-meta > b { line-height: inherit; }

/* Índice (008): número de parada y número de página bien distintos (pedido de Patricio, 15 oct. 2026).
   La parada va como en las aperturas: cifra grande en Playfair, ocupando los dos renglones de la fila;
   la página va en Inter regular, precedida de «p.», alineada a la derecha. */
.p008__col li { grid-template-columns: 11mm 1fr auto; }
.p008__col li > b { grid-row: 1 / 3; font-family: var(--font-display); font-weight: 400; font-size: 18pt; line-height: 1;
  font-variant-numeric: lining-nums; margin-top: 0.4mm; }
.p008__col li > i { font-weight: 400; }
.p008__col li > i::before { content: 'p. '; opacity: 0.7; }