/* Páginas 022–029: cierre de la parada 02 y parada 03 (Camino al Río Colorado). */

/* ── Componentes ── */
/* Frase de Darwin en cuerpo mayor, en su lugar dentro del fragmento (no se repite) */
.t-pullquote { font-family: var(--font-display); font-size: var(--page-title-size); line-height: calc(var(--baseline) * 2); text-wrap: balance; }

/* Página oscura (noche): fondo azul pleno, texto en color papel */
.page[data-tone="dark"] { background: var(--blue-deep); color: var(--paper); }
.page[data-tone="dark"] .page__folio { color: var(--paper); }
.page[data-tone="dark"] .notetag { box-shadow: inset 0 0 0 var(--rule-fine) var(--paper); }
.page[data-tone="dark"] .notetag--ed { background: var(--paper); color: var(--blue-deep); box-shadow: none; }
.page[data-tone="dark"] .placeholder { border-color: var(--paper); color: var(--paper); }

/* Lista numerada corta */
.fourlist { list-style: none; margin: 0; padding: 0; }
.fourlist li { display: grid; grid-template-columns: 7mm 1fr; background: linear-gradient(currentColor, currentColor) top / 100% var(--rule-fine) no-repeat; padding-top: calc(var(--baseline) / 2); height: calc(var(--baseline) * 2); }
.fourlist b { font-family: var(--font-ui); font-size: var(--editorial-size); line-height: var(--baseline); font-weight: 700; }

/* Medio ancho de página a sangre por el lado exterior (3 columnas) y un tercio (2 columnas) */
.page { --half-bleed: calc(var(--margin-outer) + (var(--page-width) - var(--margin-inner) - var(--margin-outer) + var(--column-gap)) / 2 - var(--column-gap)); --third-bleed: calc(var(--margin-outer) + (var(--page-width) - var(--margin-inner) - var(--margin-outer) + var(--column-gap)) / 3 - var(--column-gap)); }

/* ── 022 · Un pequeño mundo habitable ── */
.p022__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p022__text { grid-column: 1 / 4; grid-row: 7 / 15; }
.p022__note-d { grid-column: 4 / 7; grid-row: 7 / 9; }
.p022__quote { grid-column: 1 / 6; grid-row: 16 / 20; }
.p022__image { grid-column: 1 / 7; grid-row: 22 / 29; }

/* ── 023 · Partir hacia el Colorado ── */
.p023__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p023__text { grid-column: 1 / 4; grid-row: 7 / 12; }
.p023__route { grid-column: 1 / 7; grid-row: 21 / 29; }   /* a la altura de la imagen de 022 (filas 22–28) */
.p023__caption { grid-column: 1 / 4; grid-row: 28; align-self: end; }

/* ── 024 · Apertura – Camino al Río Colorado ── */
.p024__image { position: absolute; top: 0; bottom: 0; left: 0; width: var(--third-bleed); border-left: 0; border-top: 0; border-bottom: 0; }
.p024__meta { grid-column: 3 / 7; grid-row: 2; }
.p024__title { grid-column: 3 / 7; grid-row: 3 / 9; }
.p024__text { grid-column: 3 / 6; grid-row: 11 / 18; }
.p024__strip { grid-column: 3 / 7; grid-row: 20 / 27; }
.p024__caption { grid-column: 3 / 7; grid-row: 27 / 29; }

/* ── 025 · Atravesar el desierto ── */
.p025__title { grid-column: 1 / 5; grid-row: 2 / 4; }
/* Texto a 2 columnas e imagen a 4 (pedido de Patricio, 12 oct. 2026): empiezan y terminan juntos, filas 7–27 */
.p025__text { grid-column: 1 / 3; grid-row: 7 / 28; }
.p025__image { grid-column: 3 / 7; grid-row: 7 / 28; }

/* ── 026 · Walleechu ── */
.p026__image { position: absolute; top: 0; bottom: 0; left: 0; width: var(--half-bleed); border-left: 0; border-top: 0; border-bottom: 0; }
.p026__title { grid-column: 4 / 7; grid-row: 2 / 4; }
.p026__text { grid-column: 4 / 7; grid-row: 7 / 21; }
.p026__note-ed { grid-column: 4 / 7; grid-row: 23 / 28; }

/* ── 027 · Primera noche a la intemperie ── */
.p027__title { grid-column: 1 / 7; grid-row: 2 / 4; }
.p027__text { grid-column: 1 / 5; grid-row: 7 / 18; }
.p027__note-e { grid-column: 1 / 5; grid-row: 19; }
.p027__label { grid-column: 5 / 7; grid-row: 5; }
.p027__list { grid-column: 5 / 7; grid-row: 7 / 15; }
.p027__image { grid-column: 1 / 7; grid-row: 21 / 29; }

/* ── 028 · Fauna y cambio del terreno ── */
.p028__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p028__text { grid-column: 1 / 5; grid-row: 7 / 20; }
.p028__fig { grid-column: 5 / 7; grid-row: 7 / 20; }
.p028__strip { grid-column: 1 / 7; grid-row: 22 / 27; }
.p028__caption { grid-column: 1 / 7; grid-row: 27 / 29; }

/* ── 029 · Cruzar el Río Colorado ── */
.p029__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p029__text { grid-column: 1 / 4; grid-row: 7 / 21; }
.p029__image { grid-column: 4 / 7; grid-row: 1 / 15; }
.p029__meander { grid-column: 4 / 7; grid-row: 17 / 26; }
.p029__caption { grid-column: 4 / 7; grid-row: 27 / 29; }