.elementor-147 .elementor-element.elementor-element-4185965{--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;--overlay-opacity:0.7;--padding-top:248px;--padding-bottom:180px;--padding-left:30px;--padding-right:30px;}.elementor-147 .elementor-element.elementor-element-4185965:not(.elementor-motion-effects-element-type-background), .elementor-147 .elementor-element.elementor-element-4185965 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rocioperezsoprano.com/wp-content/uploads/2026/08/c85078_cf084d345bef4c7d8504b5c441cefc11mv2-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-147 .elementor-element.elementor-element-4185965::before, .elementor-147 .elementor-element.elementor-element-4185965 > .elementor-background-video-container::before, .elementor-147 .elementor-element.elementor-element-4185965 > .e-con-inner > .elementor-background-video-container::before, .elementor-147 .elementor-element.elementor-element-4185965 > .elementor-background-slideshow::before, .elementor-147 .elementor-element.elementor-element-4185965 > .e-con-inner > .elementor-background-slideshow::before, .elementor-147 .elementor-element.elementor-element-4185965 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000E0;--background-overlay:'';}.elementor-147 .elementor-element.elementor-element-aa77fb3{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;}.elementor-147 .elementor-element.elementor-element-aa77fb3 .elementor-heading-title{font-family:var( --e-global-typography-b797ba6-font-family ), Sans-serif;font-size:var( --e-global-typography-b797ba6-font-size );font-weight:var( --e-global-typography-b797ba6-font-weight );line-height:var( --e-global-typography-b797ba6-line-height );letter-spacing:var( --e-global-typography-b797ba6-letter-spacing );color:var( --e-global-color-primary );}.elementor-147 .elementor-element.elementor-element-7f0ac85{--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:6em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-147 .elementor-element.elementor-element-7f0ac85:not(.elementor-motion-effects-element-type-background), .elementor-147 .elementor-element.elementor-element-7f0ac85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-147 .elementor-element.elementor-element-ddd2233 .gallery-item .gallery-caption{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-147 .elementor-element.elementor-element-4185965{--padding-top:160px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-147 .elementor-element.elementor-element-aa77fb3{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}.elementor-147 .elementor-element.elementor-element-aa77fb3 .elementor-heading-title{font-size:var( --e-global-typography-b797ba6-font-size );line-height:var( --e-global-typography-b797ba6-line-height );letter-spacing:var( --e-global-typography-b797ba6-letter-spacing );}}@media(max-width:767px){.elementor-147 .elementor-element.elementor-element-4185965{--padding-top:160px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-147 .elementor-element.elementor-element-aa77fb3{width:100%;max-width:100%;}.elementor-147 .elementor-element.elementor-element-aa77fb3 .elementor-heading-title{font-size:var( --e-global-typography-b797ba6-font-size );line-height:var( --e-global-typography-b797ba6-line-height );letter-spacing:var( --e-global-typography-b797ba6-letter-spacing );}}/* Start custom CSS for image-gallery, class: .elementor-element-ddd2233 *//* =========================================
   GALERÍA ELEMENTOR - ESTILO MURO
   ========================================= */

.elementor-image-gallery .gallery {
    column-count: 4;
    column-gap: 14px;
    margin: 0;
}

.elementor-image-gallery .gallery-item {
    display: inline-block;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    break-inside: avoid;
    position: relative;
}

.elementor-image-gallery .gallery-icon {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.elementor-image-gallery .gallery-item img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0;
    object-fit: contain;
    transition:
        transform 0.3s ease,
        filter 0.3s ease;
}


/* =========================================
   OVERLAY + ANIMACIÓN HOVER
   ========================================= */

.elementor-image-gallery .gallery-item .gallery-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition:
        background 0.3s ease,
        box-shadow 0.3s ease;
    pointer-events: none;
}

.elementor-image-gallery .gallery-item:hover .gallery-icon::after {
    background: rgba(0, 0, 0, 0.06);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.elementor-image-gallery .gallery-item:hover img {
    transform: scale(1.015);
}


/* =========================================
   LIGHTBOX
   Ocultar nombre de archivo y footer
   ========================================= */

.elementor-slideshow__footer {
    display: none !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .elementor-image-gallery .gallery {
        column-count: 3;
    }

}


/* =========================================
   MÓVIL
   ========================================= */

@media (max-width: 767px) {

    .elementor-image-gallery .gallery {
        column-count: 2;
        column-gap: 10px;
    }

    .elementor-image-gallery .gallery-item {
        margin-bottom: 10px !important;
    }

}/* End custom CSS */