.navstyle{
    background-color: white !important;
    border-bottom: 1px solid #E5E5E5;
}
nav a{
    font-weight:400 !important;
    font-size: 20px !important;

}
nav span{
    font-size: 20px !important;
    font-weight:400 !important;
    color: #FF4D1C !important;
}

nav a:hover{
    color: #FF4D1C !important;
    text-decoration: underline; /* Subrayado */
    text-decoration-color: #FF4D1C; /* Color del subrayado */
    text-decoration-thickness: 5px; /* Grosor del subrayado */
    text-underline-offset: 5px; /* Separación del subrayado del texto */
}

.navbar hr{
    border-color: #ffffff91;
}
@media (max-width: 767px) { /* Establece el ancho máximo de la pantalla */
    .navbar-collapse{
        background-color: #0278B3;
        padding-left: 1vh;
    }
    nav a{
        font-weight:400 !important;
        font-size: 15px !important;
    }
    nav a:hover{
        color: White !important;
        text-decoration: underline; /* Subrayado */
        text-decoration-color: white; /* Color del subrayado */
        text-decoration-thickness: 5px; /* Grosor del subrayado */
        text-underline-offset: 5px; /* Separación del subrayado del texto */
    }
    .navbar-nav{
        padding-bottom: 2vh;
    }
    .login{
        padding-left:0;
        color: white !important;
    }
    .logo{
        height: 5vh;
    }
}

@media (min-width: 768px) { /* Establece el ancho máximo de la pantalla */
    .extrabar {
        display: none; /* Oculta el elemento */
    }
    .logo{
        height: 4vh;
    }
  }

@media (min-width: 1200px) { /* Establece el ancho máximo de la pantalla */
    .extrabar {
      display: none; /* Oculta el elemento */
    }
    .logo{
        height: 7vh;
    }
    
  }