/**
 * Estilos para menú secundario
 * Hace que Videos, Exposiciones, Conferencias y Biblioteca destaquen menos
 */

/* Estilos para escritorio - menú principal */
.main-menu .navigation > li.menu-secondary > a {
  font-size: 13px;
  color: rgb(0 0 0 / 50%);
  font-weight: 400;
  padding: 25px 12px;
}

.main-menu .navigation > li.menu-secondary > a:hover {
  color: #1c98d1;
}

.main-menu .navigation > li.menu-secondary.current > a {
  color: #1c98d1;
  opacity: 0.8;
}

/* Separador visual antes de las opciones secundarias */
.main-menu .navigation > li.menu-secondary:first-of-type {
  margin-left: 10px;
  border-left: 1px solid rgb(0 0 0 / 10%);
}

/* Estilos para menú móvil - sidebar */
.side-menu .navigation > li.menu-secondary > a {
  font-size: 14px;
  color: rgb(255 255 255 / 60%);
  font-weight: 400;
  padding: 8px 0;
}

.side-menu .navigation > li.menu-secondary > a:hover {
  color: rgb(255 255 255 / 90%);
}

.side-menu .navigation > li.menu-secondary.current > a {
  color: #1c98d1;
}

/* Separador en el menú móvil */
.side-menu .navigation > li.separator {
  height: 1px;
  background: rgb(255 255 255 / 10%);
  margin: 15px 0;
  pointer-events: none;
}

/* Responsive - ajustes para pantallas pequeñas */
@media (width <= 1199px) {
  .main-menu .navigation > li.menu-secondary {
    display: none; /* Ocultar en tablet/móvil en menú superior */
  }
}

@media (width <= 991px) {
  .side-menu .navigation > li.menu-secondary > a {
    font-size: 13px;
    padding: 6px 0;
  }
}