/* Scroll suave en toda la página */
html {
    scroll-behavior: smooth;
}

/* Animación de entrada suave */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fadeIn {
    animation: fadeIn 0.8s ease-out both;
}

/* Animación sutil para los íconos en hover */
.icon-hover:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

/* Ajustes de contraste en modo oscuro para las tarjetas */
.card-light-dark {
    background-color: #FFFFFF;       /* Modo claro */
}
.dark .card-light-dark {
    background-color: #2D3748;       /* Gray-800 approx */
}