/* CKY V37: estilos limitados al slider de portada */
.hero.cky-slider{position:relative;overflow:hidden;isolation:isolate}
.hero.cky-slider .heroimg{position:absolute;inset:0;overflow:hidden;background:none!important;z-index:0}
.hero.cky-slider .cky-slide{position:absolute;inset:0;background-position:center center;background-size:cover;opacity:0;transition:opacity 1s ease;will-change:opacity}
.hero.cky-slider .cky-slide.is-active{opacity:1}
.hero.cky-slider .herogradient{pointer-events:none;z-index:1}
.hero.cky-slider .heroin{position:relative;z-index:2}
.hero.cky-slider .heroindex{z-index:3}
.cky-slider-controls{position:absolute;right:clamp(18px,4vw,65px);bottom:clamp(22px,4vw,60px);z-index:5;display:flex;gap:10px}
.cky-slider-controls button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(13,22,34,.55);color:#fff;font-size:22px;cursor:pointer;backdrop-filter:blur(6px)}
.cky-slider-controls button:hover,.cky-slider-controls button:focus-visible{background:#c5102b;border-color:#fff}
.cky-slider-dots{position:absolute;left:clamp(18px,4vw,65px);bottom:clamp(22px,4vw,60px);z-index:5;display:flex;gap:9px}
.cky-slider-dots button{width:24px;height:5px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.48);cursor:pointer;transition:background .2s,width .2s}
.cky-slider-dots button[aria-current="true"]{width:38px;background:#e41d39}
@media(max-width:760px){.cky-slider-controls{bottom:20px}.cky-slider-dots{bottom:32px}.hero.cky-slider .heroindex{display:none}}
@media(prefers-reduced-motion:reduce){.hero.cky-slider .cky-slide{transition:none}}

/* V38: hero panorámico compacto; no afecta otras secciones */
.hero.cky-slider {
  height: 460px !important;
  min-height: 460px !important;
  max-height: 460px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.hero.cky-slider .heroimg .cky-slide {
  background-size: cover;
  background-position: center 48%;
}
.hero.cky-slider .heroin {
  min-height: 0;
  padding-top: 35px;
  padding-bottom: 65px;
}
@media (max-width: 1024px) {
  .hero.cky-slider {height: 390px !important;min-height: 390px !important;max-height: 390px !important;}
  .hero.cky-slider .heroin {padding-top: 24px;padding-bottom: 52px;}
}
@media (max-width: 760px) {
  .hero.cky-slider {height: 350px !important;min-height: 350px !important;max-height: 350px !important;}
  .hero.cky-slider .heroin {padding-top: 18px;padding-bottom: 52px;}
  .hero.cky-slider .heroin h1 {font-size: clamp(28px, 7vw, 43px);line-height: 1.08;}
  .hero.cky-slider .heroin p {font-size: 13px;line-height: 1.45;}
  .hero.cky-slider .cky-slider-controls button {width: 34px;height: 34px;}
}
@media (max-width: 420px) {
  .hero.cky-slider {height: 340px !important;min-height: 340px !important;max-height: 340px !important;}
}

/* V48 - Evitar que los indicadores tapen el texto */
@media (max-width: 760px) {
  .hero.cky-slider .cky-slider-dots {
    bottom: 12px;
    left: 18px;
  }
}

/* V49 - Indicadores del slider al borde inferior */
.hero.cky-slider .cky-slider-dots {
    bottom: 8px !important;
    left: 18px !important;
    top: auto !important;
}

/* Mantener la misma posición en móviles */
@media (max-width: 760px) {
    .hero.cky-slider .cky-slider-dots {
        bottom: 8px !important;
        left: 18px !important;
    }
}