/* * carrito.css
 * Ajustes finos para la tabla del carrito 
 */

.cart-item {
    transition: opacity 0.3s ease, background-color 0.2s;
}

/* CAMBIO: El efecto hover (fondo claro) SOLO aplica en escritorio (min-width: 1024px) */
@media (min-width: 1024px) {
    .cart-item:hover {
        background-color: #fafafa;
    }
}

/* Eliminar flechas del input number */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}