.nasty-icon-flip {
    width: 3.2em;
    aspect-ratio: 1 / 1; /* garantiza un círculo perfecto, nunca un óvalo */
    flex-shrink: 0; /* evita que un padre flex lo estire de alto */
    font-size: 1.2rem;
    perspective: 800px;
  }

  .nasty-icon-flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.8s cubic-bezier(0.45, 0.05, 0.15, 1);
  }

  .nasty-icon-flip-inner.is-flipped {
    transform: rotateY(180deg);
  }

  .nasty-icon-face {
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; /* Safari */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .nasty-icon-face .cat {
    position: static;
    top: 0;
    margin-top: 0.4rem !important;
		margin-left: 1.4rem !important;
  }
  
  .nasty-icon-face--back {
    transform: rotateY(180deg);
  }

/*Ajustes de elementos a la derecha (el toggle de la izquierda incluye esto en el style de su contenedor)*/

.ganancias-contenedor {
	margin-left: -5px;
}