/* Registros, esquemas y datos (014 en adelante) + composición de las páginas 014–022. */

/* ── Componentes ── */
/* Antetítulo de registro: baldosa chica + «Registro de campo» */
.reg-kicker { display: flex; align-items: center; gap: 2mm; }
.reg-kicker .minitile { width: var(--baseline); height: var(--baseline); }

/* Ficha de datos de campo: rótulo / valor */
.ficha { margin: 0; display: grid; grid-template-columns: 30mm 1fr; column-gap: var(--column-gap); align-content: start; background: linear-gradient(var(--blue-deep), var(--blue-deep)) top / 100% var(--rule-fine) no-repeat; padding-top: calc(var(--baseline) / 2); }
.ficha dt { font-weight: 600; }
.ficha dd { margin: 0; }

/* Espécimen: imagen + pie con el nombre */
.specimen { margin: 0; display: grid; grid-template-rows: 1fr var(--baseline); }
.specimen .placeholder { min-height: 0; }

/* Texto de Darwin en tres columnas de 2 */
.t-darwin--3col { column-count: 3; column-gap: var(--column-gap); column-fill: balance; align-self: start; }
.t-darwin p + p { text-indent: var(--baseline); }

/* Esquemas editoriales (perfiles, secciones). viewBox en mm. */
.diagram { display: block; width: 100%; height: 100%; overflow: visible; }
.diagram__fill { fill: var(--blue-20); }
.diagram__sea { fill: var(--blue-deep); }
.diagram__snow { fill: var(--paper); }
.diagram__line { fill: none; stroke: var(--blue-deep); stroke-width: 0.3; stroke-linejoin: round; }
.diagram__path { fill: none; stroke: var(--blue-deep); stroke-width: 0.3; stroke-dasharray: 0.9 0.9; }
.diagram__tick { fill: none; stroke: var(--blue-deep); stroke-width: 0.15; }
.diagram__dot { fill: var(--blue-deep); }
.diagram__ring { fill: none; stroke: var(--blue-deep); stroke-width: 0.2; }
.diagram__hatch { fill: none; stroke: var(--blue-60); stroke-width: 0.15; }
.diagram__label { font-family: var(--font-ui); font-size: 2.29px; fill: var(--blue-deep); }       /* 6,5 pt */
.diagram__label--strong { font-weight: 600; }
.diagram__label--paper { fill: var(--paper); font-weight: 600; }

/* Datos destacados del fragmento */
.data { margin: 0; display: grid; grid-template-columns: subgrid; }
.data > div { background: linear-gradient(var(--blue-deep), var(--blue-deep)) top / 100% var(--rule-fine) no-repeat; padding-top: calc(var(--baseline) / 2); }
.data dt { font-family: var(--font-display); font-size: var(--datum-size); line-height: calc(var(--baseline) * 2); white-space: nowrap; }
.data dd { margin: 0; }

/* Tarjeta de registro: baldosa ancha + rótulo */
.regcard { margin: 0; display: grid; grid-template-rows: subgrid; }
.regcard svg { grid-row: span 7; display: block; width: 100%; height: 100%; background: var(--blue-deep); }
.regcard figcaption { grid-row: span 3; display: flex; flex-direction: column; padding-top: calc(var(--baseline) / 2); }
/* Lámina en grabado sobre papel (en lugar de la baldosa azul) */
.regcard svg.lamina { background: none; outline: var(--rule-fine) solid var(--blue-deep); outline-offset: calc(var(--rule-fine) * -1); }
.lamina__line { fill: none; stroke: var(--blue-deep); stroke-width: 0.25; }
.lamina__text { font-family: var(--font-ui); font-size: 2.12px; font-weight: 500; fill: var(--blue-deep); }  /* 6 pt */
.tile__text { font-family: var(--font-ui); font-size: 2.12px; font-weight: 500; fill: var(--paper); }  /* 6 pt */
.tile__worm { fill: none; stroke: var(--paper); stroke-width: 1.5; stroke-linecap: round; stroke-dasharray: 0.9 0.5; }

/* ── 014 · Registro de flora ── */
/* El tamaño de cada espécimen sigue al texto: una especie domina, la otra «carecía de importancia». */
.p014__kicker { grid-column: 1 / 4; grid-row: 1; }
.p014__title { grid-column: 1 / 4; grid-row: 2 / 4; }
.p014__text { grid-column: 1 / 4; grid-row: 7 / 15; }
.p014__note-e { grid-column: 1 / 4; grid-row: 16 / 19; }
.p014__ficha { grid-column: 1 / 4; grid-row: 20 / 25; }
.p014__note-ed { grid-column: 1 / 4; grid-row: 26 / 28; }
.p014__fig-a { grid-column: 4 / 6; grid-row: 2 / 28; }
.p014__fig-b { grid-column: 6 / 7; grid-row: 2 / 15; }

/* ── 015 · Ascender y mirar ── */
.p015__title { grid-column: 1 / 7; grid-row: 2 / 4; }
.p015__text { grid-column: 1 / 7; grid-row: 7 / 19; }
.p015__profile { grid-column: 1 / 7; grid-row: 20 / 28; }
.p015__caption { grid-column: 1 / 7; grid-row: 28; }

/* ── 016 · Apertura – Carmen de Patagones / Río Negro ── */
.p016__meta { grid-column: 1 / 4; grid-row: 2; }
.p016__title { grid-column: 1 / 7; grid-row: 3 / 9; }
.p016__text { grid-column: 1 / 4; grid-row: 11 / 20; }
.p016__map { grid-column: 4 / 7; grid-row: 10 / 29; }

/* ── 017 · El Río Negro y su valle ── */
.p017__title { grid-column: 1 / 7; grid-row: 3 / 5; position: relative; top: 0.35mm; }   /* misma altura de mayúsculas que la primera línea del título de 016 */
.p017__section { grid-column: 1 / 4; grid-row: 10 / 29; }   /* misma altura y mismo pie que el mapa de 016 */
.p017__caption { grid-column: 4 / 7; grid-row: 27 / 29; align-self: end; }
.p017__text { grid-column: 4 / 7; grid-row: 11 / 24; }   /* arranca en la misma línea que el texto de 016 */

/* ── 018 · El Carmen / Patagones ── */
.p018__image { position: absolute; top: 0; left: 0; width: 100%; height: calc(var(--margin-top) + var(--baseline) * 15); border-top: 0; border-left: 0; border-right: 0; }
.p018__title { grid-column: 1 / 3; grid-row: 18 / 22; }
.p018__text { grid-column: 3 / 7; grid-row: 18 / 26; }

/* ── 019 · Excursión a la salina ── */
.p019__image { position: absolute; top: 0; right: 0; height: calc(100% - var(--margin-bottom)); width: calc(var(--margin-outer) + (var(--page-width) - var(--margin-inner) - var(--margin-outer) + var(--column-gap)) / 2 - var(--column-gap)); object-fit: cover; display: block; }
.p019__title { grid-column: 1 / 4; grid-row: 2 / 4; }
.p019__text { grid-column: 1 / 4; grid-row: 7 / 19; }
.p019__datalabel { grid-column: 1 / 4; grid-row: 21; }
.p019__data { grid-column: 1 / 4; grid-row: 23 / 29; }   /* una línea de aire bajo el rótulo */

/* ── 020 · Cristales y sales ── */
.p020__kicker { grid-column: 1 / 4; grid-row: 1; }
.p020__title { grid-column: 1 / 4; grid-row: 2 / 4; }
/* Columna izquierda: título, texto de Darwin y lámina; a la derecha del texto, la nota editorial.
   Abajo: las dos láminas, de 11 líneas de alto; su pie coincide con el de las viñetas de 023. */
.p020__text { grid-column: 1 / 4; grid-row: 5 / 13; }
.p020__note-ed { grid-column: 4 / 7; grid-row: 9 / 13; align-self: end; }   /* termina con la última línea del texto */
.p020__fig-a { grid-column: 1 / 4; grid-row: 14 / 28; }
.p020__fig-b { grid-column: 4 / 7; grid-row: 14 / 28; }
.p020__fig-a svg, .p020__fig-b svg { grid-row: span 11; }

/* ── 021 · Vida en la salmuera ── */
.p021__title { grid-column: 1 / 5; grid-row: 2 / 4; }
.p021__text { grid-column: 1 / 5; grid-row: 7 / 22; }
/* Mosaico 2 × 2 pegado al texto: ocupa las columnas 4–6; rótulo en la primera línea del texto (fila 7) y epígrafes de abajo en la última (fila 26); una línea de aire entre las dos filas de imágenes */
.p021__label { grid-column: 4 / 7; grid-row: 7; }
.p021__mosaic { grid-column: 4 / 7; grid-row: 8 / 28; display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--column-gap); grid-template-rows: subgrid; }
.p021__mosaic .tile { margin: 0; grid-row: span 10; display: grid; grid-template-rows: subgrid; }
.p021__mosaic .tile .foto { grid-row: span 8; background-size: contain; outline: var(--rule-fine) solid var(--blue-deep); outline-offset: calc(var(--rule-fine) * -1); }
.p021__mosaic .tile figcaption { grid-row: span 2; }

/* Cauce principal en mapas de tramo */
.map__river--main { stroke: var(--blue-deep); stroke-width: 0.6; }