@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Bebas+Neue&family=Poppins:wght@300;400;700&display=swap');

        body {
            font-family: 'Poppins', sans-serif;
            background-color: #000;
            color: #fff;
            scroll-behavior: smooth;
            background: linear-gradient(to bottom, #0a0a0a, #000);
            background-attachment: fixed;
        }

        .font-title { font-family: 'Bebas Neue', cursive; }
        .font-comic { font-family: 'Bangers', cursive; letter-spacing: 0.05em; }

        /* Glass card effect */
        .card-glass {
            background: rgba(20, 20, 20, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(220, 38, 38, 0.2);
        }

        /* Sticky category bar */
        .sticky-categories {
            position: sticky;
            top: 70px;
            z-index: 30;
            background: rgba(0, 0, 0, 0.98);
            backdrop-filter: blur(10px);
            padding: 10px 0;
            border-bottom: 1px solid rgba(220, 38, 38, 0.5);
            margin-bottom: 20px;
        }

        .img-product {
            width: 80px;
            height: 80px;
            object-fit: cover;
            border-radius: 12px;
            border: 1px solid rgba(220, 38, 38, 0.4);
            flex-shrink: 0;
        }

        .btn-instagram {
            background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
        }

        .pulse-theme { animation: pulse 2s infinite; }
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); }
            100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
        }

        .bounce-custom { animation: bounce-custom 2s infinite; }
        @keyframes bounce-custom {
            0%, 100% { transform: translateY(-5%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
            50% { transform: translateY(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
        }

        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        .carousel { position: relative; overflow: hidden; width: 100%; }
        .carousel-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; }
        .carousel-slide.active { opacity: 1; z-index: 1; }
        
        .animate-fade-in { animation: fadeIn 0.5s ease-in-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        
        input:focus { outline: none; border-color: #dc2626; }
        
        /* Animación Carrito */
        .cart-slide-in {
            transform: translateX(100%);
            transition: transform 0.3s ease-in-out;
        }
        .cart-open .cart-slide-in {
            transform: translateX(0);
        }