/* Destaque principal: uma novela por vez, com capas para trocar a seleção. */
.site-header{position:absolute;inset:0 0 auto;z-index:30;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.08));border-bottom:0}
.hero.hero-feature{height:700px;min-height:700px;background:#000;color:#fff}
.hero-feature .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;background:none;filter:none;opacity:0;transition:opacity .8s ease}
.hero-feature .hero-image.is-visible{opacity:1}
.hero-feature::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.79) 28%,rgba(0,0,0,.38) 49%,rgba(0,0,0,.05) 77%),linear-gradient(0deg,#000 0%,transparent 27%);pointer-events:none}
.hero-feature::after{content:"";position:absolute;inset:auto 0 0;height:74px;z-index:1;background:linear-gradient(0deg,#000,transparent);pointer-events:none}
.hero-feature .hero-content{position:relative;z-index:2;padding-top:145px;pointer-events:none}
.hero-feature .hero-content>*{pointer-events:auto}
.hero-feature h1{font-size:clamp(2.35rem,3.1vw,3.05rem);font-weight:730;line-height:1.12;letter-spacing:-.035em;max-width:560px;margin:0 0 16px;text-wrap:balance}
.hero-badges{display:flex;align-items:center;gap:7px;margin-bottom:17px}
.hero-badge{display:inline-flex;align-items:center;min-height:34px;border-radius:99px;padding:0 13px;background:#45454b;color:#f3f3f3;font-size:.93rem;font-weight:650}
.hero-badge-primary{background:#e52e36;color:#fff}
.hero-feature .hero-description{max-width:535px;color:#e1e1e5;font-size:1rem;line-height:1.4;margin:0 0 31px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden}
.hero-play{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-width:258px;height:62px;padding:0 29px;border:0;border-radius:999px;background:#fff;color:#08080a;font-size:1.48rem;font-weight:750;box-shadow:0 10px 35px #0005;transition:transform .2s,background .2s}
.hero-play:hover{transform:translateY(-2px);background:#f0eef0}
.hero-play svg{width:20px;height:20px;fill:currentColor}
.hero-chooser{position:absolute;z-index:3;right:4.7%;bottom:77px;display:flex;align-items:center;gap:14px;max-width:55%;min-width:0}
.hero-thumbnails{display:flex;align-items:center;gap:10px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:3px}
.hero-thumbnails::-webkit-scrollbar{display:none}
.hero-thumb{position:relative;display:block;flex:0 0 94px;width:94px;height:130px;overflow:hidden;border:2px solid transparent;border-radius:11px;padding:0;background:#17151b;color:#fff;text-align:left;transition:border-color .2s,transform .2s}
.hero-thumb:hover{transform:translateY(-3px)}
.hero-thumb[aria-pressed="true"]{border-color:#fff}
.hero-thumb img{width:100%;height:100%;max-width:none;object-fit:cover;filter:saturate(1.08)}
.hero-thumb::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#000e,transparent);pointer-events:none}
.hero-thumb-title{position:absolute;z-index:1;left:5px;right:5px;bottom:7px;color:#fff;font:800 .82rem/.96 "Barlow Condensed",Impact,sans-serif;text-align:center;text-transform:uppercase;text-shadow:0 2px 4px #000,0 0 2px #000;letter-spacing:-.01em}
.hero-next{flex:none;width:31px;height:48px;border:0;background:transparent;color:#fff;display:grid;place-items:center;transition:transform .2s}
.hero-next:hover{transform:translateX(3px)}
.hero-next svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}
.hero-progress{position:absolute;z-index:4;left:50%;bottom:29px;transform:translateX(-50%);display:flex;align-items:center;gap:6px}
.hero-progress-step{position:relative;display:block;width:24px;height:12px;padding:4px 0;border:0;background:transparent;cursor:pointer}
.hero-progress-step::before{content:"";display:block;width:100%;height:4px;border-radius:99px;background:#7371789c}
.hero-progress-step[aria-current="true"]{width:42px}
.hero-progress-fill{position:absolute;top:4px;left:0;height:4px;width:0;border-radius:99px;background:#fff}
.hero-progress-step[aria-current="true"] .hero-progress-fill{animation:hero-progress-fill 6s linear forwards}
.hero-progress.is-paused .hero-progress-fill{animation-play-state:paused}
@keyframes hero-progress-fill{from{width:0}to{width:100%}}
.hero-preview-dialog{width:min(470px,calc(100% - 32px));border:1px solid #514550;border-radius:18px;padding:36px;background:#17141b;color:#fff;box-shadow:0 35px 90px #000c}
.hero-preview-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.hero-dialog-close{position:absolute;top:12px;right:16px;background:none;border:0;color:#fff;font-size:2rem;line-height:1}
.hero-dialog-kicker{display:block;color:#fa5068;font-size:.68rem;font-weight:800;letter-spacing:.14em;margin-bottom:14px}
.hero-preview-dialog h2{font-size:2rem;line-height:1.1;margin:0 0 17px}
.hero-preview-dialog p{color:#c9c5cc;line-height:1.5}
.hero-dialog-done{border:0;border-radius:99px;background:#fa5068;color:#16070a;padding:12px 22px;font-weight:750}
@media(max-width:1170px){.hero-chooser{right:2.5%;gap:6px;max-width:50%}.hero-thumb{flex-basis:78px;width:78px;height:111px}.hero-thumb-title{font-size:.68rem}.hero-feature .hero-description{max-width:475px}.hero-feature h1{max-width:500px}}
@media(max-width:800px){
  .site-header{height:66px;background:linear-gradient(180deg,#000c,#0002)}
  .hero.hero-feature{height:870px;min-height:870px}
  .hero-feature .hero-image{inset:0 0 auto;height:555px;object-position:72% center}
  .hero-feature::before{background:linear-gradient(0deg,#000 29%,#000e 43%,#0006 65%,#0004 100%),linear-gradient(90deg,#0007,transparent 75%)}
  .hero-feature::after{height:45px}
  .hero-feature .hero-content{padding-top:400px;width:calc(100% - 36px)}
  .hero-feature h1{font-size:clamp(2.05rem,6vw,2.65rem);max-width:610px;margin-bottom:13px}
  .hero-badges{margin-bottom:12px}
  .hero-badge{min-height:30px;font-size:.78rem;padding-inline:11px}
  .hero-feature .hero-description{font-size:.93rem;line-height:1.42;max-width:610px;-webkit-line-clamp:5;margin-bottom:19px}
  .hero-play{height:52px;min-width:205px;font-size:1.12rem}
  .hero-chooser{left:15px;right:8px;bottom:28px;max-width:none;gap:4px}
  .hero-progress{bottom:9px}
  .hero-thumbnails{flex:1;gap:8px}
  .hero-thumb{flex-basis:78px;width:78px;height:108px}
  .hero-next{width:29px}
}
@media(max-width:520px){
  .hero.hero-feature{height:870px;min-height:870px}
  .hero-feature .hero-image{height:490px;object-position:70% center}
  .hero-feature .hero-content{padding-top:355px}
  .hero-feature h1{font-size:clamp(2rem,8vw,2.4rem);line-height:1.08}
  .hero-feature .hero-description{-webkit-line-clamp:6;font-size:.9rem;line-height:1.38}
  .hero-chooser{bottom:29px}
  .hero-progress{bottom:7px}
  .hero-thumb{flex-basis:76px;width:76px;height:108px}
}

/* Cada novela destacada tiene un título de campaña, no un encabezado genérico. */
.hero-feature h1#hero-title{--title-accent:#f2d39a;position:relative;max-width:620px;margin-bottom:19px;font-size:clamp(2.65rem,4vw,4rem);font-weight:400;letter-spacing:0;line-height:.98;text-transform:uppercase;filter:drop-shadow(0 4px 11px #000d)}
.hero-feature .hero-title-line{display:block;width:fit-content;max-width:100%;line-height:1.02;text-wrap:balance;overflow-wrap:normal}
.hero-feature h1#hero-title::after{content:"";display:block;width:86px;height:2px;margin-top:15px;background:linear-gradient(90deg,var(--title-accent),transparent)}
.hero-feature[data-theme="dragon"] h1{font-family:Cinzel,Georgia,serif;color:#f8e8bd;text-shadow:0 2px 1px #3b200b,0 4px 18px #000,0 0 22px #ad793b70}
.hero-feature[data-theme="dragon"] .hero-title-line-1{font-size:.47em;font-weight:900;letter-spacing:.12em;color:#fff1d3}
.hero-feature[data-theme="dragon"] .hero-title-line-2{font-size:.59em;font-weight:700;letter-spacing:.025em}
.hero-feature[data-theme="dragon"] .hero-title-line-3{font-size:1.04em;font-weight:900;letter-spacing:-.055em;color:#ffda86}
.hero-feature[data-theme="sport"] h1{--title-accent:#76c4fc;font-family:Anton,Impact,sans-serif;font-style:italic;color:#f6f9ff;text-shadow:3px 4px 0 #1b365a,0 6px 19px #000}
.hero-feature[data-theme="sport"] .hero-title-line-1{font-size:.58em;letter-spacing:.025em}
.hero-feature[data-theme="sport"] .hero-title-line-2{font-size:1.35em;letter-spacing:.01em;color:#9bd8ff}
.hero-feature[data-theme="sport"] .hero-title-line-3{font-size:.82em;letter-spacing:.02em}
.hero-feature[data-theme="genie"] h1{--title-accent:#f9d469;font-family:Cinzel,Georgia,serif;color:#fff1cd;text-shadow:0 2px 1px #53330d,0 5px 18px #000,0 0 20px #c28e3670}
.hero-feature[data-theme="genie"] .hero-title-line-1{font-size:.57em;letter-spacing:.1em}
.hero-feature[data-theme="genie"] .hero-title-line-2{font-size:.96em;font-weight:900;letter-spacing:-.035em}
.hero-feature[data-theme="genie"] .hero-title-line-3{font-size:1.21em;font-weight:900;letter-spacing:.04em;color:#ffda83}
.hero-feature[data-theme="doctor"] h1{--title-accent:#f3b9ae;font-family:"Playfair Display",Georgia,serif;color:#fff9f2;text-transform:none;font-style:italic;text-shadow:0 3px 2px #302023,0 6px 22px #000}
.hero-feature[data-theme="doctor"] .hero-title-line-1{font-size:.87em}
.hero-feature[data-theme="doctor"] .hero-title-line-2{font-size:.56em;letter-spacing:.04em;color:#f6d5c8}
.hero-feature[data-theme="doctor"] .hero-title-line-3{font-size:1.03em;color:#ffd0c0}
.hero-feature[data-theme="first-love"] h1{--title-accent:#f69cc5;font-family:"DM Serif Display",Georgia,serif;color:#fff5f5;text-transform:none;text-shadow:0 3px 2px #542435,0 6px 20px #000}
.hero-feature[data-theme="first-love"] .hero-title-line-1{font-size:.54em;letter-spacing:.015em}
.hero-feature[data-theme="first-love"] .hero-title-line-2{font-family:"Berkshire Swash",Georgia,serif;font-size:1.06em;color:#ffa8ce}
.hero-feature[data-theme="first-love"] .hero-title-line-3{font-family:"Berkshire Swash",Georgia,serif;font-size:1.25em;color:#ffe7e9}
.hero-feature[data-theme="ranch"] h1{--title-accent:#e6b779;font-family:Rye,Georgia,serif;color:#fff1d5;text-transform:none;text-shadow:0 3px 2px #503018,0 6px 20px #000}
.hero-feature[data-theme="ranch"] .hero-title-line-1{font-size:.47em}
.hero-feature[data-theme="ranch"] .hero-title-line-2{font-size:1.04em;color:#f8d199}
.hero-feature[data-theme="ranch"] .hero-title-line-3{font-size:.55em;letter-spacing:.01em}
.hero-feature[data-theme="vows"] h1{--title-accent:#e997aa;font-family:Cinzel,Georgia,serif;color:#fff1f0;text-shadow:0 3px 2px #45141f,0 7px 23px #000,0 0 24px #a1224780}
.hero-feature[data-theme="vows"] .hero-title-line-1{font-size:1.14em;font-weight:900;letter-spacing:.035em}
.hero-feature[data-theme="vows"] .hero-title-line-2{font-size:1.43em;font-weight:900;letter-spacing:-.045em;color:#ffbac7}
.hero-feature[data-theme="ranch-love"] h1{--title-accent:#e9ad7a;font-family:"DM Serif Display",Georgia,serif;color:#fff5e8;text-transform:none;text-shadow:0 3px 2px #38242a,0 7px 20px #000}
.hero-feature[data-theme="ranch-love"] .hero-title-line-1{font-size:.91em}
.hero-feature[data-theme="ranch-love"] .hero-title-line-2{font-size:.83em;color:#f9cfa5}
.hero-feature[data-theme="ranch-love"] .hero-title-line-3{font-size:.65em;font-style:italic}
@media(max-width:800px){.hero-feature h1#hero-title{font-size:clamp(2.35rem,7vw,3.1rem);max-width:620px;margin-bottom:15px}}
@media(max-width:520px){.hero-feature h1#hero-title{font-size:clamp(2.22rem,8.2vw,2.65rem);max-width:100%;margin-bottom:13px}.hero-feature h1#hero-title::after{margin-top:10px;width:56px}.hero-feature[data-theme="dragon"] .hero-title-line-3{font-size:.98em}.hero-feature[data-theme="sport"] .hero-title-line-2{font-size:1.22em}}