/* CineNova v1.7 · Home Refinado — fuente única: contenido publicado desde Studio */
:root{--ref-accent:#e62943}
/* Encabezado: navegación limpia, filtros guardados en un solo menú */
.site-header{height:76px;z-index:45;background:rgba(8,8,11,.95);border-bottom:1px solid #ffffff1a;box-shadow:0 10px 35px #0006}
.header-inner{max-width:1850px;margin:0 auto;gap:clamp(13px,2vw,32px)}
.desktop-nav{gap:clamp(13px,1.5vw,25px)}
.header-actions{gap:clamp(9px,1vw,17px)}
.nav-link{font-size:13px}
.genres-menu-wrap{position:relative;flex:none}
.genres-toggle{display:flex;align-items:center;gap:10px;min-height:41px;padding:0 15px;color:#f0edf1;border:1px solid #ffffff2d;border-radius:10px;background:#1b1b22;white-space:nowrap;font-size:12px;font-weight:800;transition:background .2s,border-color .2s}
.genres-toggle:hover,.genres-menu-wrap.is-open .genres-toggle{background:#30212a;border-color:#d62849}
.genres-toggle.has-filter{color:#fff;border-color:#f348667a}
.genres-hamburger{width:16px;display:flex;flex-direction:column;gap:3px}
.genres-hamburger i{display:block;background:#ff506e;height:2px;width:16px;border-radius:2px}
.genres-hamburger i:nth-child(2){width:11px}.genres-hamburger i:nth-child(3){width:14px}
.genres-chevron{font-size:17px;line-height:1;color:#b9b1bc;transform:translateY(-3px);transition:transform .2s}
.genres-menu-wrap.is-open .genres-chevron{transform:rotate(180deg) translateY(2px)}
.genres-menu{position:absolute;right:0;top:calc(100% + 13px);width:320px;padding:13px;background:#15151beF;border:1px solid #ffffff35;box-shadow:0 25px 80px #000d;border-radius:17px;backdrop-filter:blur(25px);z-index:100}
.genres-menu[hidden]{display:none!important}
.genres-menu:before{content:'';position:absolute;right:31px;top:-6px;width:10px;height:10px;transform:rotate(45deg);background:#15151b;border-left:1px solid #ffffff32;border-top:1px solid #ffffff32}
.genres-menu-intro{padding:8px 10px 14px;display:grid;gap:4px;border-bottom:1px solid #ffffff1e;margin-bottom:10px}
.genres-menu-intro strong{font-size:14px;letter-spacing:.15px}
.genres-menu-intro small{color:#a6a3af;font-size:11px}
.genres-menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:min(52vh,390px);overflow-y:auto;overscroll-behavior:contain}
.genres-menu-item{display:flex;align-items:center;gap:8px;min-height:41px;background:#ffffff06;border:1px solid transparent;border-radius:9px;padding:10px 12px;text-align:left;color:#c6c3cc;font-size:12px;font-weight:700}
.genres-menu-item:hover,.genres-menu-item:focus-visible{background:#ffffff13;color:#fff}
.genres-menu-item.is-selected{background:#aa1a3355;border-color:#ed294a90;color:#fff}
.genres-menu-item.is-selected:before{content:'✓';color:#ff8092;font-weight:900}
.genre-bar{display:none!important}
/* A single concise welcome above the featured carousel. */
.welcome-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:102px;background:linear-gradient(90deg,#100d12,#0c0b0f);border-bottom:1px solid #ffffff0d}
.welcome-copy{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.welcome-eyebrow{font-size:10px;letter-spacing:1.7px;color:#ff526c;font-weight:900;white-space:nowrap}
.welcome-spark{font-size:16px;margin-right:7px}
.welcome-copy p{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:clamp(27px,3vw,42px);font-weight:900;letter-spacing:-.25px;color:#f5f2f5;line-height:1.05}
.welcome-copy strong{font-weight:900}.welcome-copy strong span{color:#f23d56}.welcome-dot{color:#f23d56}
.welcome-side{display:flex;align-items:center;gap:12px;text-align:right;font-size:11px;font-weight:700;letter-spacing:.15px;color:#aba2af}
.welcome-rule{height:1px;width:38px;flex:none;background:linear-gradient(90deg,#e9344c,transparent)}
.hero{min-height:clamp(565px,45vw,695px);margin-top:0}
.hero-content{padding-top:54px;padding-bottom:96px}
.hero-kicker{font-size:10px;color:#f6a3b0}
.hero h1{font-size:clamp(55px,6.7vw,112px)}
.content{margin-top:-27px}
/* When switching to catalogue/list the full page heading reappears. */
.view-head[hidden],.welcome-banner[hidden]{display:none!important}
#resultsSection:not([hidden]){padding-top:17px}
#homeRows{padding-top:24px}
@media(max-width:1320px){.share-site{display:none}.searchbox{width:clamp(180px,18vw,250px);min-width:0}.desktop-nav{gap:15px}.header-inner{gap:18px}}
@media(max-width:940px){.nav-link{font-size:12px}.header-inner{gap:12px}.desktop-nav{gap:12px}.genres-toggle{padding:0 11px;gap:8px}.searchbox{width:165px}.welcome-side{display:none}}
@media(max-width:720px){
 .site-header{height:67px}.header-inner{gap:9px;padding-inline:var(--gutter)}
 .header-actions{gap:9px}
 .genres-toggle{width:40px;min-height:40px;padding:0;display:grid;place-items:center}
 .genres-toggle-label,.genres-chevron{display:none}
 .genres-menu{position:fixed;right:var(--gutter);left:var(--gutter);top:74px;width:auto;max-height:min(65vh,520px)}
 .genres-menu:before{right:86px}
 .genres-menu-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .welcome-banner{min-height:83px;padding-top:17px;padding-bottom:15px}
 .welcome-copy{display:grid;gap:7px}
 .welcome-eyebrow{font-size:8px;letter-spacing:1.4px}
 .welcome-copy p{font-size:clamp(28px,7vw,36px)}
 .hero{min-height:645px}
 .hero-content{padding-top:358px;padding-bottom:75px}
 .hero-kicker{margin-bottom:7px}
 .home-hero-visual{top:3%;width:clamp(180px,39vw,230px);height:clamp(260px,56vw,315px)}
 .searchbox{min-width:0;width:clamp(125px,31vw,220px)}
 .share-site{display:none}
 #homeRows{padding-top:16px}
 .features-strip{margin-top:35px}
}
@media(max-width:390px){.header-actions{gap:6px}.brand-word{font-size:21px}.brand-mark{height:27px;width:27px}.searchbox{width:clamp(95px,29vw,130px);padding:9px 8px}.genres-menu:before{right:72px}.genre-menu-wrap{flex:none}.welcome-copy p{font-size:30px}.hero{min-height:615px}.hero-content{padding-top:345px}.hero h1{font-size:clamp(38px,10vw,56px)}.home-hero-visual{height:248px;width:175px}}
@media(max-width:360px){.header-inner{gap:5px;padding-inline:12px}.brand{gap:5px}.brand-word{font-size:18px}.brand-mark{height:23px;width:23px}.brand-play{border-top-width:6px;border-bottom-width:6px;border-left-width:9px}.genres-toggle{width:35px;min-height:35px}.searchbox{width:66px;min-width:0;gap:4px;padding:8px 6px}.searchbox svg{height:15px;width:15px}.avatar{width:29px;height:29px}.header-actions{gap:5px}.genres-menu{left:12px;right:12px;top:68px}.genres-menu:before{right:64px}.welcome-copy p{font-size:27px}.welcome-eyebrow{font-size:8px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.genres-toggle,.genres-chevron{transition:none}}