/* Estilos generales del menú */
 .nav {
    padding: 5px 0px 5px 70px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    background-color: white ;
}

.menu-movil{
    display: none;
}
.boton-login-movil{
    display: none;
}
.nav-menu {
    list-style: none;
    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center; /* Centrado vertical */
    margin: 0;
    padding: 5px 1px 5px 450px;
} 

.logo-container {
    display: flex;
    align-items: center;
}

.icon {
    color: rgb(234, 179, 8);
}

.h1-container {
    color: #ffffff;
    user-select: none;
    font-size: 10px;
    margin-left: 0px;
    position: absolute;
    left: 290px;
    z-index: -1;
}
.h2-container {
    color: #000;
    user-select: none;
    font-size: 24px;
    margin-left: 8px;
}

.logo-container img {
    width: 90px;
    height: auto;
    margin-right: 10px;
}

.logo-text {
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}


.nav-menu li {
    font-weight: 550;
}

.nav-menu li a {
    color: #6b6b6b;
    padding: 10px 15px;
    font-size: 18px;
    cursor: pointer;
    transition: color 0.3s;
    border-radius: 5px;
    text-decoration: none;
}

.nav-menu li a:hover {
    color: #d3cfc7;

}


    @media (max-width: 1024px) {
        .nav-menu {
            display: none;
        }
    }


    @media (max-width: 768px) {
        .nav {
            padding-left: 20px; /* Ajuste del padding para móviles */
        }
    
        .nav-menu {
            display: none;
        }
    }

    @media (max-width: 480px) {

    .menu-movil{
        display: flex;
        padding-top: 15px;
    }
    .falling-word {
        display: inline-block;
        animation: fall-and-clear 0.8s ease-out forwards;
        }
    
        @keyframes fall-and-clear {
        0% {
            transform: translateY(-20px);
            filter: blur(6px);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            filter: blur(0);
            opacity: 1;
        }
        }
        
    .saludo-usuario-movil{
        display: block;
        color: #494949;
    }
    .boton-perfil-movil{
        display: block;
        color: #494949;
    }
    .boton-logout-movil{
        display: block;
        color: #494949;
    }
    .boton-login-movil{
        display: block;
        position: absolute;
        top: 22px;
        right: 20px;
        border-radius: 7px;
        padding: 9px 17px 9px 17px;
        background-color: #f3b033;
        color: rgb(255, 255, 255);
        text-decoration: none;
        font-weight: 700;
    }
    


    }