/* style.css — regras adicionais além do Tailwind */
/* Fonte padrão e pequenos ajustes visuais */

:root{
  --primary: #E10600;
  --secondary: #FFD700;
  --dark: #1A1A1A;
  --light: #F8F8F8;
  --neutral: #808080;
}

body { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

/* Cards hover */
.group:hover .group-hover\:scale-105 {
  transform: scale(1.05);
}

/* Hero overlay text shadow for readability */
.drop-shadow-lg { text-shadow: 0 8px 24px rgba(0,0,0,0.6); }

/* Small responsive tweaks */
@media (max-width: 640px) {
  .h-screen { min-height: 640px; }
}

/* Utility for hidden by default in CSS (fallback) */
.hidden { display: none; }

/* Custom styles for image cards */
.image-card:hover {
    display: flex !important;
}

/* File input styling */
input[type="file"] {
    cursor: pointer;
}

/* Smooth transitions */
.transition-all {
    transition: all 0.3s ease;
}

/* Focus styles for inputs */
input:focus, textarea:focus, select:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #3b82f6;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #2563eb;
}
.card-file{
    z-index: 10;
}
.form{
    display: none;
}

.waiting-page, .form {
    transition: all 0.5s ease;
}

/* Oculto inicialmente */
.form {
    opacity: 0;
    display: none;
}

/* Fade-out para waiting-page */
.fade-out {
    opacity: 0;
}

/* Fade-in para form */
.fade-in {
    display: block;
    opacity: 1;
}