/* Celestial — carrusel hero propio (cf_render_hero) */
#cf-hero.cf-hero{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;background:#000}
.cf-hero__track{position:absolute;inset:0}
.cf-hero__slide{position:absolute;inset:0;display:block;text-decoration:none}
.cf-hero__img{width:100%;height:100%;object-fit:cover;display:block}

/* Animación: fundido */
.cf-hero--fade .cf-hero__slide{opacity:0;transition:opacity .9s ease}
.cf-hero--fade .cf-hero__slide.is-active{opacity:1}

/* Animación: deslizar */
.cf-hero--slide .cf-hero__slide{transform:translateX(100%);transition:transform .7s cubic-bezier(.6,.05,.2,1);opacity:1}
.cf-hero--slide .cf-hero__slide.is-active{transform:translateX(0)}
.cf-hero--slide .cf-hero__slide.is-prev{transform:translateX(-100%)}

/* Sin animación */
.cf-hero--none .cf-hero__slide{opacity:0}
.cf-hero--none .cf-hero__slide.is-active{opacity:1}

/* Puntos */
.cf-hero__dots{position:absolute;left:0;right:0;bottom:22px;display:flex;gap:10px;justify-content:center;z-index:6}
.cf-hero__dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.45);transition:background .3s,transform .3s}
.cf-hero__dot.is-active{background:#fff;transform:scale(1.25)}

/* Flechas */
.cf-hero__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;border:0;cursor:pointer;background:rgba(0,0,0,.25);color:#fff;width:46px;height:46px;border-radius:50%;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .3s}
.cf-hero__nav:hover{background:rgba(0,0,0,.5)}
.cf-hero__nav--prev{left:16px}
.cf-hero__nav--next{right:16px}
@media(max-width:768px){.cf-hero__nav{width:38px;height:38px;font-size:20px}}