/* ==========================================
   FONDO BOSQUE ENCANTADO - v4
   Integración total en Body
========================================== */

/* Reset base para asegurar altura completa */
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
    overflow-x: hidden;
}

body {
    position: relative;
    
    /* Degradado y Texturas integradas */
    background: 
        /* 4. Musgo disperso (se verá sutil sobre los colores) */
        url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.2' numOctaves='2' stitchTiles='stitch'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' fill='%235a783c' fill-opacity='0.2'/%3E%3C/svg%3E"),
        
        /* 3. Arena (grano medio con contraste) */
        url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' fill='%23a8a090' fill-opacity='0.3'/%3E%3C/svg%3E"),
        
        /* 2. Grano grueso (tu archivo SVG) */
        url("https://casitasdecuento.es/wp-content/uploads/2020/04/grano-grueso.svg"),
        
        /* 1. Grano fino (tu archivo SVG) */
        url("https://casitasdecuento.es/wp-content/uploads/2020/04/grano-fino.svg"),
        
        /* Degradado base (tus colores) */
        linear-gradient(
            180deg,
            #ffffff 4%,
            #e9eebc 12%,
            #dddca0 18%,
            #c5c486 26%,
            #949050 34%,
            #8e803e 44%,
            #767127 54%,
            #6d6a25 64%,
            #55531b 70%,
            #394012 76%,
            #252508 82%,
            #20180a 90%,
            #000000 96%
        );

    /* Ajustes de repetición y escala */
    background-repeat: repeat, repeat, repeat, repeat, no-repeat;
    background-size: 800px 800px, 400px 400px, 1400px 1400px, 900px 900px, 100% 100%;
    
    /* Mezcla: overlay mantiene la vitalidad del color, normal deja que el degradado base se vea puro */
    background-blend-mode: overlay, overlay, multiply, multiply, normal;
}

/* ==========================================
   ELEMENTOR Y RENDER
========================================== */
.elementor-section:not(.tiene-fondo),
.e-con:not(.tiene-fondo),
.elementor-widget-wrap:not(.tiene-fondo),
.elementor-inner-section:not(.tiene-fondo),
.elementor-container:not(.tiene-fondo){
    background: transparent !important;
}

section, .elementor-section, .elementor-widget {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.elementor, .elementor-element, .elementor-widget-wrap, .elementor-container, .elementor-section, .elementor-column {
    position: relative;
    z-index: 10;
}