/* Extraído de index.html (bloque de estilo #4) */
                            /* Animación de respiración para el badge */
                            @keyframes pulse {

                                0%,
                                100% {
                                    transform: scale(1);
                                    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.4), 0 0 20px rgba(14, 165, 233, 0.2);
                                }

                                50% {
                                    transform: scale(1.08);
                                    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.5), 0 0 30px rgba(14, 165, 233, 0.3);
                                }
                            }

                            /* Animación de brillo para el badge */
                            @keyframes shine {
                                0% {
                                    transform: translateX(-100%) translateY(-100%) rotate(45deg);
                                }

                                50%,
                                100% {
                                    transform: translateX(100%) translateY(100%) rotate(45deg);
                                }
                            }

                            /* Mejorar el scrollbar del carrito */
                            #tabla-productos-venta::-webkit-scrollbar {
                                width: 8px;
                            }

                            #tabla-productos-venta::-webkit-scrollbar-track {
                                background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
                                border-radius: 10px;
                            }

                            #tabla-productos-venta::-webkit-scrollbar-thumb {
                                background: linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);
                                border-radius: 10px;
                                border: 2px solid #f8fafc;
                            }

                            #tabla-productos-venta::-webkit-scrollbar-thumb:hover {
                                background: linear-gradient(135deg, #0284c7 0%, #4f46e5 100%);
                            }

                            /* Hover effect para el botón de vaciar */
                            button[onclick="window.limpiarListaProductos()"]:hover {
                                transform: translateY(-2px);
                                box-shadow: 0 4px 16px rgba(220, 38, 38, 0.2);
                                background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
                            }

                            button[onclick="window.limpiarListaProductos()"]:active {
                                transform: translateY(0);
                            }