/* Utilidades y componentes con Tailwind base */
:root {
  color-scheme: light;
}
.nav-link { @apply text-gray-700 hover:text-blue-700 transition; }
.btn-primary { @apply inline-flex items-center justify-center px-5 py-3 rounded-lg bg-blue-600 text-white hover:bg-blue-700 transition font-semibold; }
.btn-secondary { @apply inline-flex items-center justify-center px-5 py-3 rounded-lg border border-blue-600 text-blue-700 hover:bg-blue-50 transition font-semibold; }
.input { @apply w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500; }
.label { @apply block text-sm font-medium text-gray-700 mb-1; }
.card { @apply rounded-xl border bg-white overflow-hidden hover:shadow-lg transition; }
.card-img { @apply w-full h-44 object-cover; }
.link { @apply text-blue-600 hover:text-blue-700 underline underline-offset-2; }
.cookie { @apply z-50; }
.prose h2 { @apply text-2xl font-bold mt-8; }
.prose ul { @apply list-disc list-inside; }