/* ═══ LA BARAJA DE NAVIDAD (js/kora-baraja.js) ═══ 22 oct 2026
   Cartas de 9 × 12 cm (3:4). Todo lo de adentro va en cqw: la misma carta en la
   rejilla, en grande y, después, en la hoja de imprenta. */
.kbar{ background:#fff; color:#2B2621; font-family:'Jost',sans-serif; font-weight:400 }
.kbar .kb-env{ max-width:1240px; margin:0 auto; padding:28px 28px 80px }
.kbar .kb-cab{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px; flex-wrap:wrap; margin-bottom:22px }
.kbar .kb-k{ margin:0 0 6px; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#8C8882 }
.kbar h2{ margin:0; font-family:'EB Garamond',serif; font-weight:400; font-size:clamp(32px,4vw,46px); line-height:1.1 }
.kbar .kb-sub{ margin:8px 0 0; color:#66625D; font-size:15px; max-width:620px }
.kbar .kb-lados{ display:inline-flex; gap:2px; padding:3px; border-radius:10px; background:rgba(44,37,32,.07) }
.kbar .kb-lados button{ border:0; background:none; border-radius:7px; padding:8px 20px; cursor:pointer; font:inherit; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#66625D }
.kbar .kb-lados button[aria-pressed="true"]{ background:#fff; color:#2B2621; box-shadow:0 1px 2px rgba(0,0,0,.08) }
.kbar .kb-aviso{ background:#EEF1EC; padding:12px 16px; border-radius:8px; color:#4C6657; display:flex; gap:14px; align-items:center; flex-wrap:wrap }
.kbar .kb-btn{ border:0; border-radius:8px; background:#1F1D1B; color:#fff; padding:9px 16px; font:inherit; font-size:13px; letter-spacing:.06em; cursor:pointer }
.kbar .kb-suave{ border:0; background:none; padding:4px 0; font:inherit; font-size:13.5px; color:#4C6657; text-decoration:underline; text-underline-offset:3px; cursor:pointer }

.kbar .kb-grupo{ margin-top:34px }
.kbar .kb-grupo h3{ display:flex; align-items:center; gap:10px; margin:0 0 14px; font-family:'EB Garamond',serif; font-weight:400; font-size:24px }
.kbar .kb-grupo h3 span{ width:14px; height:14px; border-radius:3px; background:var(--cat) }
.kbar .kb-grupo h3 small{ font-family:'Jost',sans-serif; font-size:13px; color:#8C8882 }
.kbar .kb-rejilla{ display:grid; grid-template-columns:repeat(auto-fill, minmax(178px, 1fr)); gap:20px }
.kbar .kb-celda{ border:0; background:none; padding:0; cursor:pointer; text-align:left; transition:transform .2s }
.kbar .kb-celda:hover{ transform:translateY(-3px) }
.kbar .kb-celda.kb-pintando .kb-ilu{ animation:kbLate 1.4s ease-in-out infinite }
@keyframes kbLate{ 50%{ opacity:.45 } }
@media (max-width:640px){ .kbar .kb-env{ padding:20px 14px 60px } .kbar .kb-rejilla{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px } }

/* ── la carta ── */
.kb-carta{ aspect-ratio:3/4; container-type:inline-size; background:var(--cat); border-radius:2.6% / 1.95%; box-shadow:0 1px 0 rgba(44,37,32,.06), 0 14px 26px -16px rgba(44,37,32,.5); overflow:hidden; color:#2B2621 }
.kb-in{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; margin:10cqw 6cqw 6cqw; background:#FBF8F1; border-radius:2cqw; padding:4cqw 5cqw 6cqw }
/* 24 oct · Vivi: «en lugar de tener solo un marco interior… que el marco sea grueso
   y llegue hasta el límite, tanto por enfrente como por atrás», del color de su
   categoría. El color va a sangre (la carta entera es del color y en la hoja de
   imprenta su rebase también), así que un corte movido no se nota. Arriba, más
   ancho, lleva el nombre de la categoría. */
.kb-fcat{ position:absolute; left:0; right:0; top:0; height:10cqw; display:flex; align-items:center; justify-content:center; font-family:'Jost',sans-serif; font-weight:500; font-size:3.4cqw; letter-spacing:.22em; text-transform:uppercase; color:#fff; white-space:nowrap }
.kb-carta{ position:relative }
.kb-ilu{ flex:1 1 0; min-height:0; width:100%; display:flex; align-items:center; justify-content:center; margin:3cqw 0 }
.kb-ilu img{ max-width:100%; max-height:100%; object-fit:contain; display:block }
.kb-ilu.pintada img{ mix-blend-mode:multiply }
.kb-hueco{ width:78%; height:86%; display:flex; align-items:center; justify-content:center; border:.5cqw dashed color-mix(in srgb, var(--cat) 55%, transparent); border-radius:2cqw; font-family:'Jost',sans-serif; font-size:3.4cqw; color:#A49E95; text-align:center; padding:4cqw }
.kb-tit{ font-family:'EB Garamond',serif; font-weight:500; font-size:8.4cqw; line-height:1.08; text-align:center; color:#2B2621 }

.kb-vuelta .kb-in{ align-items:stretch; padding:5cqw 6cqw 4cqw; overflow:hidden }
.kb-vtit{ font-family:'EB Garamond',serif; font-weight:500; font-size:calc(7cqw * (.4 + .6 * var(--t,1))); line-height:1.1; margin-bottom:2.6cqw }
.kb-idea{ margin:0 0 calc(3cqw * var(--t,1)); font-family:'EB Garamond',serif; font-size:calc(5.4cqw * var(--t,1)); line-height:1.3 }
.kb-idea + .kb-idea{ margin-top:calc(-1.2cqw * var(--t,1)) }
.kb-sec{ margin-top:calc(2.4cqw * var(--t,1)) }
.kb-sec i{ display:block; font-style:normal; font-family:'Jost',sans-serif; font-size:calc(3.3cqw * (.5 + .5 * var(--t,1))); letter-spacing:.18em; text-transform:uppercase; color:var(--cat); margin-bottom:.8cqw }
.kb-sec p{ margin:0 0 1cqw; font-family:'EB Garamond',serif; font-style:italic; font-size:calc(5cqw * var(--t,1)); line-height:1.27 }
.kb-pie{ margin-top:auto; padding-top:2cqw; text-align:center; font-family:'Jost',sans-serif; font-size:2.6cqw; letter-spacing:.2em; text-transform:uppercase; color:#A49E95 }

/* las especiales: la carta entera en su color */
.kb-esp{ background:var(--cat) }
.kb-esp .kb-in{ margin:6cqw; background:none; border:.5cqw solid rgba(255,255,255,.55); justify-content:center; gap:4cqw; color:#fff }
.kb-esp .kb-marca{ font-family:'EB Garamond',serif; font-size:4.6cqw; letter-spacing:.4em; padding-left:.4em; color:rgba(255,255,255,.85) }
.kb-esp .kb-ilu{ flex:0 1 46%; background:#FBF8F1; border-radius:50%; aspect-ratio:1; width:auto; max-width:62%; padding:7cqw }
.kb-esp .kb-tit, .kb-esp .kb-vtit{ color:#fff; text-align:center }
.kb-esp.kb-vuelta .kb-in{ align-items:center; padding:8cqw 8cqw }
.kb-esp .kb-idea{ color:#fff; text-align:center; font-size:5.2cqw }

/* ── la carta en grande ── */
.kb-pop{ margin:auto; border:0; padding:22px 30px 30px; width:min(940px, 96vw); max-height:94vh; overflow:auto; background:#4E5A3E; border-radius:18px; box-shadow:0 30px 70px -20px rgba(0,0,0,.55); color:#fff; font-family:'Jost',sans-serif }
.kb-pop::backdrop{ background:rgba(31,29,27,.55) }
.kb-pop-arriba{ position:relative; display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:18px }
.kbar .kb-pop-lados, .kb-pop-lados{ background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3); display:inline-flex; gap:2px; padding:3px; border-radius:10px }
.kbar .kb-pop-lados button, .kb-pop-lados button{ border:0; background:none; border-radius:7px; padding:8px 20px; cursor:pointer; font:inherit; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#fff }
.kbar .kb-pop-lados button[aria-pressed="true"], .kb-pop-lados button[aria-pressed="true"]{ background:#fff; color:#4E5A3E }
.kb-nav{ border:0; background:rgba(255,255,255,.14); color:#fff; width:36px; height:36px; border-radius:8px; font-size:22px; line-height:1; cursor:pointer }
.kb-x{ position:absolute; right:-6px; top:50%; transform:translateY(-50%); border:0; background:none; color:#fff; font-size:30px; line-height:1; cursor:pointer }
.kb-pop-cuerpo{ display:grid; grid-template-columns:minmax(0, 400px) minmax(0, 1fr); gap:28px; align-items:start }
.kb-pop-carta .kb-carta{ box-shadow:0 18px 40px -18px rgba(0,0,0,.5) }
.kb-pop-panel{ background:#fff; color:#2B2621; border-radius:12px; padding:18px 18px 14px }
.kb-pop-k{ margin:0 0 12px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#8C8882 }
.kb-campo{ display:block; margin-bottom:12px }
.kb-campo span{ display:block; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#66625D; margin-bottom:5px }
.kb-campo small{ letter-spacing:0; text-transform:none; color:#A49E95 }
.kb-campo input, .kb-campo textarea{ width:100%; box-sizing:border-box; border:1px solid rgba(44,37,32,.18); border-radius:8px; padding:9px 11px; font-family:'EB Garamond',serif; font-size:17px; line-height:1.4; color:#2B2621; background:#fff; resize:vertical }
.kb-campo input:focus, .kb-campo textarea:focus{ outline:none; border-color:#4C6657 }
.kb-ilu-acc{ display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid rgba(44,37,32,.1) }
.kb-nota{ flex-basis:100%; margin:0; font-size:12.5px; color:#8C8882 }
.kb-pintando-t{ flex-basis:100%; margin:0; color:#4C6657 }
.kb-estado{ margin:2px 0 0; min-height:1.2em; font-size:12.5px; color:#4C6657 }
@media (max-width:760px){ .kb-pop{ padding:16px 14px 20px } .kb-pop-cuerpo{ grid-template-columns:1fr } .kb-pop-carta{ max-width:340px; margin:0 auto; width:100% } }

/* ── las hojas de imprenta (js/kora-pliego-baraja.js) ── */
.kbar .kb-cab-der{ display:flex; gap:12px; align-items:center; flex-wrap:wrap }
.plb-celda{ position:absolute; width:90mm; height:120mm }
.plb-rebase{ position:absolute; display:block }
.plb-celda .kb-carta{ width:90mm; border-radius:0; box-shadow:none }
.plb-volver{ display:inline-block; margin-bottom:14px; border:0; background:none; padding:4px 0; font:inherit; font-size:13.5px; color:#4C6657; text-decoration:underline; text-underline-offset:3px; cursor:pointer }
.plb-vista .plg-hoja{ zoom:.32 }
@media (max-width:640px){ .plb-vista .plg-hoja{ zoom:.2 } }

/* ── la selección maestra (23 oct): aprobada / por decidir / fuera ── */
.kbar .kb-filtros{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:4px 0 0 }
.kbar .kb-filtros button{ border:1px solid rgba(44,37,32,.16); background:#fff; border-radius:8px; padding:7px 13px; font:inherit; font-size:13px; color:#66625D; cursor:pointer }
.kbar .kb-filtros button b{ font-weight:500; color:#2B2621; margin-left:3px }
.kbar .kb-filtros button[aria-pressed="true"]{ background:#2B2621; border-color:#2B2621; color:#fff }
.kbar .kb-filtros button[aria-pressed="true"] b{ color:#fff }
.kbar .kb-filtros-n{ margin-left:auto; font-size:13px; color:#66625D }
.kbar .kb-celda{ position:relative }
.kbar .kb-marca-est{ display:flex; gap:6px; align-items:center; min-height:18px; margin-top:7px; font-size:12px; letter-spacing:.06em; color:#4C6657 }
.kbar .kb-marca-est em{ font-style:normal; font-size:11px; letter-spacing:.08em; text-transform:uppercase; padding:1px 6px; border-radius:5px; background:rgba(44,37,32,.07); color:#66625D }
.kbar .kb-est-no .kb-carta{ opacity:.38; filter:grayscale(.6) }
.kbar .kb-est-no .kb-marca-est{ color:#A3302E }
.kbar .kb-est-si .kb-carta{ box-shadow:0 0 0 2px #4C6657, 0 14px 26px -16px rgba(44,37,32,.5) }
.kbar .kb-mas{ aspect-ratio:3/4; display:flex; align-items:center; justify-content:center; border:1.5px dashed color-mix(in srgb, var(--cat) 60%, transparent); border-radius:10px; color:var(--cat); font-size:14px; text-align:center }
.kbar .kb-mas small{ display:block; margin-top:4px; font-size:12px; color:#8C8882 }
.kb-est{ display:flex; gap:2px; padding:3px; border-radius:10px; background:rgba(44,37,32,.07); margin-bottom:14px }
.kb-est button{ flex:1; border:0; background:none; border-radius:7px; padding:8px 6px; font:inherit; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#66625D; cursor:pointer }
.kb-est button[aria-pressed="true"]{ background:#fff; color:#2B2621; box-shadow:0 1px 2px rgba(0,0,0,.08) }
.kb-est button[data-est="si"][aria-pressed="true"]{ background:#4C6657; color:#fff }
.kb-est button[data-est="no"][aria-pressed="true"]{ background:#A3302E; color:#fff }
.kb-nota-eq{ padding-top:12px; border-top:1px solid rgba(44,37,32,.1) }
.kb-nota-eq textarea{ background:#FBF8F1 }

/* 24 oct · v5: un acompañamiento por carta, y el dato por verificar (solo en el panel) */
.kb-acompana{ width:100%; border:1px solid rgba(44,37,32,.18); border-radius:8px; padding:8px 10px; font:inherit; font-size:13px; letter-spacing:.08em; color:#2B2621; background:#fff }
.kb-dato{ margin:0 0 12px; padding:8px 11px; border-radius:8px; background:#FBF3E4; color:#8A5A1E; font-size:13px }
.kb-dato small{ color:#A49E95 }

/* 25 oct · el comodín de cada categoría: un recuadro para dibujar y renglones para escribir */
.kb-dibujo{ color:color-mix(in srgb, var(--cat) 70%, #A49E95); font-family:'EB Garamond',serif; font-style:italic; font-size:4.6cqw }
.kb-renglones{ flex:1 1 auto; min-height:18cqw; margin:1cqw 0 2cqw; background:repeating-linear-gradient(to bottom, transparent 0, transparent calc(8.6cqw - .3cqw), color-mix(in srgb, var(--cat) 45%, #fff) calc(8.6cqw - .3cqw), color-mix(in srgb, var(--cat) 45%, #fff) 8.6cqw) }
.kb-renglones + .kb-pie{ margin-top:0 }
.kb-chk{ display:flex; gap:8px; align-items:center; margin:0 0 14px; font-size:13.5px; color:#66625D; cursor:pointer }

/* 26 oct · subir la foto desde el celular: el selector vive dentro de la carta en grande */
.kb-archivo{ position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; clip:rect(0 0 0 0); pointer-events:none }
label.kb-btn, label.kb-suave{ display:inline-block }
.kb-tocable .kb-ilu{ cursor:pointer; position:relative }
.kb-tocable .kb-ilu::after{ content:'Tocar para cambiar'; position:absolute; left:50%; bottom:0; transform:translateX(-50%); padding:1.2cqw 3cqw; border-radius:2cqw; background:rgba(31,29,27,.72); color:#fff; font-family:'Jost',sans-serif; font-size:3cqw; letter-spacing:.06em; white-space:nowrap; opacity:0; transition:opacity .2s }
.kb-tocable .kb-ilu:hover::after{ opacity:1 }
@media (hover:none){ .kb-tocable .kb-ilu::after{ opacity:.85 } }
.kb-btn-pintar{ background:#4C6657 }
.kb-pop-pie{ text-align:center; margin-top:16px }
.kb-suave-claro{ color:#fff !important; border:0; background:none; font:inherit; font-size:13.5px; text-decoration:underline; text-underline-offset:3px; cursor:pointer }
/* tamaño real: la carta a 9 × 12 cm de CSS × la calibración del dispositivo */
.kb-real{ position:fixed; inset:0; z-index:5; overflow:auto; background:#2B2621; color:#fff; padding:14px 16px 40px }
.kb-real-barra{ display:flex; align-items:center; gap:16px; justify-content:center; position:sticky; top:0; padding:6px 0 14px; background:#2B2621; font-size:12px; letter-spacing:.16em; text-transform:uppercase; z-index:1 }
.kb-real-barra .kb-real-x{ position:static; transform:none; margin-left:auto }
.kb-real-cal{ max-width:420px; margin:0 auto 18px; text-align:center; font-size:14px; line-height:1.4 }
.kb-real-cal p{ margin:0 0 12px }
.kb-real-tc{ margin:0 auto 12px; border:2px dashed #fff; border-radius:3mm }
.kb-real-cal input{ width:100% }
.kb-real-cartas{ display:flex; flex-wrap:wrap; gap:20px; justify-content:center }
.kb-real-cartas .kb-carta{ width:calc(90mm * var(--esc,1)); flex:none; border-radius:0 }
/* 26 oct · Vivi: con la ilustración ya pintada, la carta se ve sin el aviso encima
   (se puede tocar igual, y el botón para cambiarla está abajo) */
.kb-ya-pintada .kb-ilu::after{ display:none }

/* 26 oct · las ilustraciones guardadas de cada carta */
.kb-opciones{ flex-basis:100%; margin-top:4px }
.kb-opciones-k{ display:block; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#66625D; margin-bottom:8px }
.kb-opciones-k small{ letter-spacing:0; text-transform:none; color:#A49E95 }
.kb-opciones-l{ display:flex; gap:8px; overflow-x:auto; padding-bottom:4px }
.kb-op{ position:relative; flex:none; width:64px; height:80px; padding:0; border:2px solid transparent; border-radius:8px; background:#FBF8F1; cursor:pointer; overflow:hidden }
.kb-op img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; display:block }
.kb-op.on{ border-color:#4C6657; box-shadow:0 0 0 2px rgba(76,102,87,.2) }
.kb-op i{ position:absolute; left:0; right:0; bottom:0; font-style:normal; font-size:10px; letter-spacing:.1em; text-transform:uppercase; background:rgba(255,255,255,.85); color:#66625D }
.kb-op-x{ position:absolute; top:2px; right:2px; width:18px; height:18px; border-radius:5px; background:rgba(31,29,27,.7); color:#fff; font-size:13px; line-height:18px; text-align:center }

/* 26 oct · el título se edita tocándolo en la carta en grande */
.kb-pop-carta .kb-tit[contenteditable]{ cursor:text; outline:none; border-radius:1.5cqw; padding:0 1cqw; transition:box-shadow .15s }
.kb-pop-carta .kb-tit[contenteditable]:hover{ box-shadow:0 0 0 .4cqw rgba(76,102,87,.25) }
.kb-pop-carta .kb-tit[contenteditable]:focus{ box-shadow:0 0 0 .5cqw rgba(76,102,87,.55); background:#fff }
.kb-tit-campo{ font-family:'EB Garamond',serif }

/* ═══ LAS CARTAS DE NAVIDAD DE LA LOTERÍA (js/kora-loteria-iconos.js) ═══ 26 oct 2026
   La página del equipo usa las piezas de la baraja (.kbar) y la carta de la lotería (.klot). */
.kbar .kli-carta{ display:block; background:none; font-size:16px; line-height:1.4 }
.kbar .kli-carta .carta{ width:100%; box-sizing:border-box }
.kbar .kli-rejilla{ grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)) }
.kbar .kli-d{ margin:-8px 0 14px; color:#8C8882; font-size:13.5px }
.kbar .kli-falta{ display:flex; align-items:center; justify-content:center; height:100%; border:1.5px dashed rgba(62,107,72,.4); border-radius:4px; color:#A49E95; font-family:'Jost',sans-serif; font-size:12px }
.kli-pop .kli-pos{ color:#fff; font-size:12px; letter-spacing:.16em; text-transform:uppercase; min-width:90px; text-align:center }
.kli-pop .kli-pop-carta{ max-width:360px; margin:0 auto; width:100% }
.kli-pop .kli-carta .carta .nom{ font-size:1.6rem }
.kli-pop .kb-tocable .retrato{ cursor:pointer; position:relative }
.kli-pop .kb-tocable .retrato::after{ content:'Tocar para cambiar'; position:absolute; left:50%; bottom:8px; transform:translateX(-50%); padding:4px 12px; border-radius:8px; background:rgba(31,29,27,.72); color:#fff; font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.06em; white-space:nowrap; opacity:0; transition:opacity .2s }
.kli-pop .kb-tocable .retrato:hover::after{ opacity:1 }
@media (hover:none){ .kli-pop .kb-tocable .retrato::after{ opacity:.85 } }
.kli-pop .kb-ya-pintada .retrato::after{ display:none }
@media (max-width:640px){ .kbar .kli-rejilla{ grid-template-columns:repeat(2, minmax(0,1fr)) } }
.kbar .kli-carta .carta{ display:block }
.kbar .kli-carta .carta-in{ display:flex }
.plb-vista .plg-grande{ zoom:.16 }   /* 26 oct · el pliego de 75 × 53 */
@media (max-width:640px){ .plb-vista .plg-grande{ zoom:.1 } }
.plb-vista.plg-vista-t .plg-hoja{ zoom:1 !important }
/* 27 oct · la vuelta de la carta de lotería, con su adivinanza, junto a la caja de texto */
.kbar .kli-vuelta{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin:4px 0 10px }
.kbar .kli-vuelta-k{ font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#8C8882 }
.kbar .kli-vuelta .kli-carta{ width:150px }
.kbar .kb-campo textarea{ width:100%; box-sizing:border-box; font:inherit; font-size:15px; line-height:1.4; padding:8px 10px; border:1px solid #DDD5C8; border-radius:10px; background:#FFFDF9; resize:vertical }
/* 27 oct · quitar cartas de la lotería */
.kli-quitar{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin-top:14px; padding-top:12px; border-top:1px solid #E6DDCF }
.kli-quitar small{ font-size:12.5px; line-height:1.45; color:#8C8073 }
.kli-fuera .kli-celda{ opacity:.55 }

/* ── 28 oct · la caja de la baraja (js/kora-caja-baraja.js) ── */
.kb-btn.kb-btn-2{ background:#fff; color:#2B2621; border:1px solid rgba(44,37,32,.25) }
.kcj-lados{ display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:18px 0 6px }
.kcj-lado{ background:#FFFDF9; border:1px solid #E8DFD0; border-radius:12px; padding:16px }
.kcj-ilu{ aspect-ratio:1/1; background:#F1E6CA; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden }
.kcj-ilu img{ max-width:88%; max-height:88%; mix-blend-mode:multiply }
.kcj-que{ margin:10px 0; font-size:13px; color:#66625D }
.kcj-mal{ color:#A3302E } .kcj-bien{ color:#4C6657 }
.kcj-acc{ display:flex; flex-wrap:wrap; gap:8px; align-items:center }
.kcj-acc .imp-btn{ padding:9px 14px; font-size:13px }
.kcj-suave{ border:0; background:none; padding:4px 0; font:inherit; font-size:13px; color:#4C6657; text-decoration:underline; text-underline-offset:3px; cursor:pointer }
.kcj-opc{ display:flex; flex-wrap:wrap; gap:6px; margin-top:12px }
.kcj-opc button{ width:64px; height:64px; padding:3px; border:1px solid #E8DFD0; border-radius:8px; background:#F1E6CA; cursor:pointer }
.kcj-opc button[aria-pressed="true"]{ border:2px solid #2B2621 }
.kcj-opc img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply }
.kcj-aviso{ min-height:1.2em; margin:10px 0 0; font-size:13.5px; color:#4C6657 }
.kcj-vista{ background:#fff; border-radius:10px; box-shadow:0 18px 40px -24px rgba(44,37,32,.5); overflow:hidden; margin-bottom:22px }
.kcj-vista svg{ display:block; width:100%; height:auto }
#printRoot.kcj-imp .kcj-hoja{ width:270mm; height:214mm; overflow:hidden }
#printRoot.kcj-imp .kcj-hoja svg{ display:block }
@media (max-width:700px){ .kcj-lados{ grid-template-columns:1fr } }