@keyframes vibrar {
      0% { transform: rotate(0deg); }
      20% { transform: rotate(2deg); }
      40% { transform: rotate(-2deg); }
      60% { transform: rotate(2deg); }
      80% { transform: rotate(-2deg); }
      100% { transform: rotate(0deg); }
    }
  
    .vibrar {
      animation: vibrar 0.4s ease-in-out;
    }

    .window-header {
      display: flex;
      gap: 0.25rem; /* similar a space-x-1 */
      margin-bottom: 1rem; /* similar a mb-4 */
    }
    
    .window-header span {
      width: 0.75rem;  /* w-3 */
      height: 0.75rem; /* h-3 */
      border-radius: 9999px; /* rounded-full */
      display: inline-block;
    }
    
    .window-header .red {
      background-color: #ef4444; /* bg-red-500 */
    }
    
    .window-header .yellow {
      background-color: #facc15; /* bg-yellow-500 */
    }
    
    .window-header .green {
      background-color: #22c55e; /* bg-green-500 */
    }
    
    @keyframes giro-3d {
      0% {
        transform: rotateY(0deg);
      }
      100% {
        transform: rotateY(360deg);
      }
    }
    
    .img-moneda {
      transition: transform 0.3s ease-in-out;
      transform-style: preserve-3d;
    }
    
    .img-moneda:hover {
      animation: giro-3d 1s linear infinite;
    }
    
    .window-header {
      display: flex;
      gap: 0.5rem;
      margin-bottom: 0.75rem;
    }
    .window-header span {
      width: 12px;
      height: 12px;
      border-radius: 9999px;
      display: inline-block;
    }
    .red { background-color: #ff5f56; }
    .yellow { background-color: #ffbd2e; }
    .green { background-color: #27c93f; }
    
    .window-header span {
      display: inline-block;
    }