.elementor-2838 .elementor-element.elementor-element-15f3b2e{--display:flex;--min-height:100vh;--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;--justify-content:center;--overlay-opacity:0.7;}.elementor-2838 .elementor-element.elementor-element-15f3b2e::before, .elementor-2838 .elementor-element.elementor-element-15f3b2e > .elementor-background-video-container::before, .elementor-2838 .elementor-element.elementor-element-15f3b2e > .e-con-inner > .elementor-background-video-container::before, .elementor-2838 .elementor-element.elementor-element-15f3b2e > .elementor-background-slideshow::before, .elementor-2838 .elementor-element.elementor-element-15f3b2e > .e-con-inner > .elementor-background-slideshow::before, .elementor-2838 .elementor-element.elementor-element-15f3b2e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2838 .elementor-element.elementor-element-f6f88f5 > .elementor-widget-container{padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D4A017;border-radius:0px 0px 0px 0px;}.elementor-2838 .elementor-element.elementor-element-f6f88f5.elementor-element{--align-self:center;}.elementor-2838 .elementor-element.elementor-element-f6f88f5{text-align:center;}.elementor-2838 .elementor-element.elementor-element-f6f88f5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1.8px;color:#D4A017;}.elementor-2838 .elementor-element.elementor-element-9a8fb26{text-align:center;}.elementor-2838 .elementor-element.elementor-element-9a8fb26 .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-2838 .elementor-element.elementor-element-8be925d{text-align:center;font-weight:300;color:var( --e-global-color-astglobalcolor5 );}.elementor-2838 .elementor-element.elementor-element-8f3a479{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2838 .elementor-element.elementor-element-8f3a479:not(.elementor-motion-effects-element-type-background), .elementor-2838 .elementor-element.elementor-element-8f3a479 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F0E8;}.elementor-2838 .elementor-element.elementor-element-91fe764 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-2838 .elementor-element.elementor-element-91fe764 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-2838 .elementor-element.elementor-element-91fe764 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2838 .elementor-element.elementor-element-91fe764{--image-border-radius:20px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:28px;--content-transition-duration:800ms;--content-transition-delay:800ms;}@media(max-width:1024px){.elementor-2838 .elementor-element.elementor-element-8f3a479{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-2838 .elementor-element.elementor-element-9a8fb26 .elementor-heading-title{font-size:36px;}}/* Start custom CSS for gallery, class: .elementor-element-91fe764 *//* ==========================================
   1. ANIQUILAR EL ALTO INLINE DE ELEMENTOR
   ========================================== */
/* Forzamos a absolutamente todos los contenedores padres a colapsar el espacio fantasma */
.elementor-2838 .elementor-element.elementor-element-91fe764,
.elementor-2838 .elementor-element.elementor-element-91fe764 .elementor-widget-container,
.elementor-2838 .elementor-element.elementor-element-91fe764 .elementor-gallery,
.elementor-2838 .elementor-element.elementor-element-91fe764 .elementor-gallery__container {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    overflow: visible !important;
}

/* ==========================================
   2. REESTRUCTURACIÓN DEL GRID (Contenedor)
   ========================================== */
.elementor-2838 .elementor-element.elementor-element-91fe764 .elementor-gallery__container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    margin-bottom: 20px !important; /* Espacio limpio controlado al final de la cuadrícula */
}

/* ==========================================
   3. CONFIGURACIÓN INDIVIDUAL DE LAS FOTOS
   ========================================== */
.elementor-2838 .elementor-element.elementor-element-91fe764 .elementor-gallery-item {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 250px !important; /* Altura de tarjeta fija y consistente */
    overflow: hidden !important;
    border-radius: 20px !important;
    background: #f5efe6 !important;
    
    /* Forzar la anulación de los valores left/top absolutos del JS */
    left: auto !important;
    top: auto !important;
    position: relative !important;
    transform: none !important;
    
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* ==========================================
   4. CONTROL DE LAS IMÁGENES INTERNAS
   ========================================== */
.elementor-2838 .elementor-element.elementor-element-91fe764 .e-gallery-image {
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* ==========================================
   5. EFECTOS HOVER
   ========================================== */
.elementor-2838 .elementor-element.elementor-element-91fe764 .elementor-gallery-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12) !important;
    z-index: 5;
}

.elementor-2838 .elementor-element.elementor-element-91fe764 .elementor-gallery-item:hover .e-gallery-image {
    transform: scale(1.05) !important;
}

/* ==========================================
   6. RESPONSIVE (Móviles)
   ========================================== */
@media (max-width: 767px) {
    .elementor-2838 .elementor-element.elementor-element-91fe764 .elementor-gallery__container {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    .elementor-2838 .elementor-element.elementor-element-91fe764 .elementor-gallery-item {
        height: 210px !important;
        border-radius: 16px !important;
    }
}/* End custom CSS */