.acciones-contenedor {
  display: flex;
  align-items: center;
  /* padding: 10px 2px; */
  background-color: var(--cat_negro);
  border-radius: var(--radio_1);
}

.icon-vertical {
  flex-direction: column;
  width: 36px;
  height: 180px;
}

.icon-horizontal {
  flex-direction: row;
  width: 180px;
  height: 36px;
}

.icon {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}

.icon i {
  font-size: 1.2em;
  color: var(--bg_3);
}

.icon.activo:hover i {
  filter: invert(0.5);
}

.icon.activo i {
  color: var(--bg_texto);
  cursor: pointer;
  font-size: 1.25rem;
}