.elementor-8858 .elementor-element.elementor-element-f3ab29f:not(.elementor-motion-effects-element-type-background), .elementor-8858 .elementor-element.elementor-element-f3ab29f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-8858 .elementor-element.elementor-element-f3ab29f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-60px;margin-bottom:0px;padding:4em 0em 1em 0em;}.elementor-8858 .elementor-element.elementor-element-f3ab29f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8858 .elementor-element.elementor-element-5bebbf6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-8858 .elementor-element.elementor-element-b32e88c{text-align:center;}.elementor-8858 .elementor-element.elementor-element-b32e88c .elementor-heading-title{font-weight:bold;text-transform:uppercase;color:#FFFFFF;}.elementor-8858 .elementor-element.elementor-element-56e8ecc .gallery-item .gallery-caption{text-align:left;font-size:12px;margin-block-start:13px;}@media(max-width:1124px){.elementor-8858 .elementor-element.elementor-element-f3ab29f{margin-top:0px;margin-bottom:0px;padding:1em 0em 1em 0em;}}/* Start custom CSS *//* Solución simple que respeta columnas y permite clicks */
.elementor-image-gallery .gallery-item {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 5px !important;
}

.elementor-image-gallery .gallery-item img {
    transition: all 0.3s ease !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Efecto hover */
.elementor-image-gallery .gallery-item:hover img {
    filter: brightness(0.7) !important;
    transform: scale(1.02) !important;
}

/* Leyenda en la parte inferior - NO bloquea clicks */
.elementor-image-gallery .gallery-item .gallery-caption {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent) !important;
    color: white !important;
    padding: 30px 15px 10px !important;
    text-align: left !important;
    transform: translateY(100%) !important;
    transition: transform 0.3s ease !important;
    font-size: 14px !important;
    pointer-events: none !important; /* Permite clicks */
    z-index: 2 !important;
}

.elementor-image-gallery .gallery-item:hover .gallery-caption {
    transform: translateY(0) !important;
}/* End custom CSS */