body {
  margin: 0;
  overflow-x: hidden;
}

/* ===== GLASS EFFECT ===== */
.glass {
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.15),
    rgba(255,255,255,0.05)
  );
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.2);
}

/* ===== 3D CARD ===== */
.card-3d {
  transform-style: preserve-3d;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.card-3d:hover {
  box-shadow:
    0 30px 60px rgba(0,0,0,0.6),
    0 0 40px rgba(129,189,0,0.4);
}

/* ===== NEON GRATIS ===== */
.glow-gratis {
  color: #b6ff3b;
  font-weight: 800;
  text-shadow:
    0 0 8px #81bd00,
    0 0 25px rgba(129,189,0,0.8);
  animation: pulse 1.6s infinite alternate;
}

@keyframes pulse {
  from { text-shadow: 0 0 8px #81bd00; }
  to { text-shadow: 0 0 30px #b6ff3b; }
}

/* ===== 3D BUTTON ===== */
.btn-3d {
  position: relative;
  overflow: hidden;
}

.btn-3d::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.5),
    transparent
  );
  transform: translateX(-100%);
}

.btn-3d:hover::after {
  transform: translateX(100%);
  transition: transform 0.6s;
}

#toTop {
  display: none;
}
#toTop.show {
  display: flex;
}