/**
 * 1. UNIFORMIDAD PARA CARRUSEL DE ELEMENTOR
 * Se aplica a cualquier carrusel con la clase "igualar-altura-carrusel" 
 * o de forma global a los carruseles estándar.
 */

/* Contenedor general de imágenes en carrusel */
.igualar-altura-carrusel .swiper-slide img,
.elementor-image-carousel-wrapper img {
    width: 100% !important;
    height: 300px !important; /* Altura estándar desktop */
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Ajuste específico para dispositivos móviles */
@media (max-width: 767px) {
    .igualar-altura-carrusel .swiper-slide img,
    .elementor-image-carousel-wrapper img {
        height: 250px !important; /* Altura optimizada para móvil */
    }
}

/* Limpieza de contenedores para evitar márgenes extra */
.elementor-image-carousel-wrapper .slick-slide figure,
.elementor-image-carousel-wrapper .swiper-slide figure {
    margin-bottom: 0;
    height: 100%;
}

/**
 * 2. LIGHTBOX CUSTOMIZATION
 * Ocultar metadatos (Título, Leyenda y Footer) en la Lightbox de Elementor
 */
.elementor-lightbox .elementor-slideshow__description,
.elementor-lightbox .elementor-slideshow__title,
.elementor-lightbox .elementor-slideshow__footer {
    display: none !important;
}