/* CineNova v1.8 — portadas anchas, programación, destacados. */
.cn18-settings{display:flex;flex-direction:column;gap:15px;min-width:0;margin:5px 0 2px;padding:19px;border-radius:14px;border:1px solid #70404f;background:linear-gradient(120deg,#2b131e,#19171e 70%)}
.cn18-settings legend{padding:0 8px;color:#ff96a5;letter-spacing:.5px;font-size:13px;font-weight:900}
.cn18-settings .two{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.cn18-settings .two>div{display:flex;flex-direction:column;gap:7px}
.cn18-settings label{display:block;color:#f5eef2;font-size:12px;font-weight:800}
.cn18-settings small{color:#ac9ca7;line-height:1.5;font-size:11px}
.cn18-switch{display:flex!important;align-items:center;gap:11px;padding:12px 14px;border:1px solid #71414e;border-radius:11px;background:#371926;color:white!important;cursor:pointer}
.cn18-switch input{width:18px;height:18px;flex:none;accent-color:#ef2743}
.cn18-backdrop{max-width:100%;background:#17121b}
.cn18-backdrop>img{width:100%;max-width:100%;max-height:230px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid #ffffff26}
.cn18-settings input[type=date]{color-scheme:dark}
.cn18-upcoming{padding-bottom:6px;margin-bottom:26px}
.cn18-upcoming-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,34%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9b3346 #15151a;padding:2px 2px 20px;min-width:0}
.cn18-upcoming-card{position:relative;aspect-ratio:16/9;overflow:hidden;background:#21151a;border-radius:14px;border:1px solid #ffffff22;scroll-snap-align:start;box-shadow:0 14px 40px #0009}
.cn18-upcoming-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.85) saturate(.95);transition:transform .4s}
.cn18-upcoming-card:hover img{transform:scale(1.04)}
.cn18-upcoming-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09070aec 0%,#0c080c22 62%,transparent);pointer-events:none}
.cn18-upcoming-card>div{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:18px 18px 15px;color:white}
.cn18-upcoming-card span{font-size:9px;font-weight:900;color:#ff6a80;letter-spacing:1.7px}
.cn18-upcoming-card h4{margin:8px 0 5px;font-size:clamp(17px,1.7vw,24px);line-height:1.04}
.cn18-upcoming-card p{margin:0;font-size:11px;color:#dfcdd4}
/* Cuando Studio tiene una imagen panorámica, el hero la usa sin el marco vertical. */
.hero.has-backdrop .hero-art{filter:brightness(.75) saturate(.95);transform:scale(1.015);background-position:center 36%;background-size:cover}
.hero.has-backdrop .hero-overlay{background:linear-gradient(90deg,#08080afb 0%,#08080af0 25%,#08080a94 55%,#0707093e 100%),linear-gradient(0deg,#09090b 0%,transparent 48%,#07070866 100%)}
.hero.has-backdrop .home-hero-visual{display:none!important}
.hero.has-backdrop .hero-content{max-width:min(880px,70%)}
@media(max-width:900px){.cn18-upcoming-rail{grid-auto-columns:minmax(230px,48%)}.hero.has-backdrop .hero-content{max-width:85%}}
@media(max-width:720px){
 .cn18-upcoming-rail{grid-auto-columns:82%;gap:12px;padding-bottom:16px}
 .cn18-settings .two{grid-template-columns:1fr}
 .cn18-upcoming-card{aspect-ratio:16/9}
 .hero.has-backdrop{min-height:650px}
 .hero.has-backdrop .hero-art{filter:brightness(.72);background-position:center top;background-size:cover}
 .hero.has-backdrop .hero-overlay{background:linear-gradient(0deg,#09090b 1%,#09090bee 23%,#09090bc1 51%,#08080a38 90%,#08080a77)}
 .hero.has-backdrop .hero-content{max-width:none;padding-top:315px}
}
@media(max-width:390px){.hero.has-backdrop{min-height:610px}.hero.has-backdrop .hero-content{padding-top:284px}}
@media(prefers-reduced-motion:reduce){.cn18-upcoming-card img{transition:none}}
/* Colores explícitos también para sistemas sin fuentes externas. */
.hero.has-backdrop h1,.hero.has-backdrop .hero-metadata,.hero.has-backdrop .hero-content>p{color:#f7f5f7}
#homeRows .section-heading h3,.cn18-upcoming .section-heading h3{color:#f7f5f7}
.cn18-upcoming-card h4,.cn18-upcoming-card p{color:#fff}
.home-premium-row .movie-card-under h4,.home-premium-row .movie-card-under p{color:#f5edf0}
.footer-logo{color:#eee}