.product-card {
    margin: 0 auto;
}


.card > img{
    width: 100%;
    height: 200px;
    object-fit: contain;
}

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

/* Skeleton Skin CSS */
.placeholder {
    background-color: #e0e0e0;
    border-radius: 4px;
}

/* Animación de brillo*/
@keyframes shimmer {
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
}

.placeholder-glow .placeholder {
    animation: shimmer 1.5s infinite ease-in-out;
}