/* =========================================
   Estilos Globales y Utilidades para Gastify
   ========================================= */

/* 1. Animación de Entrada */
.fade-in { 
    animation: fadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1); 
}

@keyframes fadeIn { 
    from { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    to { 
        opacity: 1; 
        transform: translateY(0); 
    } 
}

/* 2. Utilidades de Visibilidad (CORREGIDO) */
/* Agregamos !important para que sobreescriba el display:flex de Tailwind */

.hidden-view { 
    display: none !important; 
}

.hidden-form { 
    display: none !important; 
}

.hidden {
    display: none !important;
}

/* 3. Ajustes de Tipografía */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 4. Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9; 
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}