/* ==========================================
   css/utilities.css — Animaciones, Vistas SPA, Keyframes
   Extraído de style.css líneas 76–131 + 164–169
   ========================================== */

/* Animaciones de Entrada */
.fade-in { animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.slide-up { animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.fade-in-up { animation: fadeInUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Gestión de Vistas SPA */
.view-section { display: none; }
.view-section.active { 
    display: block; 
    animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
}