/* Páginas 040–053: cierre de la parada 05 (Punta Alta), parada 06 (Sierra de la Ventana)
   y comienzo de la parada 07 (Travesía de las Pampas). */

/* ── Componentes ── */
/* Notas apiladas al pie de un fragmento */
.notes { display: flex; flex-direction: column; gap: 1.5mm; align-self: start; }
.notes p { margin: 0; }
/* Hueso y veta en los esquemas; halo de papel para separar una figura de la trama */
.diagram__bone { fill: none; stroke: var(--blue-deep); stroke-width: 1.5; stroke-linecap: round; }
.diagram__vein { fill: none; stroke: var(--blue-deep); stroke-width: 0.7; stroke-linecap: round; }
.diagram__halo { fill: var(--paper); stroke: var(--paper); stroke-width: 1.2; }
.diagram__halo--wide { fill: none; stroke-width: 3.6; stroke-linecap: round; }
/* Franja de imagen a sangre en la cabeza de la página */
.topband { position: absolute; top: 0; left: 0; width: 100%; height: calc(var(--margin-top) + var(--baseline) * 12); border-top: 0; border-left: 0; border-right: 0; }
/* Esquemas sobre página oscura */
.page[data-tone="dark"] .diagram__label { fill: var(--paper); }
.page[data-tone="dark"] .diagram__line, .page[data-tone="dark"] .diagram__tick { stroke: var(--paper); }
.page[data-tone="dark"] .diagram__dot { fill: var(--paper); }
.page[data-tone="dark"] .diagram__ring2 { fill: var(--blue-deep); stroke: var(--paper); }

/* ── 040 · La posición de los huesos ── */
.p040__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p040__text { grid-column: 1 / 4; grid-row: 7 / 14; }
.p040__image { grid-column: 1 / 4; grid-row: 16 / 29; }
.p040__layer { grid-column: 4 / 7; grid-row: 7 / 18; }
.p040__caption { grid-column: 4 / 7; grid-row: 19 / 23; }

/* ── 041 · Inferir el tiempo ── */
.p041__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p041__text { grid-column: 1 / 4; grid-row: 7 / 17; }
.p041__note-d { grid-column: 4 / 7; grid-row: 7 / 9; }
.p041__time { grid-column: 1 / 7; grid-row: 19 / 27; }
.p041__caption { grid-column: 1 / 5; grid-row: 27 / 29; align-self: end; }

/* ── 042 · Reconstruir el animal ── título e imagen afuera, texto adentro */
.p042__title { grid-column: 1 / 4; grid-row: 2 / 4; }
.p042__image { grid-column: 1 / 4; grid-row: 7 / 22; }
.p042__note-d { grid-column: 1 / 4; grid-row: 23 / 26; }
.p042__note-ed { grid-column: 1 / 4; grid-row: 27; }
.p042__text { grid-column: 4 / 7; grid-row: 2 / 29; }

/* ── 043 · Del hueso al paisaje ── */
.p043__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p043__quote { grid-column: 1 / 6; grid-row: 6 / 10; }
.p043__text { grid-column: 1 / 4; grid-row: 12 / 29; }
.p043__image { grid-column: 4 / 7; grid-row: 12 / 24; }
.p043__note-ed { grid-column: 4 / 7; grid-row: 25 / 28; }

/* ── 044 · Apertura – Sierra de la Ventana ── */
.p044__meta { grid-column: 1 / 4; grid-row: 2; }
.p044__title { grid-column: 1 / 7; grid-row: 3 / 9; }
.p044__text { grid-column: 1 / 7; grid-row: 11 / 22; }
.p044__strip { grid-column: 1 / 7; grid-row: 24 / 28; }
.p044__caption { grid-column: 1 / 7; grid-row: 28; }

/* ── 045 · Aproximarse ── */
.p045__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p045__text { grid-column: 1 / 7; grid-row: 7 / 21; }
.p045__notes { grid-column: 1 / 4; grid-row: 22 / 29; }
.p045__datalabel { grid-column: 4 / 7; grid-row: 22; }
.p045__data { grid-column: 4 / 7; grid-row: 23 / 29; }

/* ── 046 · Acampar al pie ── */
.p046__image { position: absolute; top: 0; left: 0; width: 100%; height: calc(var(--margin-top) + var(--baseline) * 12); border-top: 0; border-left: 0; border-right: 0; }
.p046__title { grid-column: 1 / 4; grid-row: 15 / 17; }
.p046__text { grid-column: 1 / 4; grid-row: 19 / 26; }
.p046__profile { grid-column: 4 / 7; grid-row: 15 / 24; }
.p046__caption { grid-column: 4 / 7; grid-row: 25 / 28; }

/* ── 047 · Ascender ── título afuera, texto adentro; el corte, a todo el ancho */
.p047__kicker { grid-column: 1 / 4; grid-row: 1; }
.p047__title { grid-column: 1 / 4; grid-row: 2 / 4; }
.p047__text { grid-column: 4 / 7; grid-row: 2 / 14; }
.p047__cut { grid-column: 1 / 7; grid-row: 18 / 26; }
.p047__caption { grid-column: 1 / 7; grid-row: 27; }

/* ── 048 · Hasta donde pudo llegar ── */
.p048__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p048__text { grid-column: 1 / 4; grid-row: 7 / 28; }
.p048__peaks { grid-column: 4 / 7; grid-row: 7 / 18; }
.p048__caption { grid-column: 4 / 7; grid-row: 18 / 21; }
.p048__label { grid-column: 4 / 7; grid-row: 22; }
.p048__list { grid-column: 4 / 7; grid-row: 23 / 29; }

/* ── 049 · Mirar y regresar ── */
.p049__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p049__text { grid-column: 1 / 4; grid-row: 7 / 25; }
.p049__note-e { grid-column: 1 / 4; grid-row: 26; }
.p049__image { grid-column: 4 / 7; grid-row: 7 / 19; }
.p049__route { grid-column: 4 / 7; grid-row: 21 / 26; }
.p049__caption { grid-column: 4 / 7; grid-row: 26 / 28; }

/* ── 050 · Apertura – Travesía de las Pampas ── */
.p050__meta { grid-column: 1 / 4; grid-row: 2; }
.p050__title { grid-column: 1 / 7; grid-row: 3 / 9; }
.p050__text { grid-column: 1 / 4; grid-row: 11 / 21; }
.p050__image { grid-column: 4 / 7; grid-row: 11 / 20; }
.p050__line { grid-column: 1 / 7; grid-row: 22 / 27; }
.p050__caption { grid-column: 1 / 7; grid-row: 27 / 29; align-self: end; }

/* ── 051 · Habitar el camino ── página oscura */
.p051__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; }
.p051__kicker { grid-column: 1 / 4; grid-row: 13; }
.p051__title { grid-column: 1 / 4; grid-row: 14 / 16; }
.p051__scene { grid-column: 1 / 4; grid-row: 19 / 25; }
.p051__caption { grid-column: 1 / 4; grid-row: 26 / 28; }
.p051__text { grid-column: 4 / 7; grid-row: 14 / 29; }

/* ── 052 · Entrar en la Pampa húmeda ── */
.p052__title { grid-column: 1 / 6; grid-row: 2 / 4; }
.p052__text { grid-column: 1 / 4; grid-row: 6 / 29; }
.p052__region { grid-column: 4 / 7; grid-row: 6 / 19; }
.p052__caption { grid-column: 4 / 7; grid-row: 20 / 23; }

/* ── 053 · Fuego y lago ── el texto arranca una línea antes, a la par de 052 */
.p053__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p053__text { grid-column: 1 / 4; grid-row: 6 / 20; }
.p053__datalabel { grid-column: 4 / 7; grid-row: 6; }
.p053__data { grid-column: 4 / 7; grid-row: 7 / 13; }
.p053__image { grid-column: 1 / 7; grid-row: 21 / 29; }