/*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;
}

/*BOTON DESTACADO*/
.contenedor_boton_destacado a.botonDestacado, .contenedor_boton_destacado .botonDestacado {
  text-decoration: none;
  padding: 10px;
  background: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  column-gap: 10px;
  row-gap: 5px;
}
.contenedor_boton_destacado a.botonDestacado .contenedor_texto, .contenedor_boton_destacado .botonDestacado .contenedor_texto {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contenedor_boton_destacado a.botonDestacado .nombre, .contenedor_boton_destacado .botonDestacado .nombre {
  font-size: 18px;
}
.contenedor_boton_destacado a.botonDestacado .descripcion *, .contenedor_boton_destacado .botonDestacado .descripcion * {
  font-size: 14px;
  line-height: initial;
}
.contenedor_boton_destacado a.botonDestacado .IconoBotonDestacado:before, .contenedor_boton_destacado .botonDestacado .IconoBotonDestacado:before {
  font-size: 32px;
  text-decoration: none;
}
.contenedor_boton_destacado a.botonDestacado.estilo_unoi, .contenedor_boton_destacado .botonDestacado.estilo_unoi {
  background: var(--color-gris0);
  color: var(--color-gris);
}
.contenedor_boton_destacado a.botonDestacado.estilo_dos, .contenedor_boton_destacado .botonDestacado.estilo_dos {
  color: var(--color-gris0);
}
.contenedor_boton_destacado a.botonDestacado.estilo_dosi, .contenedor_boton_destacado .botonDestacado.estilo_dosi {
  background: var(--color-gris0);
  border-color: var(--color-gris2);
  color: var(--color-gris2);
}
.contenedor_boton_destacado a.botonDestacado.estilo_tres, .contenedor_boton_destacado .botonDestacado.estilo_tres {
  color: var(--color-secundario);
}
.contenedor_boton_destacado a.botonDestacado.estilo_tresi, .contenedor_boton_destacado .botonDestacado.estilo_tresi {
  background: var(--color-gris0);
  color: var(--color-gris3);
}

/*ELEMENTO DESTACADO*/
.columnasIgualadas .formatter.BotonIconoDestacado.tipo_destacado {
  height: 100%;
}
.columnasIgualadas .formatter.BotonIconoDestacado.tipo_destacado .contenedor-recurso-BotonIconoDestacado-wrapper {
  height: 100%;
}
.columnasIgualadas .formatter.BotonIconoDestacado.tipo_destacado .contenedor-recurso-BotonIconoDestacado-wrapper .ElementoDestacado {
  height: 100%;
}

.ElementoDestacado {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  background: white;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  position: relative;
}
.ElementoDestacado .enlace_destacado {
  margin: 0 0 10px 10px;
}
.ElementoDestacado .enlace_destacado.tipo_caja {
  opacity: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ElementoDestacado img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.ElementoDestacado .contenedor_texto_icono {
  padding: 10px;
  gap: 5px;
}
.ElementoDestacado .contenedor_texto {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ElementoDestacado .nombre {
  font-size: 18px;
}
.ElementoDestacado .descripcion * {
  font-size: 14px;
  line-height: initial;
}
.ElementoDestacado .IconoBotonDestacado:before {
  font-size: 32px;
  text-decoration: none;
}
.ElementoDestacado.estilo_unoi {
  background: var(--color-gris0);
  color: var(--color-gris);
}
.ElementoDestacado.estilo_dos {
  background: var(--color-principal);
  color: var(--color-gris0);
}
.ElementoDestacado.estilo_dosi {
  background: var(--color-gris0);
  color: var(--color-gris2);
}
.ElementoDestacado.estilo_tres {
  color: var(--color-secundario);
}
.ElementoDestacado.estilo_tresi {
  background: var(--color-gris0);
  color: var(--color-gris3);
}

/* Movimientos*/
.contenedor_boton.Alig_izquierda, .contenedor_boton_destacado.Alig_izquierda, .ElementoDestacado.Alig_izquierda {
  display: flex;
  justify-content: left;
}
.contenedor_boton.Alig_derecha, .contenedor_boton_destacado.Alig_derecha, .ElementoDestacado.Alig_derecha {
  display: flex;
  justify-content: right;
}
.contenedor_boton.Alig_centro, .contenedor_boton_destacado.Alig_centro, .ElementoDestacado.Alig_centro {
  display: flex;
  justify-content: center;
}
.contenedor_boton a.boton, .contenedor_boton a.botonDestacado, .contenedor_boton .contenedor_texto_icono, .contenedor_boton_destacado a.boton, .contenedor_boton_destacado a.botonDestacado, .contenedor_boton_destacado .contenedor_texto_icono, .ElementoDestacado a.boton, .ElementoDestacado a.botonDestacado, .ElementoDestacado .contenedor_texto_icono {
  display: flex;
  justify-content: center;
}
.contenedor_boton a.boton .IconoBotonDestacado, .contenedor_boton a.botonDestacado .IconoBotonDestacado, .contenedor_boton .contenedor_texto_icono .IconoBotonDestacado, .contenedor_boton_destacado a.boton .IconoBotonDestacado, .contenedor_boton_destacado a.botonDestacado .IconoBotonDestacado, .contenedor_boton_destacado .contenedor_texto_icono .IconoBotonDestacado, .ElementoDestacado a.boton .IconoBotonDestacado, .ElementoDestacado a.botonDestacado .IconoBotonDestacado, .ElementoDestacado .contenedor_texto_icono .IconoBotonDestacado {
  display: flex;
  justify-content: center;
}
.contenedor_boton a.boton .nombre, .contenedor_boton a.botonDestacado .nombre, .contenedor_boton .contenedor_texto_icono .nombre, .contenedor_boton_destacado a.boton .nombre, .contenedor_boton_destacado a.botonDestacado .nombre, .contenedor_boton_destacado .contenedor_texto_icono .nombre, .ElementoDestacado a.boton .nombre, .ElementoDestacado a.botonDestacado .nombre, .ElementoDestacado .contenedor_texto_icono .nombre {
  order: 1;
}
.contenedor_boton a.boton .descripcion, .contenedor_boton a.botonDestacado .descripcion, .contenedor_boton .contenedor_texto_icono .descripcion, .contenedor_boton_destacado a.boton .descripcion, .contenedor_boton_destacado a.botonDestacado .descripcion, .contenedor_boton_destacado .contenedor_texto_icono .descripcion, .ElementoDestacado a.boton .descripcion, .ElementoDestacado a.botonDestacado .descripcion, .ElementoDestacado .contenedor_texto_icono .descripcion {
  order: 2;
}
.contenedor_boton a.boton.izquierda .IconoBotonDestacado, .contenedor_boton a.boton.arriba .IconoBotonDestacado, .contenedor_boton a.botonDestacado.izquierda .IconoBotonDestacado, .contenedor_boton a.botonDestacado.arriba .IconoBotonDestacado, .contenedor_boton .contenedor_texto_icono.izquierda .IconoBotonDestacado, .contenedor_boton .contenedor_texto_icono.arriba .IconoBotonDestacado, .contenedor_boton_destacado a.boton.izquierda .IconoBotonDestacado, .contenedor_boton_destacado a.boton.arriba .IconoBotonDestacado, .contenedor_boton_destacado a.botonDestacado.izquierda .IconoBotonDestacado, .contenedor_boton_destacado a.botonDestacado.arriba .IconoBotonDestacado, .contenedor_boton_destacado .contenedor_texto_icono.izquierda .IconoBotonDestacado, .contenedor_boton_destacado .contenedor_texto_icono.arriba .IconoBotonDestacado, .ElementoDestacado a.boton.izquierda .IconoBotonDestacado, .ElementoDestacado a.boton.arriba .IconoBotonDestacado, .ElementoDestacado a.botonDestacado.izquierda .IconoBotonDestacado, .ElementoDestacado a.botonDestacado.arriba .IconoBotonDestacado, .ElementoDestacado .contenedor_texto_icono.izquierda .IconoBotonDestacado, .ElementoDestacado .contenedor_texto_icono.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, .contenedor_boton .contenedor_texto_icono.derecha .IconoBotonDestacado, .contenedor_boton .contenedor_texto_icono.abajo .IconoBotonDestacado, .contenedor_boton_destacado a.boton.derecha .IconoBotonDestacado, .contenedor_boton_destacado a.boton.abajo .IconoBotonDestacado, .contenedor_boton_destacado a.botonDestacado.derecha .IconoBotonDestacado, .contenedor_boton_destacado a.botonDestacado.abajo .IconoBotonDestacado, .contenedor_boton_destacado .contenedor_texto_icono.derecha .IconoBotonDestacado, .contenedor_boton_destacado .contenedor_texto_icono.abajo .IconoBotonDestacado, .ElementoDestacado a.boton.derecha .IconoBotonDestacado, .ElementoDestacado a.boton.abajo .IconoBotonDestacado, .ElementoDestacado a.botonDestacado.derecha .IconoBotonDestacado, .ElementoDestacado a.botonDestacado.abajo .IconoBotonDestacado, .ElementoDestacado .contenedor_texto_icono.derecha .IconoBotonDestacado, .ElementoDestacado .contenedor_texto_icono.abajo .IconoBotonDestacado {
  order: 3;
}
.contenedor_boton a.boton.arriba, .contenedor_boton a.boton.abajo, .contenedor_boton a.botonDestacado.arriba, .contenedor_boton a.botonDestacado.abajo, .contenedor_boton .contenedor_texto_icono.arriba, .contenedor_boton .contenedor_texto_icono.abajo, .contenedor_boton_destacado a.boton.arriba, .contenedor_boton_destacado a.boton.abajo, .contenedor_boton_destacado a.botonDestacado.arriba, .contenedor_boton_destacado a.botonDestacado.abajo, .contenedor_boton_destacado .contenedor_texto_icono.arriba, .contenedor_boton_destacado .contenedor_texto_icono.abajo, .ElementoDestacado a.boton.arriba, .ElementoDestacado a.boton.abajo, .ElementoDestacado a.botonDestacado.arriba, .ElementoDestacado a.botonDestacado.abajo, .ElementoDestacado .contenedor_texto_icono.arriba, .ElementoDestacado .contenedor_texto_icono.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_destacado.css.map */