/* Asegurar tamaño uniforme de las imágenes en las cards */
.thumbnail-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* Asegurar que las tarjetas tengan la misma altura */
.thumbnail {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Asegurar que los textos sean uniformes */
.caption {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-title {
    text-align: center;
}

/* Forzar que los párrafos sean del mismo tamaño */
.text {
    flex-grow: 1; /* Hace que todos los párrafos ocupen el mismo espacio */
    min-height: 80px; /* Ajusta según necesidad */
    text-align: justify;
}

/* Mantener los botones alineados abajo */
.btn-container {
    margin-top: auto;
    text-align: center;
}