/* ==========================================================
   Noortestudio — Estilos propios (encima de Tailwind)
   ========================================================== */

body {
  background-color: #0a0a0f;
  background-image:
    radial-gradient(ellipse 60% 40% at 50% 0%, rgba(124, 92, 255, 0.18), transparent 60%),
    radial-gradient(ellipse 50% 30% at 20% 70%, rgba(91, 108, 255, 0.10), transparent 60%);
  background-repeat: no-repeat;
}

/* Botón con degradado violeta -> índigo, usado en CTAs */
.grad-btn {
  background: linear-gradient(90deg, #7c5cff 0%, #5b6cff 100%);
}

/* Resplandor difuso detrás de la tarjeta de precio */
.card-glow {
  box-shadow: 0 0 80px -20px rgba(124, 92, 255, 0.35);
}

/* Fondo de los iconos dentro de las tarjetas de "Cómo funciona" */
.badge-icon {
  background: rgba(139, 123, 255, 0.06);
  border: 1px solid rgba(139, 123, 255, 0.25);
}