/* /assets/css/landing.css */

/* Base */
body { font-family: 'Inter', sans-serif; }

/* Pattern */
.hero-pattern{
  background-image: radial-gradient(#10b981 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.10;
}

/* Animaciones suaves */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up{ animation: fadeInUp .6s ease-out both; }

@keyframes bounceSlow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
.animate-bounce-slow{ animation: bounceSlow 2.4s ease-in-out infinite; }

/* Clamp 2 líneas (sin plugin Tailwind) */
.line-clamp-2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}