/*TITULOS DE LAS SECCIONES*/
/* --- ANIMACIÓN GLOBAL PARA TÍTULOS --- */
.revelar-arriba {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease-out, transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}
/* Línea decorativa global */
.linea-dinamica {
    width: 0 !important;
    height: 3px;
    background-color: var(--primary);
    margin: 0 auto;
    margin-bottom: 30px;
    transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
}
/* Estado cuando el elemento entra en pantalla */
.titulo-ready .revelar-arriba {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.titulo-ready .linea-dinamica {
    width: 80px !important; /* Ajusta el largo según prefieras */
}