.igem-dropdown{
  border-radius: .85rem;
  border: 1px solid var(--igem-stroke);
  padding: .4rem; 
  background: rgba(255,255,255,.95);
}

.nav-item.dropdown > .dropdown-menu { left: 0; right: auto; margin-top: .25rem; }
.navbar .dropdown-menu.dropdown-menu-end { left: auto; right: 0; }
.navbar .nav-item.dropdown { position: relative; }

.nav-item.dropdown .nav-link.dropdown-toggle{
  color: var(--igem-text);
  opacity: .95;
  font-weight: 600;
  transition: color .6s ease, background-color .25s ease;
  border-radius: .75rem;
}

/* White header links while on hero (before scroll) */
.home-landing:not(.nav-visible) .nav-item.dropdown .nav-link.dropdown-toggle{
  color: #ffffff;
}
.nav-item.dropdown .nav-link.dropdown-toggle:hover,
.nav-item.dropdown .nav-link.dropdown-toggle:focus{
  opacity: 1;
  background: var(--igem-accent-weak);
}

.nav-item .dropdown-toggle::after{
  margin-left: .35em;
  vertical-align: .15em;
  border-top: .35em solid;
  border-right: .35em solid transparent;
  border-left: .35em solid transparent;
  opacity: .6;
  transition: opacity .2s ease;
}
.nav-item .dropdown-toggle:hover::after{ opacity: 1; }

.dropdown-item{
  border-radius: .5rem;
  padding: .5rem .8rem; 
}
.dropdown-item:hover,
.dropdown-item:focus{
  background: var(--igem-accent-weak);
  color: var(--igem-text);
}

/* Ancho mínimo compacto para menús */
.dropdown-menu.igem-dropdown{ min-width: 210px; }

@media (min-width: 992px){
  .igem-hover-dropdown:hover > .dropdown-menu,
  .nav-item.dropdown:hover > .dropdown-menu{
    display: block;
    margin-top: .25rem;
  }
}