/* Estilos generales */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.product-card {
    transition: transform .2s, box-shadow .2s;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Animación para el ícono del carrito */
.shake {
    animation: shake 0.7s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
    10%, 90% { transform: translate3d(-1px, 0, 0); }
    20%, 80% { transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
    40%, 60% { transform: translate3d(4px, 0, 0); }
}

/* Estilos para la insignia (badge) del carrito */
.cart-badge {
    font-size: 0.65em; /* Hacemos la fuente un poco más pequeña */
    padding: 0.3em 0.5em; /* Ajustamos el padding */
}