/* Páginas 054–070: cierre de la parada 07 (Pampas), parada 08 (Buenos Aires I),
   parada 09 (Camino al Paraná / Rosario) y comienzo de la parada 10 (Paraná fósil / Santa Fe). */

/* ── Componentes ── */
.page { --col: calc((var(--page-width) - var(--margin-inner) - var(--margin-outer) - var(--column-gap) * 5) / 6); }
/* Cuadra / manzana en los esquemas de ciudad; pared o muro */
.diagram__block { fill: var(--blue-20); stroke: var(--blue-deep); stroke-width: 0.2; }
.diagram__block--on { fill: var(--blue-deep); }
.diagram__wall { fill: none; stroke: var(--blue-deep); stroke-width: 1; }
/* Tres conceptos: baldosa azul con dibujo en color papel + rótulo */
.concept { margin: 0; }
.concept svg { display: block; width: 100%; height: calc(var(--baseline) * 10); background: var(--blue-deep); }
.concept__img { height: calc(var(--baseline) * 10); outline: var(--rule-fine) solid var(--blue-deep); outline-offset: calc(var(--rule-fine) * -1); }
.concept figcaption { display: flex; flex-direction: column; padding-top: calc(var(--baseline) / 2); }
.concept__line { fill: none; stroke: var(--paper); stroke-width: 0.5; stroke-linecap: round; stroke-linejoin: round; }
.concept__line--bold { stroke-width: 1.4; }
.concept__line--dash { stroke-dasharray: 1.2 1.2; }
.concept__dot { fill: var(--paper); }
/* Río: franja azul plena */
.river { position: absolute; background: var(--blue-deep); }
/* Aviso de verificación pendiente (se quita antes de la entrega) */
.p070__flag { grid-column: 1 / 7; grid-row: 1; align-self: start; justify-self: start; padding: 0 1.5mm; border: var(--rule-fine) dashed var(--blue-deep); font-weight: 600; }

/* ── 054 · La granizada ── */
.p054__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p054__text { grid-column: 1 / 7; grid-row: 7 / 21; }
.p054__count { grid-column: 1 / 7; grid-row: 23 / 27; }
.p054__caption { grid-column: 1 / 7; grid-row: 28; }

/* ── 055 · Sierra Tapalguen y El Corral ── */
.p055__title { grid-column: 1 / 6; grid-row: 2 / 4; }
.p055__text { grid-column: 1 / 4; grid-row: 7 / 27; }
.p055__plan { grid-column: 4 / 7; grid-row: 7 / 20; }
.p055__caption { grid-column: 4 / 7; grid-row: 21 / 26; }

/* ── 056 · Cruzar el Salado ── el texto arranca una línea antes, a la par de 057; el río, franja vertical del lado del lomo */
.p056__river { position: absolute; top: 0; bottom: 0; right: 0; width: calc(var(--margin-inner) + var(--col)); background: var(--blue-deep) url(../assets/images/056-agua-salado.jpg?v=2) center / cover; }
.p056__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p056__text { grid-column: 1 / 4; grid-row: 6 / 21; }
.p056__datalabel { grid-column: 4 / 6; grid-row: 6; }
.p056__data { grid-column: 4 / 6; grid-row: 7 / 13; }
.p056__caption { grid-column: 4 / 6; grid-row: 15 / 20; }
.p056__riverlabel { grid-column: 6; grid-row: 2 / 4; color: var(--paper); position: relative; padding-left: 3mm; font-size: 15pt; line-height: calc(var(--baseline) * 1.5); white-space: nowrap; }

/* ── 057 · Un paisaje transformado ── */
.p057__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p057__text { grid-column: 1 / 7; grid-row: 6 / 20; }
.p057__notes { grid-column: 1 / 4; grid-row: 21 / 29; }
.p057__label { grid-column: 4 / 7; grid-row: 20; }
.p057__list { grid-column: 4 / 7; grid-row: 21 / 29; }

/* ── 058 · Apertura – Buenos Aires I ── */
.p058__meta { grid-column: 1 / 4; grid-row: 2; }
.p058__title { grid-column: 1 / 7; grid-row: 3 / 6; }
.p058__text { grid-column: 1 / 4; grid-row: 8 / 13; }
.p058__caption { grid-column: 1 / 4; grid-row: 14 / 16; }
.p058__edge { grid-column: 1 / 7; grid-row: 18 / 29; }

/* ── 059 · La ciudad como cuadrícula ── */
.p059__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p059__text { grid-column: 1 / 4; grid-row: 7 / 12; }
.p059__notes { grid-column: 4 / 7; grid-row: 7 / 12; }
.p059__grid { grid-column: 1 / 7; grid-row: 13 / 29; }

/* ── 060 · De la cuadra a la casa ── */
.p060__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p060__text { grid-column: 1 / 4; grid-row: 7 / 12; }
.p060__seq { grid-column: 1 / 7; grid-row: 15 / 25; height: auto; align-self: start; }
.p060__caption { grid-column: 1 / 5; grid-row: 26 / 28; }

/* ── 061 · La plaza y el conjunto ── */
.p061__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p061__text { grid-column: 1 / 4; grid-row: 7 / 29; }
.p061__pair { grid-column: 4 / 7; grid-row: 7 / 17; }
.p061__caption { grid-column: 4 / 7; grid-row: 17 / 19; }
.p061__image { grid-column: 4 / 7; grid-row: 20 / 29; }

/* ── 062 · Apertura – Camino al Paraná / Rosario ── */
.p062__meta { grid-column: 1 / 4; grid-row: 2; }
.p062__title { grid-column: 1 / 7; grid-row: 3 / 9; }
.p062__text { grid-column: 1 / 7; grid-row: 10 / 22; }
.p062__datalabel { grid-column: 1 / 4; grid-row: 23; }
.p062__data { grid-column: 1 / 7; grid-row: 24 / 29; }

/* ── 063 · Luján, Areco y cardales ── la imagen, media página a sangre por afuera */
.p063__image { position: absolute; top: 0; bottom: 0; right: 0; width: var(--half-bleed); border-right: 0; border-top: 0; border-bottom: 0; }
.p063__title { grid-column: 1 / 4; grid-row: 2 / 4; }
.p063__text { grid-column: 1 / 4; grid-row: 7 / 24; }

/* ── 064 · Registro – Vizcacha ── */
.p064__kicker { grid-column: 1 / 4; grid-row: 1; }
.p064__title { grid-column: 1 / 4; grid-row: 2 / 4; }
.p064__text { grid-column: 1 / 4; grid-row: 7 / 29; }
.p064__image { grid-column: 4 / 7; grid-row: 7 / 16; }
.p064__label { grid-column: 4 / 7; grid-row: 18; }
.p064__list { grid-column: 4 / 7; grid-row: 19 / 29; }

/* ── 065 · Arrecife y primera visión del Paraná ── el río, franja a sangre al pie */
.p065__river { position: absolute; left: 0; width: 100%; top: calc(var(--margin-top) + var(--baseline) * 20); height: calc(var(--baseline) * 8); background: var(--blue-deep) url(../assets/images/065-agua-parana.jpg) center / cover; }
.p065__title { grid-column: 1 / 7; grid-row: 2 / 4; }
.p065__text { grid-column: 1 / 4; grid-row: 7 / 14; }
.p065__quote { grid-column: 1 / 6; grid-row: 15 / 19; }
.p065__riverlabel { grid-column: 1 / 4; grid-row: 22 / 24; color: var(--paper); position: relative; font-size: 15pt; line-height: calc(var(--baseline) * 1.5); }

/* ── 066 · Rosario sobre la barranca ── */
.p066__image { position: absolute; top: 0; left: 0; width: 100%; height: calc(var(--margin-top) + var(--baseline) * 11); border-top: 0; border-left: 0; border-right: 0; }
.p066__title { grid-column: 1 / 4; grid-row: 13 / 15; }
.p066__text { grid-column: 1 / 4; grid-row: 17 / 29; }
.p066__cut { grid-column: 4 / 7; grid-row: 17 / 25; }
.p066__caption { grid-column: 4 / 7; grid-row: 26 / 28; }

/* ── 067 · Qué hace grande al Paraná ── */
.p067__title { grid-column: 1 / 6; grid-row: 2 / 4; }
.p067__text { grid-column: 1 / 4; grid-row: 7 / 12; }
.p067__label { grid-column: 1 / 7; grid-row: 13; }
.p067__fig-a { grid-column: 1 / 3; grid-row: 14 / 29; }
.p067__fig-b { grid-column: 3 / 5; grid-row: 14 / 29; }
.p067__fig-c { grid-column: 5 / 7; grid-row: 14 / 29; }

/* ── 068 · Apertura – Paraná fósil / Santa Fe ── la imagen, media página a sangre por afuera */
.p068__image { position: absolute; top: 0; bottom: 0; left: 0; width: var(--half-bleed); border-left: 0; border-top: 0; border-bottom: 0; }
.p068__meta { grid-column: 4 / 7; grid-row: 2; }
.p068__title { grid-column: 4 / 7; grid-row: 3 / 9; }
.p068__text { grid-column: 4 / 7; grid-row: 11 / 16; }

/* ── 069 · Fósiles expuestos en la barranca ── */
.p069__title { grid-column: 1 / 6; grid-row: 2 / 4; }
.p069__text { grid-column: 1 / 4; grid-row: 7 / 27; }
.p069__cliff { grid-column: 4 / 7; grid-row: 7 / 21; }
.p069__caption { grid-column: 4 / 7; grid-row: 22 / 25; }

/* ── 070 · Coronda y cambio ambiental ── */
.p070__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p070__text { grid-column: 1 / 4; grid-row: 7 / 21; }
.p070__notes { grid-column: 1 / 4; grid-row: 22 / 29; }
.p070__lat { grid-column: 4 / 7; grid-row: 7 / 20; }
.p070__caption { grid-column: 4 / 7; grid-row: 21 / 23; }
