/*.achievement-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
      margin-top: 30px;
    }

    .achievement-card {
      background-color: #1a1a1a;
      border: 2px solid #00ffff44;
      border-radius: 10px;
      padding: 20px;
      text-align: center;
      box-shadow: 0 0 15px #00ffff20;
      transition: transform 0.3s ease;
    }

    .achievement-card.unlocked {
      border-color: #00ffcc;
      box-shadow: 0 0 15px #00ffccaa;
    }

    .achievement-card img {
      width: 80px;
      height: 80px;
      margin-bottom: 10px;
    }

    .achievement-card h3 {
      color: #00ffff;
      margin: 10px 0 5px;
    }

    .achievement-card p {
      font-size: 0.9em;
      color: #ccc;
    }

    /* Popup estilo Steam 
    .achievement-popup {
      position: fixed;
      top: 20px;
      right: -400px;
      background: #1a1a1a;
      border: 2px solid #00ffff;
      padding: 15px 20px;
      border-radius: 10px;
      box-shadow: 0 0 20px #00ffffaa;
      display: flex;
      align-items: center;
      gap: 15px;
      transition: right 0.5s ease;
      z-index: 10000;
    }

    .achievement-popup.visible {
      right: 20px;
    }

    .achievement-popup img {
      width: 48px;
      height: 48px;
    }

    .popup-content {
      color: #00ffff;
      font-weight: bold;
    }*/
.logro-popup {
  position: fixed;
  top: 20px;
  right: -400px;
  background: #1a1a1a;
  border: 2px solid #00ffff;
  padding: 15px 20px;
  border-radius: 10px;
  box-shadow: 0 0 20px #00ffffaa;
  display: flex;
  align-items: center;
  gap: 15px;
  transition: right 0.5s ease;
  z-index: 10000;
}

.logro-popup.visible {
  right: 20px;
}

.logro-popup img {
  width: 48px;
  height: 48px;
}

.popup-content {
  color: #00ffff;
  font-weight: bold;
}