/* ===================== PRINCIPAL.CSS (solo lo específico) ===================== */


.card-img-top { height: 210px; }
.card-title { font-size: 15px; }
@media (max-width: 992px) { .card-img-top { height: 160px; } }
@media (max-width: 768px) { .col-4 { flex: 0 0 50%; max-width: 50%; } .card-img-top { height: 140px; } .card-title { font-size: 13px; } }
@media (max-width: 480px) { .col-4 { flex: 0 0 100%; max-width: 100%; } }

.card-sugerencia:hover {
    background-color: #c8e6c9 !important;
    cursor: pointer;
}

#grid-productos h5.card-title { font-size: 14px !important; }