/* Compatibilidad: la plantilla usa CSS de Bootstrap 3, pero Joomla 4+ carga el JS de Bootstrap 5,
   que marca los elementos abiertos con .show en lugar de .open / .in */
.dropdown-menu.show { display: block; }
.collapse.show { display: block; }

/* Menú en móvil: al desplegarse cae fuera de la barra azul, y sus enlaces
   (color crema) quedaban sobre el fondo blanco de la página, ilegibles */
@media (max-width: 767px) {
  .navbar .navbar-collapse {
    background-color: #0e4c8a;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    padding-bottom: 8px;
  }
  .navbar .navbar-collapse .nav > li > a {
    padding: 10px 15px;
  }
  .navbar .navbar-collapse .dropdown-menu {
    background-color: #0b3f74;
    border: 0;
    box-shadow: none;
  }
  .navbar .navbar-collapse .dropdown-menu > li > a {
    background-color: transparent;
  }
  /* Bootstrap 3 los pinta en gris #777 dentro del menú colapsado */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .show .dropdown-menu > li > a {
    color: #f8e79c;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
  }
  /* Las tres barras del botón venían en gris sobre azul */
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
}