@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

nav.navbar {
  height: 60px;
  background-image: url("../img/fondo.jpg");
  box-shadow: 0 3px 6px grey;
}

nav.navbar .dropdown-background {
  background-image: url("../img/fondo.jpg");
  font-family: Roboto;
  box-shadow: 0 3px 6px grey;
}

nav.navbar a.bloque-icono-navbar.bloqueado {
  cursor: not-allowed;
  opacity: 0.5;
}

nav.navbar a.bloque-icono-navbar {
  width: 75px;
  height: 47px;
  text-decoration: none;
}

nav.navbar a.bloque-icono-navbar > img {
  width: 2rem;
  height: 2rem;
  background-color: #3e4342;
  border-radius: 0.25rem;
  box-shadow: 0.1rem 0.1rem 0.3rem -0.1rem #3e4342;
  align-items: center;
}

nav.navbar a.bloque-icono-navbar > span {
  font-family: "Roboto";
  font-size: 0.7em;
  color: black;
  text-transform: uppercase;
  padding-top: 4px;
}

nav.navbar a.bloque-icono-navbar.personajesSeleccionado > img {
  background-color: #f0f2f1;
  box-shadow: 2px 2px 0px #b9bb15;
}

nav.navbar a.bloque-icono-navbar.personajesSeleccionado > span {
  color: #b9bb15;
}

nav.navbar a.bloque-icono-navbar.seleccionado > span {
  color: #b9bb15;
}

nav.navbar a.bloque-icono-navbar.seleccionado > img {
  background-color: #b9bb15;
}

a span {
  margin-left: 0;
}

.navbar-user-full-name {
  font-family: "Roboto";
  font-size: 0.85em;
}