/* Fichas imprimibles: se ven como una hoja en pantalla y se imprimen en tamaño carta/A4. */
:root { --azul: #14305f; --suave: #eaf2ff; }
* { box-sizing: border-box; }
body { margin: 0; background: #e9eef5; color: #1c1c1c; font: 16px/1.4 "Segoe UI", Arial, sans-serif; }
.ficha-barra { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; padding: .6rem 1rem; background: var(--azul); color: #fff; }
.ficha-barra a, .ficha-barra button { min-height: 40px; display: inline-flex; align-items: center; padding: 0 .9rem; border-radius: 999px; border: 2px solid #fff; background: transparent; color: #fff; font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; }
.ficha-barra [aria-current="page"] { background: #fff; color: var(--azul); }
.hoja { max-width: 21cm; margin: 1rem auto; padding: 1.4cm; background: #fff; box-shadow: 0 2px 14px rgba(0,0,0,.18); }
.hoja-marca { margin: 0; font-size: .8rem; letter-spacing: .04em; text-transform: uppercase; color: #4a5a6d; }
.hoja h1 { margin: .2rem 0 .5rem; font-size: 1.5rem; color: var(--azul); }
.hoja-datos { margin: .4rem 0 1rem; display: flex; gap: .6rem; align-items: baseline; }
.linea { display: inline-block; flex: 1; border-bottom: 1.5px solid #333; min-width: 4cm; height: 1em; }
.linea.corta { flex: 0 0 3.2cm; min-width: 0; } .linea.larga { display: block; width: 100%; height: 1.5em; }
.hoja-clave { margin: .3rem 0 1rem; padding: .3rem .6rem; background: #fff3c4; border: 2px solid #c79a00; font-weight: 700; }
.hoja-instruccion { margin: .5rem 0 .8rem; }
.hoja-sub { font-size: 1.05rem; color: var(--azul); margin: 1rem 0 .3rem; }
.hoja-pie { margin-top: 1.2rem; padding-top: .4rem; border-top: 1px solid #ccc; font-size: .75rem; color: #666; }
.hoja-palabras { list-style: none; padding: 0; columns: 3; gap: 1rem; margin: .4rem 0; }
.hoja-palabras li { break-inside: avoid; padding: .15rem 0; }
.caja { font-size: 1.15em; }
.sopa { --n: 12; display: grid; grid-template-columns: repeat(var(--n), 1fr); gap: 0; width: min(100%, 16cm); margin: .6rem auto; border: 2px solid var(--azul); }
.sopa-celda { aspect-ratio: 1; display: grid; place-items: center; border: 1px solid #c7d3e3; font: 700 clamp(.8rem, calc(26rem / var(--n) / 2.2), 1.3rem) "Segoe UI", Arial, sans-serif; text-transform: uppercase; }
.ficha-clave .sopa-celda.marcada { background: #ffe58a; border-color: #c79a00; }
.cruci { --cols: 10; display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1.05cm)); gap: 0; margin: .6rem auto; width: max-content; max-width: 100%; }
.cruci-celda { position: relative; width: 1.05cm; height: 1.05cm; border: 1.5px solid #222; display: grid; place-items: center; font: 700 1.1rem "Segoe UI", Arial, sans-serif; background: #fff; }
.cruci-celda i { position: absolute; top: 1px; left: 3px; font: 600 .6rem Arial, sans-serif; }
.cruci-negra { width: 1.05cm; height: 1.05cm; }
.cruci-pistas { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: .6rem; }
.cruci-pistas ol { margin: 0; padding-left: 1.4rem; display: grid; gap: .35rem; } .cruci-pistas small { color: #555; }
.memoria { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1.5px dashed #777; border-left: 1.5px dashed #777; }
.memoria-carta { aspect-ratio: 1 / 1; display: grid; place-items: center; text-align: center; padding: .3cm; border-right: 1.5px dashed #777; border-bottom: 1.5px dashed #777; font: 700 1.05rem "Segoe UI", Arial, sans-serif; color: var(--azul); overflow-wrap: anywhere; }
.memoria-carta span { font-size: inherit; }
.hoja-lista { padding-left: 1.5rem; display: grid; gap: .7rem; }
.hoja-lista.vf li { padding-bottom: .3rem; border-bottom: 1px dotted #aaa; } .vf-texto { display: block; } .vf-marca { display: block; text-align: right; font-weight: 600; margin-top: .2rem; }
.vf-explica { display: block; font-size: .85rem; color: #444; margin-top: .15rem; }
.trivia-p { margin: 0 0 .3rem; font-weight: 600; } .trivia-ops { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: .15rem .8rem; }
.trivia-ops .correcta { font-weight: 700; background: #fff3c4; }
.mapa-ficha { display: grid; grid-template-columns: 1.15fr 1fr; gap: 1rem; align-items: start; }
.mapa-ficha svg { width: 100%; height: auto; max-height: 17cm; border: 1px solid #c7d3e3; }
.mapa-lineas { list-style: none; counter-reset: p; padding: 0; margin: 0; display: grid; gap: .25rem; }
.mapa-lineas li { display: flex; align-items: baseline; gap: .4rem; } .mapa-lineas li::before { content: attr(value) "."; min-width: 1.6rem; font-weight: 700; }
.mapa-banco { margin-top: .8rem; padding: .5rem .7rem; border: 1.5px dashed #777; font-size: .9rem; }
@media (max-width: 700px) { .hoja { padding: 1rem; margin: 0; } .hoja-palabras { columns: 2; } .cruci-pistas, .mapa-ficha, .trivia-ops { grid-template-columns: 1fr; } }
@page { size: A4; margin: 1.2cm; }
@media print {
  body { background: #fff; font-size: 12pt; } .no-imprimir, .no-imprimir-solo { display: none !important; }
  .hoja { max-width: none; margin: 0; padding: 0; box-shadow: none; }
  .sopa { width: 15.5cm; } .hoja-palabras { columns: 3; }
  .cruci-celda, .cruci-negra { width: 1cm; height: 1cm; } .cruci { grid-template-columns: repeat(var(--cols), 1cm); }
  .memoria-carta { font-size: 13pt; } .ficha-clave .sopa-celda.marcada, .trivia-ops .correcta, .hoja-clave { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .mapa-ficha svg { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .hoja-lista li, .cruci-pistas li { break-inside: avoid; }
}