div.card:hover i.icon {
    color: grey;
}

i.icon {
    color: #691c32;
    font-size: 4rem;
    transition: color 0.5s;
}

object.svg{
    width: auto;
    height: 4rem;
}

@media screen and (max-width: 576px) {
    i.icon {
        font-size: 2.5rem;
        /* Reduce el tamaño del icono en dispositivos con anchos de pantalla menores a 768px */
    }
}

.texto {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* Limita a 2 líneas */
    overflow: hidden;
    text-overflow: ellipsis
/* Ajusta esta altura según tu diseño */
}