/* Banner y tarjetas de plataformas de streaming (inicio y página de streaming) */
.sh{margin-bottom:34px;text-align:center}
.sh h2{font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:700;margin-bottom:6px}
.sh p{font-size:18px}
.sh b{color:#d89500}

.s-banner{position:relative;border-radius:30px;overflow:hidden;min-height:300px;display:grid;grid-template-columns:1.15fr 1fr;background:var(--navy);margin-bottom:22px}
.s-banner img{position:absolute;inset:0;width:64%;height:100%;object-fit:cover;object-position:center 30%}
.s-banner::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,34,51,0) 34%,#0c2233 63%)}
.s-txt{grid-column:2;position:relative;z-index:2;padding:46px 46px 46px 0;color:var(--on-banner);display:flex;flex-direction:column;justify-content:center;gap:8px}
.s-txt small{font:600 15px var(--fb);letter-spacing:.04em;text-transform:uppercase}
.s-txt h3{color:var(--yellow);font-size:clamp(1.9rem,3.4vw,2.8rem);font-weight:700}
.s-txt p{margin-bottom:12px}
.s-txt .btn{align-self:flex-start}

.s-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sc{position:relative;border-radius:26px;overflow:hidden;min-height:400px;color:#fff;display:flex;transition:transform .25s,box-shadow .25s}
.sc:hover{transform:translateY(-8px);box-shadow:0 22px 40px rgba(12,34,51,.28)}
.sc-bg{position:absolute;inset:0}
.sc-in{position:relative;z-index:1;margin-top:auto;padding:28px 24px 26px;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent)}
.sc-logo{font:800 2.1rem/1 var(--fh);margin-bottom:14px;letter-spacing:-.02em}
.sc-logo span{font-weight:700}
.sc p{font-size:14.5px;color:rgba(255,255,255,.92);margin-bottom:20px;min-height:66px}
.sc a{display:flex;justify-content:center;align-items:center;gap:8px;font:700 17px var(--fb);padding-top:6px}
.sc a i{font-style:normal;transition:transform .2s}
.sc:hover a i{transform:translateX(6px)}
.sc-n .sc-bg{background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.18),transparent 40%),repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 26px),linear-gradient(170deg,#3a0a12 0%,#b3121f 60%,#e5252f 100%)}
.sc-n .sc-logo{letter-spacing:.02em}
.sc-d .sc-bg{background:radial-gradient(circle at 25% 15%,rgba(120,220,255,.35),transparent 42%),radial-gradient(circle at 85% 40%,rgba(255,255,255,.12),transparent 30%),linear-gradient(170deg,#0a2a5e 0%,#0f5a8a 60%,#17829c 100%)}
.sc-h .sc-bg{background:radial-gradient(circle at 75% 20%,rgba(200,150,255,.4),transparent 42%),repeating-linear-gradient(60deg,rgba(255,255,255,.05) 0 2px,transparent 2px 30px),linear-gradient(170deg,#1a0b45 0%,#4b1fa8 60%,#7a3fe0 100%)}
.sc-p .sc-bg{background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.22),transparent 40%),linear-gradient(170deg,#06235e 0%,#0a49c9 60%,#2b7bff 100%)}
.sc-p .sc-logo span{color:#8fd0ff}

@media(max-width:1000px){
  .s-banner{grid-template-columns:1fr;min-height:0}
  .s-banner img{position:relative;width:100%;height:220px}
  .s-banner::before{display:none}
  .s-txt{grid-column:1;padding:26px}
  .s-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
  .sc{scroll-snap-align:start}
}