/* --- CONTACTO AJAX & FEEDBACK --- */
.animate-f-in {
    animation: fadeIn 0.5s ease-out forwards;
}

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

#contact-response .success {
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    padding: 1rem;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
}

#contact-response .error {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 1rem;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}