nav{
    width: 100%; /*Ocupa todo el ancho*/
    position: fixed; /*Se queda fijo arriba al hacer scroll*/
    z-index: 9999; /*Para que quede por encima*/
}

nav .rootNav{
    position: relative;
    width: 100%;
    z-index: 9999; /*para que quede por encima*/
    margin: 0 auto; 
    display: grid; 
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem; /*Separación entre columnas*/
    align-items: center; /*Centrado verticalmente*/
    padding: 1rem 2rem; /*Espaciado interno*/
}

#menuDesktop{
    width: fit-content;
    margin: 0 auto; /*Centrado*/
    display: grid; /*Los elementos se colocan en fila*/
    grid-auto-flow: column; 
    column-gap: 0.1rem; /*Separación mínima entre items*/
    align-items: center;
    gap: 1rem; /*Separación entre elementos*/
}

.menuDesktopItem a{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    text-decoration: none;
    letter-spacing: 0.015rem;
    color:#252a64;
    letter-spacing: -0.01rem; /*Espaciado de letras más juntas*/
}

.menuDesktopItem a:hover{
    color:#eeb900;
}

.menuDesktopItem.menuDesktopItem_startForFree a{
    color: #eeb900;
    letter-spacing: -0.01rem;
    font-weight: bold;
}

.menuDesktopItem.menuDesktopItem_startForFree a:hover{
    color:#23adc5;
}

.brandDesktop {
    width: 250px; /*Tamaño del logo*/
    height: auto;
}


.c2c_menuDesktop{
    display: flex;
    gap: 2rem; /*Separación entre el botón y el menú*/
    margin-left: 10px; /*Ajuste hacia la derecha*/
}

/*==BOTÓN DE DESCARGA==*/
#downloadProductSheet_nav{
    background-color: #23adc5;
    color: white;
    padding: 12px 20px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    letter-spacing: -0.01rem;
    gap: 10px;
    border-radius: 10px; 
    border: 3px solid rgb(0, 216, 227); /*borde del botón azul clarito*/
}

#downloadProductSheet_nav:hover{
    background-color: #252a64;
    border: 3px solid white;
}


/*ESCRITORIO*/
@media(min-width: 667px){
    nav .rootNav .brand .brandDesktop{
        display: block; /*mostrar*/
    }
}