@tailwind base;
@tailwind components;
@tailwind utilities;

/* Animaciones suaves */
* {
  scroll-behavior: smooth;
}

/* Fondo con gradiente sutil */
body::before {
  content: '';
  @apply fixed inset-0 bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 -z-10;
}

/* Efecto pulse en WhatsApp */
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
  70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }
  100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
.fixed a div {
  animation: pulse 2s infinite;
}