/* METAFORNI - DISEÑO CENTRALIZADO */

/* 1. Tipografía */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap');

body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* 2. Animaciones y Utilidades */
.fade-in { animation: fadeIn 0.5s ease-in; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.slide-up { animation: slideUp 0.5s ease-out; }
@keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.animate-fade-in-up { animation: slideUp 0.6s ease-out forwards; }
.animate-bounce-short { animation: bounceShort 2s infinite; }

@keyframes bounceShort {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Inputs numéricos limpios */
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* 3. Componentes Específicos */
.glass-effect {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

.text-shadow { text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
.min-h-screen-custom { min-height: calc(100vh - 80px); }