/*
 * SCARS - Three Background Zoom Out
 * Sección real detectada en el HTML:
 * padre: 3aa0d6a
 * fondos: 09bb710, 7b834ec, efc45fd
 */

.elementor-element-3aa0d6a {
    position: relative;
}

/* Cada bloque actúa como máscara de su propia imagen. */
.elementor-element-09bb710,
.elementor-element-7b834ec,
.elementor-element-efc45fd {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
}

/* Capa generada por JS copiando exactamente el background real de Elementor. */
.elementor-element-09bb710 > .scars-bg-zoom-layer,
.elementor-element-7b834ec > .scars-bg-zoom-layer,
.elementor-element-efc45fd > .scars-bg-zoom-layer {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    transform: scale(1.085);
    transform-origin: center center;
    transition: transform 1.55s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
    backface-visibility: hidden;
}

/* El contenido original queda siempre por encima del fondo clonado. */
.elementor-element-09bb710 > :not(.scars-bg-zoom-layer),
.elementor-element-7b834ec > :not(.scars-bg-zoom-layer),
.elementor-element-efc45fd > :not(.scars-bg-zoom-layer) {
    position: relative;
    z-index: 1;
}

/* Estado final. */
.elementor-element-3aa0d6a.scars-zoomout-play
.elementor-element-09bb710 > .scars-bg-zoom-layer,
.elementor-element-3aa0d6a.scars-zoomout-play
.elementor-element-7b834ec > .scars-bg-zoom-layer,
.elementor-element-3aa0d6a.scars-zoomout-play
.elementor-element-efc45fd > .scars-bg-zoom-layer {
    transform: scale(1);
}

/* Accesibilidad. */
@media (prefers-reduced-motion: reduce) {
    .scars-bg-zoom-layer {
        transform: none !important;
        transition: none !important;
    }
}


/*
 * Si Elementor ha aplicado el background mediante ::before, lo ocultamos
 * únicamente después de que JS haya clonado correctamente la imagen.
 */
.elementor-element-09bb710.scars-bg-zoom-prepared::before,
.elementor-element-7b834ec.scars-bg-zoom-prepared::before,
.elementor-element-efc45fd.scars-bg-zoom-prepared::before {
    background-image: none !important;
}