/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://tusitio.com
 Description:  Tema hijo de Twenty Twenty-Five
 Author:       creamonts.com
 Template:     twentytwentyfive
 Version:      1.0
*/

/* Estilos personalizados */

/* ============= MENU CREAMONTS ============= */

/* Estilo base del menú */
#creamonts-nav {
    transition:
        background-color 0.35s ease,
        backdrop-filter 0.35s ease,
        opacity 0.35s ease,
        transform 0.35s ease;
    background: rgba(0, 0, 0, 0); /* Transparente */
    backdrop-filter: blur(0px);
    opacity: 1;
    transform: translateY(0);
}

/* Efecto sutil al hacer scroll */
#creamonts-nav.creamonts-scrolled {
    background: rgba(0, 0, 0, 0.3); /* Oscurecimiento MUY ligero */
    backdrop-filter: blur(5px);
}

/* Efecto al llegar al footer */
#creamonts-nav.creamonts-hidden {
    opacity: 0;
    transform: translateY(-6px); /* Muy sutil */
}

.hfe-flyout-wrapper .hfe-side.hfe-flyout-right {
    height: 100vh;
}
/*
header nav a.menu-active {
    color: red!important;
    font-weight: 600;
    transition: all 0.3s ease;
}*/

/* Línea invisible inicialmente */
@media screen and (min-width: 1024px) {
    header nav a:not(.elementor-button) {
        position: relative;
        text-decoration: none;
    }
    
    header nav a:not(.elementor-button)::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 5px;
        height: 1.5px;
        background-color: #fff!important; 
        transition: width 0.35s ease;
        width: 100%;
        height: 1.5px;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.35s ease;
    }
    
    header nav a:not(.elementor-button).menu-active::after {
        transform: scaleX(1);
        opacity: 1!important;
    }
}