/*
 * SCARS - Three Images Zoom Out
 * Solo afecta a los tres widgets indicados.
 */

:root {
    --scars-zoom-start: 1.06;
    --scars-zoom-duration: 1.35s;
    --scars-zoom-easing: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Aseguramos que el zoom no desborde visualmente cada bloque. */
.elementor-element-09bb710 .elementor-widget-container,
.elementor-element-7b834ec .elementor-widget-container,
.elementor-element-efc45fd .elementor-widget-container {
    overflow: hidden;
}

/* Estado inicial: ligeramente ampliadas. */
.elementor-element-09bb710 img.scars-zoom-target,
.elementor-element-7b834ec img.scars-zoom-target,
.elementor-element-efc45fd img.scars-zoom-target {
    transform: scale(var(--scars-zoom-start));
    transform-origin: center center;
    transition:
        transform var(--scars-zoom-duration) var(--scars-zoom-easing);
    will-change: transform;
    backface-visibility: hidden;
}

/* Estado final: tamaño normal. */
.elementor-element-09bb710.scars-zoom-complete img.scars-zoom-target,
.elementor-element-7b834ec.scars-zoom-complete img.scars-zoom-target,
.elementor-element-efc45fd.scars-zoom-complete img.scars-zoom-target {
    transform: scale(1);
}

/* La imagen principal/header queda explícitamente fuera del efecto. */
.elementor-element-58cfc86 img {
    transform: none !important;
}

/* Accesibilidad: sin animación si el usuario pide reducir movimiento. */
@media (prefers-reduced-motion: reduce) {
    .elementor-element-09bb710 img.scars-zoom-target,
    .elementor-element-7b834ec img.scars-zoom-target,
    .elementor-element-efc45fd img.scars-zoom-target {
        transform: none !important;
        transition: none !important;
    }
}