body, html { 
    background-color: #611232;
}

/* Estilo para la tarjeta */
.card {
    transition: background-color 0.3s ease, color 0.3s ease; /* Animación suave */
}

/* El enlace no tendrá subrayado y el texto será guinda por defecto */
.card a {
    text-decoration: none;
    color: #611232; /* Color guinda por defecto */
}

/* Cambio de color al pasar el cursor por encima de la tarjeta */
.card:hover {
    background-color: #611232; /* Fondo guinda */
}

/* Cambiar el color de los enlaces dentro del card cuando se hace hover */
.card:hover a {
    color: white !important; /* Forzar el color blanco al enlace */
}

/* Cambiar el color del texto dentro de .h4 explícitamente */
.card .h4 {
    transition: color 0.3s ease; /* Animación suave del color */
}

/* Cambiar el color del texto dentro de .h4 en hover */
.card:hover .h4 {
    color: white !important; /* Cambiar el texto a blanco */
}