.elementor-90 .elementor-element.elementor-element-94ebf42{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-90 .elementor-element.elementor-element-4e68093{--e-image-carousel-slides-to-show:1;}.elementor-90 .elementor-element.elementor-element-4e68093 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-90 .elementor-element.elementor-element-94ebf42{--min-height:0px;}}/* Start custom CSS for image-carousel, class: .elementor-element-4e68093 *//* Asegura que el carrusel ocupe 600px de altura y el ancho completo de la pantalla */
.elementor-image-carousel img {
    width: 100%;
    height: 750px; /* Ajusta la altura fija del carrusel */
    object-fit: cover; /* Asegura que la imagen se ajuste sin deformarse */
    
}

/* Haz que el contenedor del carrusel ocupe todo el ancho */
.elementor-image-carousel-wrapper {
    max-width: 100%;
}

/* Título en la esquina inferior derecha */
.custom-carousel-title {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
    font-size: 2em; /* Ajusta el tamaño del texto */
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente para visibilidad */
    padding: 10px 20px;
    border-radius: 5px;
}

/* Responsividad */
@media (max-width: 768px) {
    .elementor-image-carousel img {
        height: 450px; /* Reduce la altura en pantallas pequeñas */
    }
    .custom-carousel-title {
        font-size: 1.5em; /* Ajusta el tamaño del texto en pantallas pequeñas */
    }
}/* End custom CSS */