/* Utilidades y componentes básicos */
.nav-link{ @apply text-slate-700 hover:text-brand transition; }
.btn{ @apply inline-flex items-center justify-center px-4 py-2 rounded-xl font-semibold transition; }
.btn-primary{ @apply bg-brand text-white hover:bg-brand-dark; }
.btn-ghost{ @apply bg-transparent hover:bg-slate-100; }
.input{ @apply w-full rounded-xl border border-slate-300 bg-white px-3 py-2 outline-none focus:ring-2 focus:ring-brand/40 focus:border-brand; }
.label{ @apply block text-sm font-semibold text-slate-700 mb-1; }
.section-title{ @apply text-3xl md:text-4xl font-extrabold tracking-tight; }
.card{ @apply bg-white rounded-2xl p-6 border border-slate-200 shadow-sm; }
.card-title{ @apply text-xl font-bold mb-1; }
.price-card{ @apply relative bg-white rounded-2xl p-6 border border-slate-200 shadow-sm flex flex-col gap-4; }
.price-name{ @apply text-xl font-bold; }
.price-value{ @apply text-slate-700; }
.price-list{ @apply space-y-2 text-slate-600 mb-2; }
.badge{ @apply absolute -top-3 right-4 bg-brand text-white text-xs px-2 py-1 rounded-md; }

/* Helpers */
.prose h2{ @apply mt-8; }