@media (min-width: 992px){ .nav-wrapper--sm{ display:none; } }

 .nav-wrapper--sm{ display:none;  }

 .nav-link.active {
  color: #fff !important;
}

/* Personalización solo para el nuevo dropdown */
.categoria-dropdown-menu {
  background-color: #eef0ff; /* Color de fondo personalizado */
  border-radius: 0.375rem; /* Si quieres darle un borde redondeado */
}

/* Personaliza los items si es necesario */
.categoria-dropdown-menu .dropdown-item {
  color: #495057;
  background-color: transparent;
}

/* Puedes agregar más personalización si lo necesitas */
.categoria-dropdown-menu .dropdown-item:hover {
  background-color: #e9ecef;
}

  
  /* Estilo base de las pestañas */
  .nav-tabs {
    border-bottom: 1px solid #0b2033; /* Color por defecto */
    transition: border-color 0.3s ease-in-out;
  }
  

/* 🟡 Amarillo */
.nav-tabs.border-yellow, .nav-link.border-yellow {
  border-bottom: 1px solid #0c330b !important;
}
.nav-link.border-yellow {
  background-color: #0b2033 !important;
  color: black !important;
  border-color: #0b2033 !important;
}

/* ⚫ Gris */
.nav-tabs.border-gray, .nav-link.border-gray {
  border-bottom: 1px solid gray !important;
}
.nav-link.border-gray {
  background-color: gray !important;
  color: white !important;
  border-color: gray !important;
}

/* 🔵 Azul */
.nav-tabs.border-blue, .nav-link.border-blue {
  border-bottom: 1px solid blue !important;
}
.nav-link.border-blue {
  background-color: blue !important;
  color: white !important;
  border-color: blue !important;
}

/* 🌊 Cian */
.nav-tabs.border-cyan, .nav-link.border-cyan {
  border-bottom: 1px solid cyan !important;
}
.nav-link.border-cyan {
  background-color: cyan !important;
  color: black !important;
  border-color: cyan !important;
}

  /* Diferentes colores para las categorías (también en el borde) */
  .nav-tabs.border-red, .nav-link.border-red {
    border-bottom: 1px solid red !important;
  }
  
  .nav-tabs.border-green, .nav-link.border-green {
    border-bottom: 1px solid green !important;
  }
  
  .nav-tabs.border-orange, .nav-link.border-orange {
    border-bottom: 1px solid orange !important;
  }
  
  /* Cambia el fondo, texto y borde del botón "Home" */
  .nav-link.border-red {
    background-color: red !important;
    color: white !important;
    border-color: red !important; /* Cambia el borde */
  }
  
  .nav-link.border-green {
    background-color: green !important;
    color: white !important;
    border-color: green !important; /* Cambia el borde */
  }
  
  .nav-link.border-orange {
    background-color: orange !important;
    color: white !important;
    border-color: orange !important; /* Cambia el borde */
  }
  



  .categoria-item {
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
}

.categoria-item:hover {
    background-color: #f0f0f0; /* Cambia el fondo al pasar el mouse */
}



#ambitoActual:focus,
#ambitoActual:focus-visible,
#ambitoActual a:focus,
#ambitoActual a:focus-visible{
  outline-color: transparent !important; /* oculta el color */
  box-shadow: none !important;           /* por si el navegador agrega glow */
}