/* NAVBAR TRANSPARENTE SOBRE EL VIDEO */
#mainNav{
    background: transparent;
    transition: all 0.4s ease;
    padding: 1.3rem 0.1rem;
    z-index: 1000;
    border-bottom:solid white 1px;
}

/*añadido Susana 25/06 para que los link no queden tan transparentes cuando la barra va sobre el vídeo*/
#mainNav:not(.scrolled) .nav-link{
     color:#f4f1ea !important;
    font-weight: 400;
}

/* NAVBAR BLANCA AL HACER SCROLL */
#mainNav.scrolled{
    background: #ffffff;
    padding: 0.7rem 0.1rem;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);    
    border-bottom: 3px solid #BE9435;
    

}

/* Cuando la navbar es blanca, el texto pasa a oscuro */
#mainNav.scrolled .nav-link,
#mainNav.scrolled .navbar-brand,
#mainNav.scrolled .idiomas a{
    color: #000 !important;
    
}

#mainNav.scrolled .idiomas span{
    color: #000 !important;
    
}

#mainNav.scrolled .idiomas i{
    color: #000 !important;
    
}
/* Icono hamburguesa oscuro */
#mainNav.scrolled .navbar-toggler{
    filter: invert(1);
}

/* ESTADO INICIAL SOBRE EL VIDEO (navbar transparente) */
.liverde{
    border-top: transparent solid 1px;
    border-bottom: transparent solid 1px;
}

/* Hover cuando está sobre el vídeo → BLANCO */

.liverde:hover{
    border-top: #ffffff solid 1px;
    border-bottom: #ffffff solid 1px;
}

/* Cuando la navbar ya es blanca (scrolled) */
#mainNav.scrolled .liverde:hover{

    border-top: solid 1px #b08d57  ;
    border-bottom: solid 1px #b08d57;   
}



/* ITEM ACTIVO DEL MENÚ */
#mainNav .nav-link.active{
   
    border-bottom: #b08d57 solid 2px;
  
}

/* Cuando la navbar cambia al hacer scroll */
#mainNav.scrolled .nav-link.active{    
    border-bottom:  #b08d57 solid 2px;
    font-weight: bold;
}