/* Efecto Parallax Avanzado */

/* Parallax básico para todas las secciones de Elementor */
.elementor-section {
    background-attachment: fixed !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Parallax específico para tu sección */
.elementor-1318 .elementor-element.elementor-element-9e1a3b7,
.elementor-1318 .elementor-element.elementor-element-9e1a3b7:not(.elementor-motion-effects-element-type-background),
.elementor-1318 .elementor-element.elementor-element-9e1a3b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-attachment: fixed !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    min-height: 100vh;
}

/* Efecto parallax más suave */
.parallax-section {
    background-attachment: fixed !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: 120% auto !important;
    background-clip: border-box !important;
}

/* Ajustes para diferentes alturas de sección */
.parallax-tall {
    background-size: 100% auto !important;
    background-position: center top !important;
}

.parallax-medium {
    background-size: 110% auto !important;
    background-position: center top !important;
}

.parallax-short {
    background-size: 120% auto !important;
    background-position: center top !important;
}

/* Desactivar parallax en móviles para mejor rendimiento */
@media (max-width: 768px) {
    .elementor-section,
    .elementor-1318 .elementor-element.elementor-element-9e1a3b7,
    .parallax-section {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center center !important;
    }
}

/* Efecto parallax con JavaScript (más suave) */
.parallax-js {
    background-attachment: scroll !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    will-change: transform;
}

/* Optimización de rendimiento */
.elementor-section[style*="background-image"] {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}