/* ServiHogar MX - Tailwind CSS Compiled */
/* Este archivo debe ser generado con Tailwind CLI en producción */
/* Para desarrollo rápido, usar CDN en el layout */

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

/* Custom styles */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.btn-primary {
    @apply bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition;
}

.btn-secondary {
    @apply bg-gray-200 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-300 transition;
}

.input-field {
    @apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500;
}

.card {
    @apply bg-white rounded-lg shadow-md p-6;
}

/* Badge colors */
.badge {
    @apply px-3 py-1 text-xs font-medium rounded-full;
}