/* =========================================================
   Prisma Studio — estilos
   Sistema de diseño "Ethereal Gaming" (generado con Stitch)
   Glassmorphism + acentos violeta / cian / naranja
   ========================================================= */

body {
  background-color: #0b1326;
  overflow-x: hidden;
}

.glass-panel {
  background: rgba(45, 52, 73, 0.4);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-gradient {
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.2), transparent),
    radial-gradient(circle at bottom left, rgba(0, 162, 230, 0.1), transparent);
}

.primary-gradient-btn {
  background: linear-gradient(135deg, #7c3aed, #00a2e6);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s;
}

.primary-gradient-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(124, 58, 237, 0.4);
}

/* ---- Menú móvil ---- */
#navMenu.is-open {
  max-height: 320px;
}

/* ---- Revelado al hacer scroll ---- */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}