#inicio .hero{position:relative;isolation:isolate;background-image:none}
#inicio .kar-space-backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
#inicio .hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#f6f7f8e8 0%,#f6f7f8d9 28%,#f6f7f8a6 55%,#f6f7f8e8 100%)}
#inicio .hero>.hero-copy,#inicio .hero>.hero-entry{position:relative}
@media(max-width:800px){#inicio .kar-space-backdrop{object-position:65% center}#inicio .hero::before{background:linear-gradient(180deg,#f6f7f8f2,#f6f7f8b8 60%,#f6f7f8ed)}}
@media(prefers-reduced-motion:reduce){#inicio .kar-space-backdrop{display:none}#inicio .hero{background-image:url('assets/kar-cine45-desktop.webp');background-size:cover}}


#inicio .hero>*:not(.kar-space-backdrop){position:relative}

#inicio .hero>.kar-space-toggle{position:absolute;right:20px;bottom:12px;z-index:3;background:#f6f7f8e8;color:#183580;border:1px solid #18358055;border-radius:20px;padding:10px 16px;font:inherit;font-size:12px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.kar-space-toggle{display:none}}
/* Portada cinematográfica: contraste legible sin ocultar la escena. */
#inicio .hero{background-color:#071624;color:#fff}
#inicio .hero::before{background:linear-gradient(180deg,rgba(5,16,29,.62),rgba(5,16,29,.25) 52%,rgba(5,16,29,.78))}
#inicio .hero>h1,#inicio .hero>h1 em,#inicio .hero>.hero-copy,#inicio .hero>.eyebrow,#inicio .hero>.hero-entry,#inicio .hero>.caption,#inicio .hero>.platform-strip{color:#fff}
#inicio .hero>.hero-copy,#inicio .hero>.eyebrow{opacity:1!important}
#inicio .hero .holo-selector label,#inicio .hero .carousel-picker label{color:#fff}
#inicio .hero>.hero-combos-cta{color:#fff;border-color:#ffffff80}
@media(max-width:800px){#inicio .hero::before{background:linear-gradient(180deg,rgba(5,16,29,.68),rgba(5,16,29,.32) 60%,rgba(5,16,29,.8))}}

#inicio .hero .carousel-picker{color:#fff}



/* Encuadre del duelo: evita ampliar la imagen al alto completo del catálogo. */
#inicio .kar-space-backdrop{height:min(100%,clamp(640px,58vw,900px));bottom:auto;object-position:70% center;mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}
@media(max-width:800px){#inicio .kar-space-backdrop{height:720px;object-position:70% center}}

@media(max-width:800px){#inicio .kar-space-backdrop{object-position:center}#inicio .hero{background-position:60% center}}
/* Encuadre móvil completo: conserva ambos duelistas sin ampliar ni recortar. */
@media(max-width:800px){#inicio .kar-space-backdrop{object-fit:contain;object-position:center 16%;height:720px;background:#071624}#inicio .hero{background-size:contain;background-repeat:no-repeat}}