/* Revista navideña Anchetas Medellín · v4: festiva, letra grande y fotos siempre completas.
   Cada página mide un A4 (210 x 297 mm). Mínimos de letra (medidos en el A4 impreso): contenido 14 pt,
   nombres 25 pt, precios 26 pt, etiquetas 12 pt, pie 11 pt; nada por debajo de 10,5 pt. La interfaz web está en revista.css. */
@page { size: A4; margin: 0; }
:root {
  --marfil: #FFFDF9; --crema: #FBF3E6; --crema-2: #F6EAD6;
  --rojo: #C8102E; --rojo-vivo: #E3243A; --rojo-hondo: #A50E25;
  --pino: #1B4332; --pino-vivo: #1E6B3A; --tinta: #1D2622; --texto: #24302B; --gris: #5E5A53;
  --oro: #D4AF6A; --oro-claro: #F3D79C; --oro-hondo: #A9823F; --oro-tenue: rgba(212,175,106,.6);
  --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans: 'Jost', 'Segoe UI', Arial, sans-serif;
  --script: 'Great Vibes', 'Segoe Script', cursive;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: var(--marfil); }
body { font-family: var(--sans); color: var(--texto); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.pagina { width: 210mm; height: 297mm; position: relative; overflow: hidden; background: var(--marfil); break-after: page; contain: paint; }
.pagina:last-child { break-after: auto; }
.roja { background-color: var(--rojo); background-image: radial-gradient(ellipse 120% 90% at 50% 38%, var(--rojo-vivo) 0%, var(--rojo) 48%, var(--rojo-hondo) 100%); color: var(--marfil); }
.deco { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; }
.kicker { font-size: 12pt; font-weight: 600; letter-spacing: .3em; text-transform: uppercase; color: var(--rojo); }
.script { font-family: var(--script); font-weight: 400; letter-spacing: 0; text-transform: none; }
.t-cursiva { font-family: var(--serif); font-style: italic; font-weight: 600; }

/* Ornamento: línea dorada con estrella */
.filete-orn { display: flex; align-items: center; gap: 2.4mm; margin: 0 auto; }
.filete-orn span { flex: 1; border-top: .3mm solid var(--oro); }
.filete-orn i { width: 3mm; height: 3mm; flex: none; background: var(--oro);
  clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%); }

/* Pie y cabecera (11 pt) */
.pie { position: absolute; left: 16mm; right: 16mm; bottom: 8mm; z-index: 5; display: flex; justify-content: space-between; align-items: baseline; gap: 3mm;
  border-top: .3mm solid var(--oro); padding-top: 2.6mm; font-size: 11pt; font-weight: 500; letter-spacing: .04em; color: var(--pino); }
.pie b { color: var(--oro-hondo); font-weight: 400; padding: 0 .4em; }
.pie-der { display: flex; align-items: baseline; white-space: nowrap; }
.num { font-family: var(--sans); font-size: 12pt; font-weight: 700; color: var(--rojo); }
.volver { font-size: 11pt; font-weight: 600; color: var(--rojo); text-decoration: underline; text-decoration-color: var(--oro); text-underline-offset: .8mm; }
.pie.claro { color: var(--marfil); border-top-color: var(--oro-claro); }
.pie.claro .volver, .pie.claro .num { color: var(--marfil); }
.pie.claro b { color: var(--oro-claro); }
.cab { position: absolute; left: 16mm; right: 16mm; top: 9mm; z-index: 3; display: flex; justify-content: space-between; align-items: baseline;
  padding-bottom: 2mm; border-bottom: .3mm solid var(--oro-tenue); font-size: 11pt; font-weight: 500; letter-spacing: .06em; color: var(--gris); }
.cab .cab-rango { color: var(--rojo); font-weight: 700; }
.cab.claro { color: var(--marfil); border-bottom-color: rgba(243,215,156,.6); }
.cab.claro .cab-rango { color: var(--marfil); }

/* Sello con el logo (fondo marfil, aro dorado: el logo nunca va directo sobre rojo) */
.sello-logo { position: absolute; left: 50%; transform: translateX(-50%); border-radius: 50%; background: var(--marfil); display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 0 .6mm var(--oro), 0 0 0 1.6mm var(--marfil), 0 0 0 1.9mm var(--oro-claro), 0 3mm 9mm rgba(70,0,12,.35); }
.sello-logo img { width: 88%; height: 88%; object-fit: contain; display: block; }

/* Botones de sección (reemplazan al índice) */
.secciones-botones { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; }
.boton-seccion { display: flex; align-items: center; gap: 2.6mm; border-radius: 999px; padding: 2.2mm 4mm 2.2mm 2.2mm; font-size: 13pt; font-weight: 600; line-height: 1.15; }
.boton-seccion .sb-num { flex: none; width: 9mm; height: 9mm; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 13pt; font-weight: 700; }
.secciones-botones.en-portada { position: absolute; left: 26mm; right: 26mm; bottom: 38mm; }
.en-portada .boton-seccion { border: .4mm solid var(--oro-claro); color: var(--marfil); background: rgba(255,253,249,.1); }
.en-portada .sb-num { background: var(--marfil); color: var(--rojo); }
.en-intro .boton-seccion { border: .4mm solid var(--oro); color: var(--pino); background: var(--crema); }
.en-intro .sb-num { background: var(--rojo); color: var(--marfil); }

/* ---------- Portada ---------- */
.portada .marco { position: absolute; inset: 9mm; border: .35mm solid var(--oro-claro); }
.portada .marco::after { content: ''; position: absolute; inset: 1.8mm; border: .15mm solid rgba(243,215,156,.6); }
.sello-logo.en-portada { top: 30mm; width: 54mm; height: 54mm; }
.portada .centro { position: absolute; left: 0; right: 0; top: 104mm; text-align: center; }
.portada h1 { font-family: var(--serif); font-weight: 500; line-height: 1; text-transform: uppercase; text-shadow: 0 .6mm 2.4mm rgba(90,0,14,.35); }
.portada .h1-a { display: block; font-size: 22pt; letter-spacing: .6em; padding-left: .6em; margin-bottom: 4mm; color: var(--oro-claro); font-weight: 600; }
.portada .h1-b { display: block; font-size: 56pt; letter-spacing: .08em; padding-left: .08em; color: var(--marfil); font-weight: 600; }
.portada .filete-orn { margin-top: 7mm; margin-bottom: 3mm; }
.portada .filete-orn span { border-color: var(--oro-claro); }
.portada .filete-orn i { background: var(--oro-claro); }
.portada .script { font-size: 46pt; color: var(--oro-claro); line-height: 1.2; text-shadow: 0 .5mm 2mm rgba(90,0,14,.35); }
.portada .marca { position: absolute; left: 0; right: 0; bottom: 22mm; text-align: center; font-size: 12pt; font-weight: 600; letter-spacing: .4em; padding-left: .4em; text-transform: uppercase; color: var(--marfil); }

/* ---------- Presentación ---------- */
.intro .banda-roja { position: absolute; left: 0; top: 0; bottom: 0; width: 40mm; background: var(--rojo);
  background-image: linear-gradient(180deg, var(--rojo-vivo), var(--rojo) 45%, var(--rojo-hondo)); }
.intro .banda-roja::after { content: ''; position: absolute; top: 0; bottom: 0; right: 2mm; border-right: .3mm solid var(--oro-claro); }
.intro .intro-cuerpo { position: absolute; left: 50mm; right: 14mm; top: 18mm; }
.intro h2 { margin: 3mm 0 4mm; line-height: 1.02; }
.intro h2 .t-serif { display: block; font-family: var(--serif); font-weight: 600; font-size: 36pt; color: var(--pino); }
.intro h2 .t-cursiva { display: block; font-size: 28pt; color: var(--rojo); margin-top: 1mm; }
.intro .filete-orn { margin: 0 0 4mm 0; }
.intro .lead { font-family: var(--serif); font-size: 17pt; font-weight: 500; line-height: 1.32; color: var(--tinta); margin-bottom: 6mm; }
.beneficios.en-rejilla { display: grid; grid-template-columns: 1fr 1fr; gap: 4.5mm 6mm; margin-bottom: 6mm; }
.beneficio { display: flex; align-items: flex-start; gap: 3mm; }
.ico-circulo { flex: none; width: 11mm; height: 11mm; border-radius: 50%; border: .4mm solid var(--oro); display: inline-flex; align-items: center; justify-content: center; color: var(--rojo); background: var(--marfil); }
.ico-circulo .ico { width: 6.4mm; height: 6.4mm; }
.beneficio .b-t { font-size: 12pt; font-weight: 700; letter-spacing: .04em; color: var(--pino); margin: .4mm 0 .8mm; }
.beneficio .b-v { font-size: 12.5pt; line-height: 1.3; font-weight: 400; color: var(--texto); }
.intro-secciones .k { font-size: 12pt; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--rojo); margin-bottom: 2.4mm; }
.banda-cta { position: absolute; left: 0; right: 0; bottom: 0; height: 22mm; z-index: 4; display: flex; align-items: center; justify-content: space-between; padding: 0 14mm 0 50mm;
  background: var(--rojo); background-image: linear-gradient(90deg, var(--rojo-hondo), var(--rojo) 40%, var(--rojo-vivo)); border-top: .5mm solid var(--oro); color: var(--marfil); }
.banda-cta .volver, .banda-cta .num { color: var(--marfil); }
.banda-cta b { color: var(--oro-claro); padding: 0 .4em; }
.cta-whatsapp { display: inline-flex; align-items: center; gap: 3mm; font-size: 14pt; font-weight: 500; }
.cta-whatsapp strong { font-weight: 700; }
.ico-circulo.claro { background: transparent; border-color: var(--oro-claro); color: var(--marfil); width: 10mm; height: 10mm; }
.ico-circulo.claro .ico { width: 5.6mm; height: 5.6mm; }

/* ---------- Apertura de sección: copias impresas completas colgadas de hilos dorados ---------- */
.divisor .colgantes { position: absolute; left: 0; right: 0; top: 0; height: 130mm; }
.divisor .colgante { position: absolute; top: 0; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; }
.divisor .colgante::before { content: ''; width: .35mm; height: var(--hilo); background: var(--oro-claro); }
.divisor .colgante-enlace { display: flex; flex-direction: column; align-items: center; transform: rotate(var(--giro)); transform-origin: top center; }
.divisor .pinza { width: 4mm; height: 6mm; border-radius: .8mm; background: linear-gradient(90deg, var(--oro-hondo), var(--oro-claro), var(--oro-hondo)); margin-bottom: -2.4mm; position: relative; z-index: 2; }
.divisor .impresa { position: static; display: block; height: var(--alto); width: calc(var(--alto) * var(--arn)); padding: 1.6mm; background: var(--marfil); box-shadow: 0 3mm 8mm rgba(70,0,12,.45); outline: none; }
.divisor .impresa img { width: 100%; height: 100%; object-fit: contain; display: block; }
.divisor .div-centro { position: absolute; left: 0; right: 0; top: 160mm; text-align: center; }
.divisor .div-centro .script { font-size: 36pt; color: var(--oro-claro); line-height: 1; }
.divisor .romano { font-family: var(--serif); font-size: .7em; font-weight: 600; letter-spacing: .1em; vertical-align: .1em; }
.divisor h2 { font-family: var(--serif); font-weight: 600; font-size: 44pt; line-height: 1.1; text-transform: uppercase; letter-spacing: .05em; color: var(--marfil); margin: 3mm 0 6mm; text-shadow: 0 .6mm 2mm rgba(90,0,14,.35); }
.divisor .filete-orn span { border-color: var(--oro-claro); }
.divisor .filete-orn i { background: var(--oro-claro); }
.divisor .cuenta { margin-top: 6mm; font-size: 14pt; font-weight: 600; letter-spacing: .06em; color: var(--marfil); }
.divisor .cuenta b { color: var(--oro-claro); font-weight: 400; padding: 0 .5em; }

/* ---------- Fichas: comunes ---------- */
.nombre { font-family: var(--serif); font-weight: 700; color: var(--tinta); line-height: 1.05; font-size: 25pt; margin-bottom: 3mm; }
.precio-y-ampliar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 3mm; margin-bottom: 4mm; }
.precio-fila { display: flex; align-items: center; flex-wrap: wrap; gap: 3mm; }
.etiqueta-precio { position: relative; display: inline-flex; align-items: center; font-family: var(--sans); font-weight: 700; font-size: 26pt; line-height: 1; color: var(--marfil);
  background: var(--rojo); padding: 2mm 5mm 2mm 9mm; clip-path: polygon(5mm 0, 100% 0, 100% 100%, 5mm 100%, 0 50%); }
.etiqueta-precio .ojal { position: absolute; left: 3mm; top: 50%; width: 2.2mm; height: 2.2mm; margin-top: -1.1mm; border-radius: 50%; background: var(--marfil); }
.precio.consultar { font-family: var(--serif); font-style: italic; font-weight: 700; font-size: 24pt; color: var(--rojo); }
.antes { font-size: 15pt; font-weight: 500; color: var(--gris); text-decoration: line-through; text-decoration-thickness: .3mm; }
.ampliar { display: inline-flex; align-items: center; gap: 1.6mm; border: .4mm solid var(--pino); color: var(--pino); border-radius: 999px; padding: 1.4mm 3.6mm 1.4mm 2.6mm; font-size: 12pt; font-weight: 600; }
.ampliar .ico { width: 5.4mm; height: 5.4mm; }
.ampliar:hover { background: var(--pino); color: var(--marfil); }
.cuerpo { font-size: 14pt; line-height: 1.36; font-weight: 400; color: var(--texto); }
.etq-seccion { display: flex; align-items: center; gap: 3mm; margin-bottom: 2.4mm; }
.etq-seccion span { font-size: 12pt; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--pino); }
.etq-seccion::after { content: ''; flex: 1; border-top: .3mm solid var(--oro); max-width: 30mm; }
.cuerpo ul { list-style: none; }
.cuerpo li { position: relative; padding-left: 1.15em; margin-bottom: .22em; }
.cuerpo li::before { content: ''; position: absolute; left: 0; top: .32em; width: .7em; height: .7em; background: var(--oro-hondo);
  clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); }
.cuerpo li .etq { font-weight: 600; color: var(--pino); }
.grupo { margin-bottom: .4em; break-inside: avoid-column; }
.grupo:only-child { break-inside: auto; }
.grupo-titulo { font-family: var(--serif); font-style: italic; font-weight: 700; font-size: 15pt; color: var(--rojo); margin-bottom: .1em; }
.contenido.cols-2 { column-count: 2; column-gap: 8mm; }
.parrafo { font-family: var(--serif); font-size: 16pt; line-height: 1.38; font-weight: 500; color: var(--tinta); }
.nota { margin-top: .6em; font-size: 13pt; font-weight: 500; color: var(--pino); padding-left: 3mm; border-left: .6mm solid var(--rojo); }

/* Foto completa como copia impresa: la caja tiene la proporción real de la foto, nada se recorta */
.foto { --alto: 112mm; --ancho: 80mm; position: relative; display: flex; align-items: center; justify-content: center; height: var(--alto); }
.marco-wrap { position: relative; width: min(var(--ancho), calc(var(--alto) * var(--arn))); aspect-ratio: var(--arn); }
.impresa-boton { position: absolute; inset: 0; display: block; cursor: zoom-in; }
.impresa { position: absolute; inset: 0; display: block; background: var(--marfil); padding: 1.6mm; border-radius: 1mm; outline: .3mm solid var(--oro); outline-offset: -.9mm;
  box-shadow: 0 .6mm 1.2mm rgba(40,20,10,.14), 0 4mm 9mm rgba(40,20,10,.16), 0 14mm 24mm -8mm rgba(40,20,10,.26); }
.impresa img { width: 100%; height: 100%; object-fit: contain; display: block; }
.sello-oferta { position: absolute; top: -6mm; right: -6mm; z-index: 4; width: 24mm; height: 24mm; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 35% 30%, #FF5A66, var(--rojo) 55%, var(--rojo-hondo)); background-color: var(--rojo); color: var(--marfil); transform: rotate(-12deg);
  box-shadow: 0 1.2mm 3mm rgba(80,0,14,.35); pointer-events: none; }
.sello-oferta::before { content: ''; position: absolute; inset: 1.6mm; border-radius: 50%; border: .3mm dashed rgba(255,253,249,.85); }
.sello-oferta b { font-size: 12pt; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

/* ---------- Página con dos anchetas (solo si ambas caben a este tamaño de letra) ---------- */
.par .item { position: absolute; left: 16mm; right: 16mm; height: 117mm; display: grid; column-gap: 9mm; align-items: center; z-index: 2; }
.par .item-1 { top: 22mm; }
.par .item-2 { top: 145mm; }
.par .texto { min-width: 0; }
.par .foto { --alto: 110mm; --ancho: 66mm; }
.var-a .item-1, .var-b .item-2 { grid-template-columns: 68mm 1fr; }
.var-a .item-2, .var-b .item-1 { grid-template-columns: 1fr 68mm; }
.var-a .item-2 .foto, .var-b .item-1 .foto { order: 2; }
.par .separador { position: absolute; left: 0; right: 0; top: 140mm; }

/* ---------- Página de una ancheta (foto grande arriba, texto abajo) ---------- */
.una { padding: 22mm 16mm 0; display: flex; flex-direction: column; }
.una > .foto { --alto: var(--alto-foto, 120mm); --ancho: 170mm; flex: none; z-index: 2; margin-top: 2mm; }
.una .una-texto { margin-top: 8mm; position: relative; z-index: 2; }

/* Premium: mitad superior roja, sello dorado */
.premium .mitad-roja { position: absolute; left: 0; right: 0; top: 0; height: 52%; background: var(--rojo);
  background-image: radial-gradient(ellipse 110% 100% at 50% 20%, var(--rojo-vivo), var(--rojo) 50%, var(--rojo-hondo)); border-bottom: .5mm solid var(--oro); }
.premium .impresa { padding: 2.2mm; outline-color: var(--oro-claro); }
.sello-premium { position: absolute; left: 18mm; top: 28mm; z-index: 4; width: 32mm; height: 32mm; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .6mm;
  background: radial-gradient(circle at 35% 30%, #FFF1C9, var(--oro) 55%, var(--oro-hondo)); background-color: var(--oro); color: var(--pino); transform: rotate(-10deg); box-shadow: 0 2mm 5mm rgba(60,10,10,.35); }
.sello-premium::before { content: ''; position: absolute; inset: 1.8mm; border-radius: 50%; border: .3mm dashed rgba(27,67,50,.6); }
.sello-premium .caps-a { font-family: var(--serif); font-size: 15pt; font-weight: 700; font-style: italic; color: var(--rojo-hondo); line-height: 1; }
.sello-premium .caps { font-size: 11pt; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }

/* Ancheta con contenido muy largo: página de foto + página de contenido */
.foto-grande { padding: 22mm 16mm 0; display: flex; flex-direction: column; }
.foto-grande > .foto { --alto: 176mm; --ancho: 178mm; flex: none; z-index: 2; margin-top: 2mm; }
.foto-grande .foto-texto { margin-top: 9mm; position: relative; z-index: 2; }
.sigue { font-size: 13pt; font-weight: 500; color: var(--gris); font-style: italic; }
.detalle { padding: 24mm 16mm 0; }
.detalle .detalle-texto { position: relative; z-index: 2; }

/* ---------- Páginas de pedido ---------- */
.cierre .tarjeta { position: absolute; left: 13mm; right: 13mm; top: 14mm; bottom: 24mm; background: #FFFAF2; border-radius: 5mm; padding: 8mm 9mm 0;
  border: .3mm solid var(--oro); outline: .3mm solid var(--oro-claro); outline-offset: 1.6mm; color: var(--texto); box-shadow: 0 4mm 14mm rgba(70,0,12,.35); }
.sello-logo.en-cierre { position: relative; left: auto; transform: none; margin: 0 auto 3mm; width: 34mm; height: 34mm; }
.cierre .cierre-cab { text-align: center; line-height: 1; margin-bottom: 5mm; }
.cierre .cierre-cab .t-cursiva { font-size: 24pt; color: var(--rojo); }
.cierre h2 { font-family: var(--serif); font-weight: 700; font-size: 30pt; letter-spacing: .1em; text-transform: uppercase; color: var(--pino); margin: 1mm 0 3mm; }
.beneficios.en-pildoras { display: flex; flex-direction: column; gap: 2.6mm; margin-bottom: 4mm; }
.en-pildoras .beneficio { align-items: center; background: var(--crema); border: .3mm solid rgba(212,175,106,.7); border-radius: 999px; padding: 2mm 5mm 2mm 2mm; }
.en-pildoras .ico-circulo { width: 11mm; height: 11mm; background: var(--rojo); border: none; color: var(--marfil); }
.en-pildoras .b-t { margin-top: 0; }
.cierre .caja { border-top: .3mm solid var(--oro); padding: 3mm 0 3.4mm; }
.cierre .caja .k { font-size: 12pt; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--rojo); margin-bottom: 1.4mm; }
.cierre .caja .v { font-size: 13pt; line-height: 1.4; font-weight: 400; }
.cierre2 .rejilla { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 8mm; }
.cierre table { width: 100%; border-collapse: collapse; font-size: 13pt; font-weight: 400; }
.cierre td { padding: 1.7mm 0; border-bottom: .3mm dotted var(--oro-hondo); }
.cierre td:last-child { text-align: right; color: var(--pino); font-weight: 700; }
.cierre .redes .v > div { display: flex; flex-direction: column; font-size: 12pt; line-height: 1.3; margin-bottom: 2mm; }
.cierre .redes span:first-child { color: var(--pino); font-weight: 700; }
.cierre .redes span:last-child { overflow-wrap: anywhere; }
.cierre .cta-whatsapp { position: absolute; left: 9mm; right: 9mm; bottom: 7mm; justify-content: center; padding: 3mm 4mm; border-radius: 999px; color: var(--marfil);
  background: var(--rojo); background-image: linear-gradient(90deg, var(--rojo-hondo), var(--rojo) 45%, var(--rojo-vivo)); box-shadow: 0 1.5mm 4mm rgba(80,0,14,.3); }

/* En el PDF no hay botones de ampliar */
body.pdf .ampliar { display: none; }

.grupo-titulo { break-after: avoid; }

/* ---------- v5 resumen: dos anchetas por página ---------- */
.resumen li[hidden], .resumen-parrafo span[hidden] { display: none; }
.mas { font-size: 13pt; font-weight: 600; color: var(--pino); margin: .2em 0 .4em 1.15em; }
.ver-completo { display: inline-flex; align-items: center; gap: 1.6mm; margin-top: 1.6mm; padding: 1.6mm 4mm 1.6mm 3mm; border-radius: 999px;
  background: var(--pino); color: var(--marfil); font-size: 12pt; font-weight: 600; }
.ver-completo .ico { width: 5.4mm; height: 5.4mm; }
body.pdf .ver-completo { background: none; color: var(--rojo); padding: 0; text-decoration: underline; text-decoration-color: var(--oro); text-underline-offset: .8mm; }
.resumen-parrafo { font-size: 15pt; }

/* ---------- Anexo del PDF: contenido completo ---------- */
.anexo { padding: 22mm 16mm 0; }
.anexo-cab { margin: -8mm 0 5mm; }
.anexo-cab h2 { font-family: var(--serif); font-weight: 700; font-size: 28pt; color: var(--pino); line-height: 1.05; margin-top: 2mm; }
.anexo-cols { column-count: 2; column-gap: 9mm; column-fill: auto; height: 243mm; }
.anexo-cols.con-titulo { height: 222mm; }
.entrada { margin-bottom: 6mm; padding-bottom: 4mm; border-bottom: .3mm solid var(--oro-tenue); }
.entrada h3 { font-family: var(--serif); font-weight: 700; font-size: 18pt; line-height: 1.08; color: var(--tinta); break-after: avoid; }
.entrada-precio { font-size: 15pt; font-weight: 700; color: var(--rojo); margin: 1mm 0 2mm; break-after: avoid; }
.entrada-precio s { color: var(--gris); font-weight: 500; font-size: 13pt; }
.volver-ancheta { display: inline-block; margin-top: 1.6mm; font-size: 12pt; font-weight: 600; color: var(--rojo); text-decoration: underline; text-decoration-color: var(--oro); }
.anexo .grupo { break-inside: auto; }