 al hacer hover */
    }
  
    .container {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      justify-content: center;
      padding: 1.5rem;
      max-width: 800px;
      margin: 0 auto;
    }
  
    .badge {
      padding: 0.75rem 1.5rem;
      border-radius: 0.5rem;
      font-weight: bold;
      text-align: center;
      color: white;
      transition: transform 0.3s ease, filter 0.3s ease;
    }
  
    .badge:hover {
      transform: scale(1.05);
      filter: brightness(1.1);
    }