/* ══════════════════════════════════════════════════════════════════════════
   KORA · TODAS LAS HISTORIAS, POR COLECCIÓN — 15 oct 2026
   El bloque de color que abre cada colección dentro de la reja (ver
   js/kora-todas.js). Ocupa una celda entera, del alto de una tarjeta con su
   texto, como en la referencia que mandó Vivi.
   ══════════════════════════════════════════════════════════════════════════ */
.k2new .kt-col{
  display:flex; flex-direction:column; gap:14px;
  padding:clamp(18px, 2.4vw, 30px);
  min-height:100%; box-sizing:border-box;
  background:var(--kora-caja-lino, #D0C8BD); color:#4A453F;
}
.k2new .kt-col.kt-arena{ background:#E4DFD6 }
.k2new .kt-col.kt-olivo{ background:#7E846F; color:#F7F5F1 }   /* olivo desaturado, de la familia de los cuadros de Kids */
.k2new .kt-col[hidden]{ display:none }
.k2new .kt-col-n{
  margin:0; font-family:var(--serif, 'EB Garamond', Georgia, serif); font-weight:400;
  font-size:clamp(22px, 2.3vw, 32px); line-height:1.12; letter-spacing:.04em;
  text-transform:uppercase; color:inherit;
}
.k2new .kt-col-t{
  margin:0; font-family:var(--serif, 'EB Garamond', Georgia, serif);
  font-size:clamp(15px, 1.35vw, 19px); line-height:1.45; color:inherit; max-width:24ch;
}
.k2new .kt-col-ir{
  margin-top:auto; font-size:11px; letter-spacing:.14em; text-transform:uppercase; opacity:.8;
}
.k2new .kt-col.kt-abre{ cursor:pointer; transition:filter .2s }
.k2new .kt-col.kt-abre:hover{ filter:brightness(.97) }
.k2new .kt-col.kt-abre:hover .kt-col-ir{ opacity:1; text-decoration:underline; text-underline-offset:3px }

/* Lo que viene dentro de su colección lo dice, arriba del nombre. */
.k2new .kt-pronto{
  margin:0 0 2px; font-size:10px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--k2-sand, #918C85);
}
/* Sin filtro, de cada colección sólo sale su muestra (ver kora-todas.js). */
.k2new #k2Grid:not(.kt-filtrada) .k2-gcard.kt-escondido{ display:none }
/* Mi Navidad ya no sale aquí (una sola versión de Navidad). */
.k2new .k2-gcard.kt-fuera{ display:none !important }

/* A dos columnas (tableta angosta y celular) el acomodo de tres no cuadra y
   dos bloques quedaban lado a lado. Ahí el bloque ocupa el renglón entero y
   funciona como encabezado de su colección. */
@media (max-width:1000px){
  .k2new .kt-col{ grid-column:1 / -1; min-height:0; gap:8px }
  .k2new .kt-col-t{ max-width:40ch }
  .k2new .kt-col-ir{ margin-top:6px }
}