/* ************************************* */
/*  SLIDES SLIDES SLIDES SLIDES */
/* ************************************* */
/* Flechas de navegación */
.n_previous,.n_next{background-color:#ECECEC!important;border-radius:21px!important;width:60px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none}
/* Iconos de las flechas */
.n_previous .icon_arrow,.n_next .icon_arrow{color:black!important;font-size:16px!important;text-decoration:none}
/* Hover de las flechas */
.n_previous:hover,.n_next:hover{background-color:#DDDDDD!important;transition:background-color 0.3s ease!important}
/* Estilos para botones de navegación sobre fondo negro - nav-light */
.nav-light .n_wrapper_navigation .n_previous,.nav-light .n_wrapper_navigation .n_next{background-color:#474747!important;transition:all 0.3s ease!important}
/* Cambiar color de las flechas a blanco */
.nav-light .n_wrapper_navigation .n_previous .icon_arrow,.nav-light .n_wrapper_navigation .n_next .icon_arrow{color:white!important}
/* Efecto hover */
.nav-light .n_wrapper_navigation .n_previous:hover,.nav-light .n_wrapper_navigation .n_next:hover{background-color:#232323!important}
/* Estilos para sliders con diferentes transiciones */
/* Estilos base para todos los sliders */
.n_slides{overflow:hidden;position:relative;width:100%}
.n_container_slides{display:flex;transition:transform 0.5s ease-in-out}
.n_wrapper_slide{flex-shrink:0;width:100%}
/* Estilos específicos para slider con efecto fade */
/* Estilos mejorados para slider con efecto fade */
.fade-slider{display:flex;flex-direction:column}
.fade-slider .n_slides{flex:1;position:relative;min-height:300px;height:auto;overflow:hidden}
.fade-slider .n_container_slides{position:relative;width:100%!important;display:block;height:auto}
.fade-slider .n_wrapper_slide{position:absolute;top:0;left:0;opacity:0;z-index:1;width:100%;transition:opacity 0.8s ease-in-out;visibility:hidden;height:auto}
/* Mantener la primera slide visible para calcular altura correctamente */
.fade-slider .n_wrapper_slide:first-child{position:relative;visibility:hidden}
.fade-slider .n_wrapper_slide.active{opacity:1;z-index:2;visibility:visible}
.fade-slider .n_wrapper_navigation{position:static;margin-top:10px}
.fade-slider .n_image{width:100%;height:auto;display:block;max-width:100%}
.ebro-interior-carousel{width:70%;margin-left:auto;margin-right:auto}
.ebro-interior-carousel .n_image{aspect-ratio:5/3;object-fit:cover;width:100%;height:auto;display:block}
.ebro-interior-carousel .n_wrapper_navigation{grid-column-gap:16px;grid-row-gap:16px;justify-content:center;margin-top:18px;display:flex}
@media screen and (max-width:767px){
/* Altura mínima para móvil */
.fade-slider .n_slides{min-height:200px}
.global_container{grid-column-gap:24px!important;grid-row-gap:24px!important}
.ebro-interior-carousel{width:100%}
.ebro-interior-carousel .n_wrapper_navigation{margin-top:12px}
}