.listado-menuIconos {
  border: 1px solid var(--color-gris);
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 20px;
  align-items: center;
}

.Elemento-Menu-Icono {
  color: var(--color-principal);
  display: flex;
  align-items: center;
  line-height: 1;
  position: relative;
  justify-content: center;
  text-decoration: none;
  width: 60px;
  height: 60px;
}
.Elemento-Menu-Icono .text {
  display: none;
  position: absolute;
  bottom: calc(100% + 7.5px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-gris0);
  color: white;
  padding: 7.5px;
}
.Elemento-Menu-Icono .text:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid var(--color-gris0);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.Elemento-Menu-Icono .icono {
  font-size: 32px;
}
.Elemento-Menu-Icono:hover {
  color: var(--color-secundario);
}
.Elemento-Menu-Icono:hover .text {
  display: block;
}
.Elemento-Menu-Icono.activo {
  border-radius: 100%;
  color: white;
  background: var(--color-principal);
}
.Elemento-Menu-Icono.principal {
  color: var(--color-principal);
}
.Elemento-Menu-Icono.principal:hover {
  color: var(--color-secundario);
}
.Elemento-Menu-Icono.secundario {
  color: var(--color-secundario);
}
.Elemento-Menu-Icono.secundario:hover {
  color: var(--color-principal);
}

/*ERRORES*/
.error_dest {
  padding: 10px;
  color: white;
  background: var(--color-gris0);
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.error_dest .icon {
  font-size: 45px;
}

/*# sourceMappingURL=MenuIconografico.css.map */