/* style.css - webapp styling */
/* Importa a base do Tailwind */
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

/* Estilos personalizados */
body {
    font-family: Arial, sans-serif;
}

/* Animações (exemplo para o splash) */
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
}

/* Estilos para o formulário (exemplo, pois o Tailwind já resolve a maior parte) */
input[type="text"],
select,
textarea {
    @apply block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm;
}