/* Slider fotográfico v3: solo imágenes + contenido reubicado */

/* Slider de ancho completo y menor altura */
.channel-home-slider.channel-photo-only{
  position:relative;
  width:100%;
  max-width:none;
  min-height:430px;
  height:430px;
  margin:0;
  overflow:hidden;
  border-radius:0;
  background:#05080d;
  box-shadow:none;
  isolation:isolate;
}

.channel-photo-only .channel-slider-media,
.channel-photo-only .channel-slide,
.channel-photo-only .channel-slider-shade{
  position:absolute;
  inset:0;
}

.channel-photo-only .channel-slide{
  opacity:0;
  background-position:center center;
  background-size:cover;
  filter:saturate(1.08) contrast(1.03);
  transform:scale(1.025);
  transition:opacity 1s ease,transform 6.5s ease;
}

.channel-photo-only .channel-slide.is-active{
  opacity:1;
  transform:scale(1);
}

/* Overlay muy suave: las fotos son las protagonistas */
.channel-photo-only .channel-slider-shade{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(0,0,0,.14),transparent 34%,transparent 66%,rgba(0,0,0,.12)),
    linear-gradient(0deg,rgba(0,0,0,.13),transparent 48%);
}

.channel-photo-only .channel-slider-arrow{
  position:absolute;
  z-index:7;
  top:50%;
  width:46px;
  height:62px;
  margin-top:-31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.55);
  border-radius:5px;
  background:rgba(0,0,0,.30);
  color:#fff;
  font-size:36px;
  line-height:1;
  cursor:pointer;
  transition:.22s;
}

.channel-photo-only .channel-slider-arrow:hover{
  background:#d40000;
  border-color:#d40000;
}

.channel-photo-only .channel-slider-prev{left:24px}
.channel-photo-only .channel-slider-next{right:24px}

.channel-photo-only .channel-slider-dots{
  position:absolute;
  z-index:7;
  left:50%;
  bottom:18px;
  display:flex;
  gap:8px;
  transform:translateX(-50%);
}

.channel-photo-only .channel-slider-dots button{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.68);
  cursor:pointer;
  transition:.22s;
}

.channel-photo-only .channel-slider-dots button.is-active{
  width:30px;
  border-radius:8px;
  background:#d40000;
}

/* Nueva ubicación del texto y transmisión oficial */
.home-live-feature{
  padding:58px 0;
  background:#fff;
  border-bottom:1px solid #e2e8f0;
}

.home-live-feature .container{
  width:min(1180px,calc(100% - 40px));
  margin-inline:auto;
}

.home-live-feature-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  align-items:center;
  gap:64px;
}

.home-live-feature-copy .eyebrow{
  display:block;
  color:#d40000;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.home-live-feature-copy h1{
  max-width:760px;
  margin:12px 0 17px;
  color:#0b1220;
  font-size:clamp(40px,4.4vw,63px);
  line-height:1.02;
  letter-spacing:-.035em;
}

.home-live-feature-copy>p{
  max-width:690px;
  margin:0;
  color:#526071;
  font-size:18px;
  line-height:1.55;
}

.home-live-feature .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:25px;
}

.home-live-feature .btn{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border:1px solid #cbd5e1;
  font-weight:900;
}

.home-live-feature .btn.primary{
  border-color:#d40000;
  background:#d40000;
  color:#fff;
}

.home-live-feature .btn.dark-outline{
  border-color:#334155;
  background:#fff;
  color:#111827;
}

.home-live-feature-card{
  padding:30px;
  border-top:5px solid #d40000;
  background:#0b1220;
  color:#fff;
  box-shadow:0 18px 42px rgba(15,23,42,.16);
}

.home-live-feature-card h2{
  margin:18px 0 10px;
  font-size:25px;
}

.home-live-feature-card p{
  margin:0;
  color:#cbd5e1;
  line-height:1.5;
}

.home-live-feature-card>a{
  display:inline-block;
  margin-top:18px;
  color:#ff5151;
  font-weight:900;
}

.home-live-feature-card .live-chip{
  display:inline-block;
  padding:8px 11px;
  background:#d40000;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

@media(max-width:1000px){
  .channel-home-slider.channel-photo-only{
    height:380px;
    min-height:380px;
  }

  .home-live-feature-grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .home-live-feature-card{
    max-width:560px;
  }
}

@media(max-width:680px){
  .channel-home-slider.channel-photo-only{
    height:290px;
    min-height:290px;
  }

  .channel-photo-only .channel-slider-arrow{
    top:auto;
    bottom:14px;
    width:40px;
    height:40px;
    margin:0;
    font-size:27px;
  }

  .channel-photo-only .channel-slider-prev{left:14px}
  .channel-photo-only .channel-slider-next{right:14px}

  .channel-photo-only .channel-slider-dots{
    bottom:28px;
  }

  .home-live-feature{
    padding:42px 0;
  }

  .home-live-feature .container{
    width:min(100% - 28px,1180px);
  }

  .home-live-feature-copy h1{
    font-size:40px;
  }

  .home-live-feature-copy>p{
    font-size:16px;
  }
}

@media(prefers-reduced-motion:reduce){
  .channel-photo-only .channel-slide{
    transition:opacity .2s ease;
    transform:none;
  }
}

/* RC8.8 — CARRUSEL EDITORIAL PRINCIPAL */
.editorial-hero{position:relative;min-height:520px!important;height:520px;padding:0!important;overflow:hidden;background:#070b11}
.editorial-hero-track,.editorial-hero-slide,.editorial-hero-overlay{position:absolute;inset:0}
.editorial-hero-slide{opacity:0;display:flex;align-items:flex-end;background:radial-gradient(circle at 70% 35%,rgba(150,0,0,.35),transparent 38%),linear-gradient(135deg,#101826,#320b16);background-size:cover;background-position:center;transition:opacity .65s ease}
.editorial-hero-slide.is-active{opacity:1;z-index:2}
.editorial-hero-overlay{background:linear-gradient(90deg,rgba(4,7,12,.92) 0%,rgba(4,7,12,.72) 42%,rgba(4,7,12,.20) 72%,rgba(4,7,12,.10) 100%),linear-gradient(0deg,rgba(4,7,12,.82) 0%,rgba(4,7,12,.12) 65%)}
.editorial-hero-content{position:relative;z-index:3;width:min(1180px,calc(100% - 40px));padding-bottom:62px;color:#fff}
.editorial-hero-category{display:inline-flex;padding:7px 10px;background:#d40000;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.editorial-hero h1{max-width:900px;margin:16px 0 14px;color:#fff;font-size:clamp(38px,5.2vw,68px);line-height:1.02;letter-spacing:-.03em;text-shadow:0 2px 20px rgba(0,0,0,.28)}
.editorial-hero p{max-width:760px;margin:0;color:#e5e7eb;font-size:18px;line-height:1.55}
.editorial-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.editorial-outline{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.62)}
.editorial-hero-arrow{position:absolute;z-index:6;top:50%;width:46px;height:62px;margin-top:-31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:5px;background:rgba(0,0,0,.34);color:#fff;font-size:34px;cursor:pointer}
.editorial-hero-arrow:hover{background:#d40000;border-color:#d40000}.editorial-hero-prev{left:22px}.editorial-hero-next{right:22px}
.editorial-hero-dots{position:absolute;z-index:6;left:50%;bottom:18px;display:flex;gap:8px;transform:translateX(-50%)}
.editorial-hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.65);cursor:pointer}
.editorial-hero-dots button.is-active{width:30px;border-radius:8px;background:#d40000}
@media(max-width:800px){.editorial-hero{height:460px;min-height:460px!important}.editorial-hero-content{padding-bottom:54px}.editorial-hero h1{font-size:42px}.editorial-hero p{font-size:16px}}
@media(max-width:620px){.editorial-hero{height:430px;min-height:430px!important}.editorial-hero-content{width:min(100% - 28px,1180px)}.editorial-hero h1{font-size:34px}.editorial-hero-arrow{top:auto;bottom:16px;width:38px;height:38px;margin:0;font-size:25px}.editorial-hero-prev{left:14px}.editorial-hero-next{right:14px}.editorial-hero-dots{bottom:29px}}


/* =========================================================
   RC8.8.1 — AJUSTE VISUAL DEL CARRUSEL EDITORIAL PRINCIPAL
   Reduce altura, controla titulares largos y devuelve
   protagonismo a la fotografía.
   ========================================================= */
.editorial-hero{
  height:430px !important;
  min-height:430px !important;
}

.editorial-hero-slide{
  align-items:center !important;
  background-position:center 36% !important;
}

.editorial-hero-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(4,7,12,.92) 0%,
      rgba(4,7,12,.82) 34%,
      rgba(4,7,12,.48) 56%,
      rgba(4,7,12,.12) 78%,
      rgba(4,7,12,.04) 100%
    ),
    linear-gradient(
      0deg,
      rgba(4,7,12,.55) 0%,
      rgba(4,7,12,.08) 52%
    ) !important;
}

.editorial-hero-content{
  width:min(1180px,calc(100% - 40px)) !important;
  padding:34px 0 42px !important;
  margin-inline:auto;
}

.editorial-hero-category{
  padding:6px 9px !important;
  font-size:10px !important;
  letter-spacing:.11em !important;
}

.editorial-hero h1{
  width:min(58vw,720px) !important;
  max-width:720px !important;
  margin:12px 0 12px !important;
  font-size:clamp(34px,4vw,54px) !important;
  line-height:1.01 !important;
  letter-spacing:-.025em !important;

  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}

.editorial-hero p{
  width:min(55vw,670px) !important;
  max-width:670px !important;
  font-size:16px !important;
  line-height:1.45 !important;

  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

.editorial-hero-actions{
  margin-top:18px !important;
}

.editorial-hero-actions .btn{
  min-height:42px !important;
  padding:0 17px !important;
  font-size:13px !important;
}

.editorial-hero-arrow{
  width:42px !important;
  height:54px !important;
  margin-top:-27px !important;
  font-size:31px !important;
  background:rgba(0,0,0,.26) !important;
}

.editorial-hero-prev{left:16px !important}
.editorial-hero-next{right:16px !important}

.editorial-hero-dots{
  bottom:14px !important;
}

@media(max-width:1000px){
  .editorial-hero{
    height:390px !important;
    min-height:390px !important;
  }

  .editorial-hero h1{
    width:min(66vw,650px) !important;
    font-size:clamp(32px,4.4vw,47px) !important;
  }

  .editorial-hero p{
    width:min(64vw,620px) !important;
  }
}

@media(max-width:760px){
  .editorial-hero{
    height:400px !important;
    min-height:400px !important;
  }

  .editorial-hero-overlay{
    background:
      linear-gradient(0deg,rgba(4,7,12,.88) 0%,rgba(4,7,12,.36) 72%,rgba(4,7,12,.12) 100%) !important;
  }

  .editorial-hero-slide{
    align-items:flex-end !important;
  }

  .editorial-hero-content{
    width:min(100% - 28px,1180px) !important;
    padding:26px 0 46px !important;
  }

  .editorial-hero h1,
  .editorial-hero p{
    width:100% !important;
    max-width:none !important;
  }

  .editorial-hero h1{
    font-size:34px !important;
    -webkit-line-clamp:3;
  }

  .editorial-hero p{
    font-size:15px !important;
    -webkit-line-clamp:2;
  }

  .editorial-hero-arrow{
    top:auto !important;
    bottom:12px !important;
    width:36px !important;
    height:36px !important;
    margin:0 !important;
    font-size:24px !important;
  }

  .editorial-hero-prev{left:12px !important}
  .editorial-hero-next{right:12px !important}
  .editorial-hero-dots{bottom:24px !important}
}
