/* Estilos personalizados para complementar o TailwindCSS */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.btn-primary {
    @apply bg-primary text-white font-bold py-3 px-6 rounded-lg transition duration-200 hover:opacity-90 active:scale-95;
}

.input-field {
    @apply w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary transition duration-200;
}

/* Animação de carregamento */
.loader {
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--primary-color);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}