.elementor-2748 .elementor-element.elementor-element-9dfd727{--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;}.elementor-2748 .elementor-element.elementor-element-e29d7e7{--display:flex;}.elementor-2748 .elementor-element.elementor-element-6172281{text-align:center;}.elementor-2748 .elementor-element.elementor-element-51d9ffd{--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;}.elementor-2748 .elementor-element.elementor-element-0631182{--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;}.elementor-2748 .elementor-element.elementor-element-3a52f5c .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-2748 .elementor-element.elementor-element-3a52f5c .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-2748 .elementor-element.elementor-element-3a52f5c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2748 .elementor-element.elementor-element-3a52f5c{--image-border-color:#FD7193;--image-border-width:0px;--image-border-radius:24px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-2748 .elementor-element.elementor-element-bd4d513{--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;}:root{--page-title-display:none;}/* Start custom CSS for gallery, class: .elementor-element-3a52f5c *//* Selecciona todas las imágenes dentro del contenedor de la galería */
.elementor-2748 .elementor-element.elementor-element-3a52f5c .elementor-image-gallery img, 
.elementor-2748 .elementor-element.elementor-element-3a52f5c .elementor-gallery-item img {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); /* Sombra suave */
    border-radius: 8px; /* Opcional: redondea un poco las esquinas para que luzca mejor */
    transition: all 0.3s ease-in-out; /* Para que el cambio sea suave */
}

/* Efecto opcional: La sombra aumenta cuando pasas el ratón por encima */
.elementor-2748 .elementor-element.elementor-element-3a52f5c .elementor-gallery-item img:hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.5);
    transform: translateY(-5px); /* Se eleva un poquito */
}

/* 1. Estado inicial de las imágenes */
.elementor-2748 .elementor-element.elementor-element-3a52f5c .elementor-gallery-item img,
.elementor-2748 .elementor-element.elementor-element-3a52f5c .elementor-image-gallery img {
    transition: all 0.4s ease-in-out !important; /* Suaviza el movimiento y el brillo */
    cursor: pointer;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); /* Sombra base discreta */
}

/* 2. Efecto al pasar el ratón (Hover) */
.elementor-2748 .elementor-element.elementor-element-3a52f5c .elementor-gallery-item img:hover,
.elementor-2748 .elementor-element.elementor-element-3a52f5c .elementor-image-gallery img:hover {
    /* MOVIMIENTO: Se eleva y crece un poco */
    transform: translateY(-10px) scale(1.03); 
    
    /* LUZ: Sombra con resplandor blanco/dorado */
    /* Puedes cambiar el color rgba(255, 255, 255, 0.6) por el de tu marca */
    box-shadow: 0px 15px 30px rgba(255, 255, 255, 0.5), 
                0px 10px 15px rgba(0, 0, 0, 0.3) !important;
    
    /* OPCIONAL: Un toque de brillo extra en la imagen */
    filter: brightness(1.1);
    z-index: 10; /* Asegura que la imagen que se mueve quede por encima de las otras */
    position: relative;
}/* End custom CSS */