/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 21 2026 | 18:28:29 */
/* =======================================================================
   FIX UI/UX: ALINEACIÓN PERFECTA DEL HEADER MÓVIL (SIN RUTAS QUEMADAS)
======================================================================= */

@media (max-width: 980px) {
    /* 1. Forzar layout horizontal y centrado vertical absoluto en la fila */
    .header-movil-flex {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important; /* Centra el logo y la hamburguesa en el eje Y */
        justify-content: space-between !important;
    }

    /* 2. Destruir márgenes fantasma de las columnas de Divi */
    .header-movil-flex .et_pb_column {
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 3. Eliminar el gap (espaciado inferior) que Divi le pone a los módulos de Imagen y Código */
    .header-movil-flex .et_pb_module {
        margin-bottom: 0 !important;
    }

    /* 4. Ocultar físicamente los módulos desactivados para que no ocupen espacio invisible */
    .header-movil-flex .et_pb_module.et_pb_hidden,
    .header-movil-flex .et_pb_module:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* =======================================================================
   LÓGICA DE INTERCAMBIO DE LOGOS (DOM TOGGLE)
======================================================================= */
/* Ocultamos el logo de color por defecto */
.logo-color-header { display: none !important; }
.logo-blanco-header { display: block !important; animation: fadeInLogo 0.3s ease; }

/* Al hacer scroll (.active): Invertimos la visibilidad */
.active .logo-blanco-header { display: none !important; }
.active .logo-color-header { display: block !important; animation: fadeInLogo 0.3s ease; }

/* Animación suave para evitar saltos (Flicker) */
@keyframes fadeInLogo {
    from { opacity: 0; }
    to { opacity: 1; }
}