/* © 2026 Eduardo Gimenez. Todos los derechos reservados. Ver legal.html. */
/* Desplegable A2 (594 × 420 mm). 6 cuerpos en acordeón + 1 pliegue cruzado → cerrado 99 × 210 mm (DL). */
@page { size: 594mm 420mm; margin: 0; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
body { font-family: var(--sans); color: var(--carbon); }

.hoja { width: 594mm; height: 420mm; position: relative; overflow: hidden; background-color: var(--papel); background-size: 84mm; break-after: page; }
.hoja:last-child { break-after: auto; }
.abs { position: absolute; }

/* guías de plegado (solo previsualización) */
.guias .hoja::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    repeating-linear-gradient(to bottom, rgba(42,38,34,.35) 0 2mm, transparent 2mm 4mm) 99mm 0 / .25mm 100% no-repeat,
    repeating-linear-gradient(to bottom, rgba(42,38,34,.35) 0 2mm, transparent 2mm 4mm) 198mm 0 / .25mm 100% no-repeat,
    repeating-linear-gradient(to bottom, rgba(42,38,34,.35) 0 2mm, transparent 2mm 4mm) 297mm 0 / .25mm 100% no-repeat,
    repeating-linear-gradient(to bottom, rgba(42,38,34,.35) 0 2mm, transparent 2mm 4mm) 396mm 0 / .25mm 100% no-repeat,
    repeating-linear-gradient(to bottom, rgba(42,38,34,.35) 0 2mm, transparent 2mm 4mm) 495mm 0 / .25mm 100% no-repeat,
    repeating-linear-gradient(to right, rgba(42,38,34,.35) 0 2mm, transparent 2mm 4mm) 0 210mm / 100% .25mm no-repeat;
}

/* ---------- tipografía común ---------- */
.mini { font: 600 5.6pt/1.3 var(--sans); letter-spacing: .16em; text-transform: uppercase; }
.gris { color: var(--gris); }
.serif { font-family: var(--sans); }
h2.sec { font: 400 24pt/1 var(--sans); letter-spacing: -.025em; }
h2.sec em { font-style: normal; }
p.cuerpo { font: 400 7.4pt/1.45 var(--sans); }
.regla { height: .3mm; background: var(--carbon); }

/* ---------- CARA A: fichas ---------- */
.ficha { width: 77mm; }
.ficha .num { font: 600 6.2pt var(--sans); letter-spacing: .12em; color: var(--teja-t); }
.ficha h3 { font: 500 19pt/1.02 var(--sans); letter-spacing: -.025em; margin: 1.2mm 0 .8mm; }
.ficha .sub { font: 400 9.5pt var(--sans); color: var(--gris); }
.ficha .donde { margin-top: 2.6mm; padding-top: 1.6mm; border-top: .25mm solid var(--carbon); display: flex; justify-content: space-between; gap: 2mm; }
.ficha .chips { margin-top: 1.2mm; color: var(--gris); }
.ficha .dop { display: inline-block; margin-top: 2mm; padding: .7mm 2mm .6mm; border: .3mm solid var(--teja); border-radius: 4mm; color: var(--teja-t); }
.ficha p.cuerpo { margin-top: 2.4mm; }
.ficha .cata { margin-top: 2.2mm; font: 400 10pt/1.25 var(--sans); }
.ficha .premio { margin-top: 2.4mm; display: flex; gap: 1.6mm; align-items: flex-start; font: 500 6.4pt/1.35 var(--sans); }
.ficha .premio i { flex: none; width: 3.2mm; height: 3.2mm; border-radius: 50%; background: var(--ocre); margin-top: .2mm; box-shadow: inset 0 0 0 .5mm #E6C98A; }
.ficha .en { margin-top: 1.4mm; font: 400 6.4pt var(--sans); color: var(--gris); }
.ilus svg, .fauna svg { width: 100%; height: auto; display: block; overflow: visible; }

.titulo-a .kicker { color: var(--teja-t); }
.titulo-a h1 { font: 500 52pt/.86 var(--sans); letter-spacing: -.025em; margin-top: 6mm; }
.titulo-a h1 em { display: block; font: 400 25pt/1.1 var(--sans); letter-spacing: 0; margin-top: 2mm; }
.titulo-a p.cuerpo { margin-top: 7mm; font-size: 8.2pt; }

/* ---------- CARA B ---------- */
.mapa-wrap svg { width: 100%; height: auto; display: block; }
.indice { columns: 2; column-gap: 8mm; }
.indice li { list-style: none; break-inside: avoid; display: grid; grid-template-columns: 7mm 1fr; padding: 1.1mm 0; border-bottom: .2mm solid var(--grisc); font: 400 7pt/1.3 var(--sans); }
.indice b { font-weight: 600; color: var(--teja-t); }
.indice span.p { color: var(--gris); display: block; font-size: 6.4pt; }

.dop-item { display: grid; grid-template-columns: 5mm 1fr; gap: 1mm; margin-top: 5mm; }
.dop-item i { width: 3.6mm; height: 3.6mm; border-radius: 50%; margin-top: 1.2mm; }
.dop-item h4 { font: 500 12pt/1.1 var(--sans); }
.dop-item p { font: 400 7pt/1.42 var(--sans); margin-top: 1mm; }

.glosa { margin-top: 3.2mm; }
.glosa h4 { font: 600 6.4pt var(--sans); letter-spacing: .14em; text-transform: uppercase; }
.glosa p { font: 400 7pt/1.42 var(--sans); margin-top: .6mm; }

.escala { margin-top: 5mm; }
.escala .barra { display: grid; grid-template-columns: repeat(6, 1fr); height: 3mm; margin: 1.6mm 0 1.2mm; }
.escala .barra span:nth-child(1) { background: #F6EBC8; } .escala .barra span:nth-child(2) { background: #EED79A; }
.escala .barra span:nth-child(3) { background: #DDBC7C; } .escala .barra span:nth-child(4) { background: #C99A4E; }
.escala .barra span:nth-child(5) { background: #9A6F31; } .escala .barra span:nth-child(6) { background: #5A4031; }
.escala .lbl { display: grid; grid-template-columns: repeat(6, 1fr); font: 500 5.4pt var(--sans); color: var(--gris); text-transform: uppercase; letter-spacing: .06em; }

.pasos { margin-top: 4mm; display: grid; gap: 3mm; }
.paso { display: grid; grid-template-columns: 26mm 1fr; gap: 3mm; align-items: center; }
.paso b { font: 600 6.2pt var(--sans); letter-spacing: .12em; color: var(--teja-t); display: block; }
.paso p { font: 400 7pt/1.4 var(--sans); margin-top: .6mm; }

.puntos h4 { font: 500 11pt var(--sans); margin-top: 5mm; }
.puntos li { list-style: none; font: 400 7pt/1.35 var(--sans); padding: 1.2mm 0; border-bottom: .2mm solid var(--grisc); }

/* portada */
.portada { text-align: left; }
.portada h1 { font: 500 46pt/.86 var(--sans); letter-spacing: -.025em; }
.portada h1 em { display: block; font: 400 21pt/1.1 var(--sans); letter-spacing: 0; margin-top: 2mm; }
.sello { width: 15mm; height: 15mm; border-radius: 50%; background: var(--teja); color: var(--papel); display: grid; place-items: center; font: 500 13pt var(--sans); }

/* contraportada (impresa girada 180° para leerse al dar la vuelta al cerrado) */
.girada { transform: rotate(180deg); }
.qr img { width: 26mm; height: 26mm; display: block; }
.logos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; margin-top: 2.4mm; }
.logos span { height: 11mm; border: .25mm dashed var(--grisc); display: grid; place-items: center; font: 500 5pt var(--sans); color: var(--grisc); letter-spacing: .1em; text-transform: uppercase; }

/* ---------- pantalla ---------- */
@media screen {
  body { background: #ABA9A2; padding: 18mm 0 30mm; }
  .barra-prev { position: fixed; top: 0; left: 0; right: 0; z-index: 9; display: flex; gap: 16px; align-items: center; padding: 10px 18px; background: var(--carbon); color: var(--papel); font: 500 13px var(--sans); }
  .barra-prev b { font: 500 16px var(--sans); margin-right: auto; }
  .barra-prev a, .barra-prev label { color: var(--papel); cursor: pointer; }
  .rotulo { width: 594mm; margin: 0 auto 4mm; font: 500 13px var(--sans); color: var(--carbon); zoom: var(--z, .5); font-size: 26px; }
  .hoja { margin: 0 auto 14mm; box-shadow: 0 6mm 20mm rgba(0,0,0,.18); zoom: var(--z, .5); }
}
@media print { .barra-prev, .rotulo { display: none; } }
.paso svg { width: 26mm; height: auto; display: block; overflow: visible; }
@media screen {
  .captura { padding: 0; background: none; }
  .captura .barra-prev, .captura .rotulo { display: none; }
  .captura .hoja { margin: 0; box-shadow: none; }
}
.dehesa { display: grid; grid-template-columns: 1.15fr 1fr .55fr; gap: 3mm; align-items: end; margin-top: 3mm; }
.dehesa svg { width: 100%; height: auto; display: block; }
.dehesa b { display: block; font: 500 9pt var(--sans); margin-top: 1.4mm; }
.dehesa span { display: block; font: 400 6.2pt/1.3 var(--sans); color: var(--gris); }
.leer { display: grid; grid-template-columns: 22mm 1fr; row-gap: 2.4mm; margin-top: 3.4mm; align-items: center; font: 400 7pt/1.35 var(--sans); }
.leer dt:first-child { font: 600 6.2pt var(--sans); letter-spacing: .12em; color: var(--teja-t); }
.leer dt.mini { color: var(--gris); }
.leer dt.serif { font: 400 11pt var(--sans); }
.leer .dop { display: inline-block; padding: .5mm 1.8mm .4mm; border: .3mm solid var(--teja); border-radius: 4mm; color: var(--teja-t); }
.leer .medalla { display: block; width: 3.2mm; height: 3.2mm; border-radius: 50%; background: var(--ocre); box-shadow: inset 0 0 0 .5mm #E6C98A; }

.ficha .dop.sin { border-color: var(--grisc); color: var(--gris); }
.logo-a { margin-bottom: 4mm; }
h1 em { display: block; font-weight: 400; }
.derechos { font: 400 5.6pt/1.35 var(--sans); color: var(--gris); margin-top: 3mm; }

/* ---------- edición con protagonista ---------- */
.pieza-t { font: 500 36pt/1 var(--sans); letter-spacing: -.025em; margin-top: 2mm; }
.pieza-e { margin-top: 4mm; font-size: 10pt; line-height: 1.42; }
.pieza-c { columns: 2; column-gap: 8mm; margin-top: 5mm; }
.pieza-c p.cuerpo { font-size: 10pt; line-height: 1.42; margin-bottom: 3mm; break-inside: avoid; }
.pieza-c.receta { columns: auto; display: grid; grid-template-columns: 50mm 1fr; gap: 6mm; }
.pieza-c h4 { font: 600 6.2pt var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gris); margin-bottom: 1.6mm; }
.pieza-c ul, .pieza-c ol { font: 400 9.6pt/1.42 var(--sans); padding-left: 0; }
.pieza-c ol { padding-left: 4.4mm; }
.pieza-c ol li { margin-bottom: 1.2mm; }
.pieza-c ul { list-style: none; margin-bottom: 3mm; }
.ejemplar { display: flex; justify-content: space-between; gap: 2mm; margin-top: 5mm; padding-top: 1.6mm; border-top: .25mm solid var(--carbon); }
.fuente-p { font: 400 6.4pt/1.3 var(--sans); color: var(--gris); margin-top: 1.6mm; }
.campo .mes { padding: 1.6mm 0; border-top: .2mm solid var(--grisc); }
.campo .mini { margin-bottom: 2mm; }
.campo b { display: block; font: 500 10pt var(--sans); }
.campo span { display: block; font: 400 7.4pt/1.35 var(--sans); margin-top: .4mm; }
.mq .num { font: 600 6pt var(--sans); letter-spacing: .12em; color: var(--teja-t); }
.mq h3 { font: 500 12.5pt/1.06 var(--sans); letter-spacing: -.02em; margin: .6mm 0 1mm; }
.mq .mini { letter-spacing: .08em; }
.det-t { font: 400 7pt/1.4 var(--sans); }
.modulo { height: 83mm; border: .25mm solid var(--grisc); border-radius: 1.5mm; padding: 5mm; background: var(--papel3); display: flex; flex-direction: column; gap: 1.6mm; }
.modulo small { font: 600 5.6pt var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gris); }
.modulo b { font: 500 17pt/1.05 var(--sans); letter-spacing: -.02em; margin-top: 3mm; }
.modulo span { font: 400 8pt/1.4 var(--sans); }
.modulo i { font: 500 7.4pt var(--sans); font-style: normal; color: var(--teja-t); margin-top: auto; }
.dets { display: grid; gap: 3mm; margin-top: 3mm; }
.det { display: grid; grid-template-columns: 26mm 1fr; gap: 3mm; align-items: center; }
.det svg { width: 100%; height: auto; display: block; }
.det h4 { font: 500 9.5pt/1.1 var(--sans); }
.det p { font: 400 7pt/1.38 var(--sans); margin-top: .6mm; }