/* ═══ EL PLIEGO DE LAS TARJETAS (js/kora-pliego-tarjetas.js) ═══ 21 oct 2026
   La hoja de 30 × 45 cm con 12 tarjetas de 8.5 × 11 cm. Se imprime desde
   #printRoot (styles.css apaga todo lo demás al imprimir); en la pantalla del
   equipo se enseña el primer pliego, en chico. */
#plgFondo{
  position:fixed; inset:0; z-index:900; overflow-y:auto; background:var(--cream,#F6F1E8);
  display:flex; justify-content:center; padding:40px 16px;
}
.plg-cuerpo{ max-width:900px }
.imp-btn-2{ background:#FFFDF9; color:var(--clay,#6E6152); border:1px solid #E8DFD0 }
.imp-btn small{ display:block; font-size:12px; opacity:.75; margin-top:2px }
.imp-sub{ font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--sand,#A89A86); margin:1.6rem 0 .7rem }

.plg-hoja{ position:relative; width:300mm; height:450mm; background:#fff; overflow:hidden; box-sizing:border-box;
  break-after:page; page-break-after:always; -webkit-print-color-adjust:exact; print-color-adjust:exact }
.plg-hoja:last-child{ break-after:auto; page-break-after:auto }
.plg-rejilla{ position:absolute; display:grid; grid-template-columns:repeat(3, 85mm); grid-auto-rows:var(--plg-h,110mm) }
.plg-celda{ position:relative; width:var(--plg-w,85mm); height:var(--plg-h,110mm); overflow:hidden }
.plg-celda .tj-card{ width:var(--plg-w,85mm); height:var(--plg-h,110mm); box-shadow:none }
.plg-celda .tj-card::after{ display:none }   /* la textura de papel es sólo de la pantalla */
.plg-m{ position:absolute; display:block; background:#000 }
.plg-mv{ width:.2mm; margin-left:-.1mm }
.plg-mh{ height:.2mm; margin-top:-.1mm }
.plg-pie{ position:absolute; left:0; right:0; bottom:.8mm; text-align:center; font-family:'Jost',sans-serif; font-size:2.2mm; letter-spacing:.12em; color:#999 }

/* En la pantalla: los dos pliegos lado a lado, en chico. */
.plg-vista{ display:flex; gap:18px; flex-wrap:wrap; align-items:flex-start; padding-bottom:40px }
.plg-vista .plg-hoja{ zoom:.5; box-shadow:0 18px 40px -20px rgba(44,37,32,.5) }
@media (max-width:640px){ .plg-vista .plg-hoja{ zoom:.28 } }

@media print{
  #plgFondo{ display:none !important }
  #printRoot.plg{ display:block !important }
}

/* ═══ LAS HOJAS DE LA LOTERÍA (js/kora-pliego-loteria.js) ═══ 22 oct 2026
   Tablas: la hoja de 30 × 45 cortada en 4 (15 × 22.5), cada tabla de 14 × 21
   con su orilla de papel. Cartas: 4 × 4 de 7 × 9, pegadas, con 2 mm de rebase
   alrededor del bloque. Se dibujan a su tamaño de pantalla y crecen con `zoom`. */
.pll-tabla{ position:absolute; width:146mm; height:219mm; display:flex; align-items:center; justify-content:center; background:#7D8669 }   /* 26 oct · orilla verde a sangre (27 oct: el olivo, un poco desaturado) */
.pll-rebase{ position:absolute; display:block }
.pll-tabla-in{ position:absolute; width:400px; transform-origin:0 0 }
.pll-tabla-in .tabla{ width:100%; box-shadow:none; border-radius:0; background:transparent }   /* 26 oct · la orilla verde llega hasta el filete */
.pll-guia{ position:absolute; display:none; background:repeating-linear-gradient(90deg, #C9C2B6 0 3mm, transparent 3mm 6mm) }
.pll-gv{ left:150mm; top:0; bottom:0; width:.3mm; background:repeating-linear-gradient(180deg, #C9C2B6 0 3mm, transparent 3mm 6mm) }
.pll-gh{ top:225mm; left:0; right:0; height:.3mm }
.plg-vista .pll-guia{ display:block; background:repeating-linear-gradient(90deg, rgba(255,255,255,.8) 0 3mm, transparent 3mm 6mm) }
.plg-vista .pll-gv{ background:repeating-linear-gradient(180deg, rgba(255,255,255,.8) 0 3mm, transparent 3mm 6mm) }   /* los cortes, sólo en la pantalla: en la hoja no van marcas */
.pll-cartas{ position:absolute; display:grid; grid-template-columns:repeat(4, 70mm); grid-auto-rows:90mm; outline-style:solid; outline-color:#FBF8F1; background:#FBF8F1 }
.pll-carta{ position:relative; width:70mm; height:90mm; overflow:hidden; display:flex; align-items:center; justify-content:center }   /* 27 oct · la carta al centro de su marco verde */
.pll-carta-in{ position:absolute; width:150px; height:192.857px; transform-origin:0 0 }
.pll-carta-in .carta{ width:100%; height:100%; box-sizing:border-box; border-radius:0; box-shadow:none; display:flex }
.pll-carta-in .carta-in{ flex:1; aspect-ratio:auto; min-height:0 }
.pll-vista{ background:transparent; font-size:16px }
/* 22 oct · Vivi: «quitarle el fondo hueso en el archivo para imprimir para que las
   orillas y el fondo salgan iguales»: en las hojas, los cremas de la lotería son
   blancos (el papel). Los cuadros y las estrellitas se vuelven a declarar porque
   guardan el crema con que los calculó .klot. */
.pll-tabla-in, .pll-carta-in, .pll-cartas{
  --cr:#fff; --cr-2:#fff; --papel:#fff;
  --cuadros:conic-gradient(var(--ol) 25%, #fff 0 50%, var(--ol) 0 75%, #fff 0);
  --estrella-roja:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23FFFFFF'/%3E%3Cpath d='M10 3l1.6 4.4L16 6l-2.2 4L16 14l-4.4-1.4L10 17l-1.6-4.4L4 14l2.2-4L4 6l4.4 1.4z' fill='%23A3302E'/%3E%3C/svg%3E") }
.pll-cartas{ background:#7D8669; outline-color:#7D8669 }

/* 26 oct 2026 · El pliego de 75 × 53 (lotería y baraja): la medida va en la
   hoja misma; en pantalla se ve más chico para que quepa. */
.plg-vista .plg-grande{ zoom:.22 }
@media (max-width:640px){ .plg-vista .plg-grande{ zoom:.12 } }
.plg-pliegos{ display:flex; align-items:center; gap:8px; margin:0 0 1rem; font-size:13px; color:var(--taupe,#7A6E62) }
.plg-pliegos > span{ letter-spacing:.08em; text-transform:uppercase; font-size:11.5px; margin-right:4px }
.plg-pliego{ font:inherit; font-size:14px; padding:8px 14px; border:1px solid #D9CFBF; background:#FFFDF9; color:var(--ink,#3E3830); cursor:pointer }
.plg-pliego.on{ background:var(--clay,#6E6152); border-color:var(--clay,#6E6152); color:#fff }

/* 27 oct · Las cartas de la lotería en la hoja: sin el filete de adentro y con
   las esquinas redondas (3 mm), sobre el marco verde parejo. */
.pll-carta-in .carta{ border-radius:7px; overflow:hidden; background:#fff; box-shadow:inset 0 0 0 3px #505841 }   /* 27 oct · el filete oscuro (luego «un poquito más grueso») que delimita con el blanco, como en la tabla */
.pll-carta-in .carta-in{ border:0 !important; border-radius:0 }
/* 27 oct · Vivi: «hacer el color del marco de la lotería más oscuro, ahorita se
   pierde mucho con el fondo verde olivo». En la hoja, el filete de la tabla
   (y la línea de adentro) van más oscuros que la orilla. */
.pll-tabla-in .t-marco{ border-color:#505841 }
.pll-tabla-in .t-papel{ box-shadow:0 0 0 1.4px #505841 }

/* 27 oct · la vista de las hojas, a escala con transform (ver escalar() en
   js/kora-pliego-loteria.js): la hoja a su tamaño, dentro de su caja reducida. */
.plg-vista-t > .plg-escala{ position:relative; flex:none; overflow:hidden; box-shadow:0 18px 40px -20px rgba(44,37,32,.5) }
.plg-vista-t .plg-escala > .plg-hoja{ zoom:1 !important; position:absolute; left:0; top:0; transform-origin:0 0; box-shadow:none }
.plg-vista-t > .plg-hoja{ zoom:1 !important; flex:none }

/* 29 oct · LA HOJA CARTA PARA IMPRIMIR EN CASA (js/kora-pliego-tarjetas.js, `carta` y `carta9`).
   Vivi: «una muy tenue línea punteada que divida todas las tarjetas individuales, pues en
   casa lo normal es cortar con cúter o tijeras». Tarjeta contra tarjeta: cada una lleva su
   punteada a la derecha y abajo, y la rejilla la de arriba y la izquierda. Sin marcas
   afuera ni pie (no hay dónde: la hoja va a 4 mm de la orilla). */
.plg-punteada .plg-pie{ display:none }
.plg-corte{ position:absolute; z-index:7; display:block; overflow:visible; pointer-events:none }
.plg-corte b{ position:absolute; display:block; background:#9C948A; -webkit-print-color-adjust:exact; print-color-adjust:exact }
.plg-cv b{ left:0; width:100%; height:1mm }
.plg-ch b{ top:0; height:100%; width:1mm }
/* 29 oct · sin el fondo hueso, para imprimir sobre papel de color o texturizado: la tarjeta sin
   su color de papel. Los diseños de color a sangre (el marco) conservan su color. */
/* 29 oct · Vivi: «cambiar a fondo blanco en lugar de hueso y así ya es como si no tuviera fondo».
   El blanco no lleva tinta: en papel imprime igual que transparente, y el iPhone no tiene que
   componer capas transparentes para la vista previa. */
.plg-sinfondo .tj-card, .plg-sinfondo .tj-in, .plg-sinfondo .tj-mono, .plg-sinfondo .tj-manomono, .plg-sinfondo .tj-doble,
.plg-sinfondo .tj-onda, .plg-sinfondo .tj-destellos, .plg-sinfondo .tj-sa-in, .plg-sinfondo .tj-esf-bola{ background-color:#fff !important }
.plg-sinfondo .tj-foto{ background-color:#fff !important }
/* sin fondo, el blanco de la pintura es el papel: la mezcla «multiply» sólo le pesaba al iPhone */
.plg-sinfondo .tj-card img{ mix-blend-mode:normal !important }
/* «El recorte circular del hole punch arriba a la izquierda para ponerle el listón: nos
   serviría no tener el texto tan junto ahí». Lo de arriba se recorre a la derecha (una
   perforadora de 6 mm, a unos 7 mm de la esquina, ocupa ~20 % del ancho de la chica). */
.plg-ojal .tj-mano-t{ padding-left:18cqmin; font-size:11.5cqmin; box-sizing:border-box; max-width:100% }
.plg-ojal .tj-antigua .tj-arriba{ padding-left:22cqmin; padding-right:6cqmin }