/* Archivo: css/estilos.css */
.fade-in { animation: fadeIn 0.5s ease-in; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Clases utilitarias para el acordeón JS */
.section-body.open { display: block; animation: slideDown 0.3s ease-out; }
.section-body.hidden { display: none; }
.icon-arrow.rotate-90 { transform: rotate(90deg); }

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}