/* KAIRO 27.61 — Opción 1 APROBADA: encabezado temático inspirado en estanterías reales de videoclub.
   Solo afecta las vistas de catálogo completo (Ver todo), sin tocar hero, solapas ni Top Loaders. */
#catalogo #k21-category-view{min-width:0}
#catalogo #k21-category-view .k21-category-heading{
  display:flex;align-items:center;justify-content:flex-start;gap:25px;
  position:relative;isolation:isolate;overflow:hidden;
  min-height:166px;margin:12px 0 14px;padding:24px 27px;
  border:1px solid rgba(216,163,98,.62);border-radius:12px;
  background:#0a121b;
  box-shadow:inset 0 1px 0 rgba(255,221,170,.10),0 10px 25px rgba(0,0,0,.15);
}
#catalogo #k21-category-view .k21-category-heading::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(90deg,rgba(5,12,21,.98) 0%,rgba(6,14,23,.93) 29%,rgba(6,13,21,.62) 57%,rgba(7,10,13,.18) 100%),url('assets/kairo-category-shelves-2761.webp');
  background-size:cover,cover;background-position:center,center 46%;background-repeat:no-repeat;
}
#catalogo #k21-category-view .k21-category-heading::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(5,10,17,.28),transparent 48%);
}
#catalogo #k21-category-view .k21-category-heading-text{
  flex:1;min-width:0;max-width:min(720px,100%);
}
#catalogo #k21-category-view .k21-category-heading h2{
  margin:0 0 3px;
  font:850 clamp(37px,4vw,62px)/.98 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;
  letter-spacing:.02em;
  color:#ffe0a4;
  text-shadow:0 1px 0 #e3b46f,0 0 24px rgba(244,160,69,.2);
  text-wrap:balance;
}
#catalogo #k21-category-view .k21-category-heading p{
  color:#d4dce5;margin:10px 0 0;
  font:600 clamp(13px,1.25vw,17px)/1.35 var(--body,Arial),sans-serif;
  text-shadow:0 2px 7px #000e;
}
#catalogo #k21-category-view .k21-back,
#catalogo #k21-category-view .k21-category-end [data-k21-back]{
  display:inline-grid;place-items:center;flex:0 0 auto;
  width:49px;height:49px;min-width:49px;padding:0;
  color:#f3c98b;background:rgba(7,16,26,.82);
  border:1px solid rgba(222,161,92,.75);border-radius:10px;
  font:500 32px/1 Arial,sans-serif;
  cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease;
}
#catalogo #k21-category-view .k21-back:hover,
#catalogo #k21-category-view .k21-category-end [data-k21-back]:hover{
  background:#3a2b21;color:#ffe4a9;transform:translateX(-2px)
}
#catalogo #k21-category-view .k21-back:focus-visible,
#catalogo #k21-category-view .k21-category-end [data-k21-back]:focus-visible{outline:3px solid #8fd8ff;outline-offset:4px}
#catalogo #k21-category-view .k21-category-end{padding:8px 0 26px}
#catalogo #k21-category-view .k21-category-end [data-k21-back]{width:44px;height:44px;min-width:44px;font-size:27px}
#catalogo #k21-category-view #k21-category-grid{padding-top:7px}
@media(max-width:700px){
  #catalogo #k21-category-view .k21-category-heading{
   min-height:128px;gap:12px;padding:15px 13px;margin:9px 0 11px;border-radius:10px;
  }
  #catalogo #k21-category-view .k21-category-heading::before{
   background-image:linear-gradient(90deg,rgba(5,12,21,.97),rgba(6,14,23,.78) 50%,rgba(7,10,13,.38)),url('assets/kairo-category-shelves-2761.webp');
   background-position:center,right center;
  }
  #catalogo #k21-category-view .k21-category-heading h2{font-size:clamp(25px,7vw,37px);line-height:1.05;overflow-wrap:anywhere}
  #catalogo #k21-category-view .k21-category-heading p{font-size:clamp(11px,3.1vw,13px);line-height:1.35;margin-top:7px}
  #catalogo #k21-category-view .k21-back{width:38px;height:42px;min-width:38px;font-size:28px;border-radius:9px}
}
@media(prefers-reduced-motion:reduce){#catalogo #k21-category-view .k21-back,#catalogo #k21-category-view .k21-category-end [data-k21-back]{transition:none}}