/* ESTILOS GENERALES AL MENU DE NAVEGACION */

body {
  margin: 0;
  padding: 0;
}

.header {
  /*background: url(../img/fondo.jpg) no-repeat center;*/
  background-size: cover;
  min-height: 85vh;
}

.navbar-nav li:hover > ul.dropdown-menu {
  display: block;
  font-weight: 900;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  margin-top: -5px;
  left: 100%;
}

img {
  border-radius: 20px;
}

.alineado {
  text-align: center;
  justify-content: center;
}

.shadowNav:hover {
  background-color: #f8f9f9;
  border-radius: 5px;
}

.shadowNav a:hover {
  color: #000 !important;
}

/************************************/

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #f8f9f9;
  opacity: 0.7; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #f8f9f9;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #f8f9f9;
}
#bsccod {
  background-color: transparent;
  line-height: 2.4em;
  size: 5em;
  color: white;
}
.alert {
  margin-bottom: 0rem;
  border-radius: 0rem;
}
.enc2 {
  display: none;
}
.enc4 {
  display: none;
}

/*----------Boton de Idioma----------*/
.form-select-lg {
  font-size: 0.9rem !important;
}

/*ESTILO PARA EL BOTON DEL PERFIL*/

.dropdown-item:hover {
  color: #1e2125;
  background-color: transparent !important;
}

.perfilMenu li:hover {
  background-color: #dee2e6;
}

/*Para ocultar la flecha en */
.dropdown-toggle::after {
  display: none !important;
}

/* Estilos para la navegación en dispositivos móviles */
@media (max-width: 991px) {
  .navbar-expand-xl .navbar-toggler {
    display: block; /* Mostrar el botón del menú en dispositivos grandes */
  }

  .navbar-expand-xl .navbar-collapse {
    max-height: none; /* Mostrar la lista de navegación en dispositivos grandes */
  }

  /* Asegurarse de ocultar la lista de navegación en dispositivos más pequeños */
  .navbar-collapse {
    max-height: 0;
  }
}

/****************************/
/*************MEDIA QUERYS***************/

@media (max-width: 450px) {
  .enc1 {
    display: none;
  }
  .enc3 {
    display: none;
  }
  .enc5 {
    display: none;
  }
  .enc2 {
    display: flex;
    flex-wrap: wrap;
  }
  .enc4 {
    display: flex;
    flex-wrap: wrap;
  }
  .enc6 {
    display: block;
  }
}

@media (max-width: 576px) {
  .enc1 {
    display: none;
  }
  .enc3 {
    display: none;
  }
  .enc5 {
    display: none;
  }
  .enc2 {
    display: flex;
    flex-wrap: wrap;
  }
  .enc4 {
    display: flex;
    flex-wrap: wrap;
  }
  .enc6 {
    display: block;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
  .enc1 {
    display: none;
  }
  .enc3 {
    display: none;
  }
  .enc5 {
    display: none;
  }
  .enc2 {
    display: flex;
    flex-wrap: wrap;
  }
  .enc4 {
    display: flex;
    flex-wrap: wrap;
  }
  .enc6 {
    display: block;
  }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .enc1 {
    display: block;
  }
  .enc3 {
    display: block;
  }
  .enc5 {
    display: block;
  }
  .enc2 {
    display: none;
  }
  .enc4 {
    display: none;
  }
  .enc6 {
    display: none;
  }
}

@media (max-width: 1200px) {
  .navbar-nav {
    background-color: #21213b;
    width: 140px;
    border-radius: 10px;
    margin-top: 5px;
  }

  .nav-item {
    padding-left: 15px;
  }

  .dropdown-menu {
    /*background-color: blue;*/
    align-items: left;
    width: 190px;
  }

  .alineado {
    text-align: left;
    justify-content: left;
  }

  .enc1 {
    display: block;
  }
  .enc3 {
    display: block;
  }
  .enc5 {
    display: block;
  }
  .enc2 {
    display: none;
  }
  .enc4 {
    display: none;
  }
  .enc6 {
    display: none;
  }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
  .enc1 {
    display: block;
  }
  .enc3 {
    display: block;
  }
  .enc5 {
    display: block;
  }
  .enc2 {
    display: none;
  }
  .enc4 {
    display: none;
  }
  .enc6 {
    display: none;
  }
}