/*BOTON*/
.boton {
  padding: 5px 7.5px;
  border: 1px solid;
  border-radius: 3px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: fit-content;
}
.boton.estilo_unoi {
  border-color: var(--color-gris);
  color: var(--color-gris);
}
.boton.estilo_dos {
  border-color: var(--color-principal);
  color: var(--color-principal);
}
.boton.estilo_dosi {
  border-color: var(--color-gris2);
  color: var(--color-gris2);
}
.boton.estilo_tres {
  border-color: var(--color-secundario);
  color: var(--color-secundario);
}
.boton.estilo_tresi {
  border-color: var(--color-gris3);
  color: var(--color-gris3);
}

.contenedor_boton a.boton .IconoBotonDestacado:before, .contenedor_boton .boton .IconoBotonDestacado:before {
  font-size: 10px;
  font-weight: 300;
}
.contenedor_boton a.boton.arriba .IconoBotonDestacado:before, .contenedor_boton a.boton.abajo .IconoBotonDestacado:before, .contenedor_boton .boton.arriba .IconoBotonDestacado:before, .contenedor_boton .boton.abajo .IconoBotonDestacado:before {
  font-size: 16px;
  font-weight: 300;
}

/* Movimientos*/
.contenedor_boton.Alig_izquierda {
  display: flex;
  justify-content: left;
}
.contenedor_boton.Alig_derecha {
  display: flex;
  justify-content: right;
}
.contenedor_boton.Alig_centro {
  display: flex;
  justify-content: center;
}
.contenedor_boton a.boton, .contenedor_boton a.botonDestacado {
  display: flex;
  justify-content: center;
}
.contenedor_boton a.boton .IconoBotonDestacado, .contenedor_boton a.botonDestacado .IconoBotonDestacado {
  display: flex;
  justify-content: center;
}
.contenedor_boton a.boton.izquierda .IconoBotonDestacado, .contenedor_boton a.boton.arriba .IconoBotonDestacado, .contenedor_boton a.botonDestacado.izquierda .IconoBotonDestacado, .contenedor_boton a.botonDestacado.arriba .IconoBotonDestacado {
  order: 0;
}
.contenedor_boton a.boton.derecha .IconoBotonDestacado, .contenedor_boton a.boton.abajo .IconoBotonDestacado, .contenedor_boton a.botonDestacado.derecha .IconoBotonDestacado, .contenedor_boton a.botonDestacado.abajo .IconoBotonDestacado {
  order: 3;
}
.contenedor_boton a.boton.arriba, .contenedor_boton a.boton.abajo, .contenedor_boton a.botonDestacado.arriba, .contenedor_boton a.botonDestacado.abajo {
  flex-direction: column;
}

/*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=boton.css.map */