.card2 {
    background-color: #f8f9fa; /* Color de fondo claro para las tarjetas */
    border: 1px solid #ddd; /* Borde sutil */
    transition: background-color 0.3s ease-in-out; /* Transición suave en hover */
    }

/* Hover rosado en las tarjetas */
.card2:hover {
    background-color: #ffc0cb; /* Rosado claro en hover */
}

.btn-rosa {
    background-color: #ff1493; /* Rosa fuerte */
    color: white; /* Color del texto */
    border: none; /* Sin borde */
}

.btn-rosa:hover {
    background-color: #e6007e; /* Un tono más oscuro al pasar el mouse */
    color: white; /* Color del texto */
}