.nav-item {
  border-bottom : 2px solid rgba(255, 255, 255, 0);
  transition    : .5s;
  margin-bottom : .5em;
}

nav.navbar {
  position         : fixed;
  top              : 0;
  left             : 0;
  width            : 100%;
  z-index          : 11;
  background-color : #FFFFFFDD
}

nav.navbar .container {
  padding : 1em;
}

nav.navbar .container .navbar-brand {
  height         : 33px;
  aspect-ratio   : 707/184;
  padding-top    : 0;
  padding-bottom : 0;
}

nav.navbar .container .navbar-brand img {
  width : 100%;
}

nav.navbar .container .navbar-toggler {
}

nav.navbar .container #navbarResponsive {
  padding-top   : 2em;
  padding-left  : 1em;
  padding-right : 1em;
}

#navbarResponsive:not(.collapsed) {
  height : 100vh;
}

#navbarResponsive .nav-item a {
}

#navbarResponsive .nav-item a:hover {
  transition : .5s;
}

#navbarResponsive .navbar-nav .nav-item ul.dropdown-menu.show {
  opacity    : 1;
  transition : .5s;
  height     : auto;
}

#navbarResponsive .navbar-nav .nav-item ul.dropdown-menu {
  opacity    : 0;
  transition : .5s;
  height     : 0;
  overflow   : hidden;
  padding    : .5em 2em;
}

#navbarResponsive .navbar-nav .nav-item a.nav-link {
  background-color : #303791;
  border-radius    : 14px;
  transition       : .5s;
  color            : #FFF;
  padding          : 6px 1em;
}

#navbarResponsive .navbar-nav .nav-item a.nav-link:hover {
  transition   : .5s;
  padding-left : 2em;
}

#navbarResponsive .navbar-nav .nav-item a.nav-link:hover :has(.color-azul-75) {
  background-color : rgba(var(--color-azul-agc-75), 0.13);
}

#navbarResponsive .navbar-nav .nav-item a.nav-link:hover :has(.color-rojo-75) {
  background-color : rgba(var(--color-rojo-agc-75), 0.13);
}

#navbarResponsive .navbar-nav .nav-item a.nav-link:hover :has(.color-verde-75) {
  background-color : rgba(var(--color-verde-agc-75), 0.13);
}

#navbarResponsive .notlogged-buttons {
}

#navbarResponsive .nav-link {
  position : relative;
}

#navbarResponsive .nav-link:not(.dropdown-toggle)::after {
  display        : inline-block;
  margin-left    : .255em;
  vertical-align : .255em;
  content        : "›";
  position       : absolute;
  right          : 12px;
  top            : 5px;
}

#navbarResponsive .dropdown-toggle::after {
  display        : inline-block;
  margin-left    : .255em;
  vertical-align : .255em;
  content        : "";
  border-top     : .3em solid;
  border-right   : .3em solid transparent;
  border-bottom  : 0;
  border-left    : .3em solid transparent;
  position       : absolute;
  right          : 12px;
  top            : 15px;
}

.dropdown-menu > li > a {
  display    : block;
  position   : relative;
  transition : .5s;
}

.dropdown-menu > li > a:hover {
  padding-left : 1em;
  transition   : .5s;
}

.dropdown-menu > li > a::after {
  display        : inline-block;
  margin-left    : .255em;
  vertical-align : .255em;
  /*content        : "›";*/
  position       : absolute;
  right          : 12px;
  top            : 5px;
}

@media (min-width : 768px) {
}

@media (min-width : 992px) {
}

@media (min-width : 1200px) {
  #navbarResponsive:not(.collapsed) {
    height : auto;
  }

  nav.navbar {
    position         : fixed;
    top              : 0;
    left             : 0;
    width            : 100%;
    z-index          : 11;
    background-color : transparent;
  }

  nav.navbar .container {
    background-color           : #FFF;
    border-bottom-left-radius  : 14px;
    border-bottom-right-radius : 14px;
    box-shadow                 : 0 0 16px -5px #000;
  }

  nav.navbar .container #navbarResponsive {
    padding : 0;
  }

  #navbarResponsive .navbar-nav .nav-item a.nav-link {
    background-color : transparent;
    border-radius    : 0;
    transition       : .5s;
    color            : var(--color-negro-agc);
    font-weight      : 500;
    font-size        : 1.2em;
    padding-left     : 1em;
    padding-right    : 1em;
  }

  #navbarResponsive .navbar-nav {
    justify-content : center;
    width           : 100%;
  }

  #navbarResponsive .navbar-nav .nav-item a.nav-link:hover {
    padding-left : 1em;
  }

  #navbarResponsive .nav-link:not(.dropdown-toggle)::after {
    content : "";
  }

  #navbarResponsive .dropdown-toggle::after {
    right : 0;
  }

  #navbarResponsive .navbar-nav .nav-item ul.dropdown-menu {
    padding : .5em .5em;
  }

  .dropdown-menu > li > a {
    border-bottom : 1px solid #FFF;
  }

  .dropdown-menu > li > a:hover {
    padding-left  : 0;
    transition    : .5s;
    border-bottom : 1px solid green
  }

  .dropdown-menu > li > a::after {
    right : 0;
    top   : 0;
  }

  #navbarResponsive .navbar-nav .nav-item ul.dropdown-menu {
    z-index     : -1;
    padding-top : 0px;
    opacity     : 1;
    transition  : .5s;
    height      : 0;
    display     : block;
  }

  #navbarResponsive .navbar-nav .nav-item ul.dropdown-menu.show {
    padding-top : 35px;
    opacity     : 1;
    transition  : .5s;
    height      : 9.5rem;
  }
}