body { background-color: #0F172A; color: #F1F5F9; }
        
        /* Ocultar Scrollbar */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        
        /* Glassmorphism */
        .glass {
            background: rgba(30, 41, 59, 0.7);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        
.glass-header {
    background: linear-gradient(to bottom, rgba(15, 23, 42, 0.95), rgb(15 23 42) 100%);
    backdrop-filter: blur(8px);
}


        /* Animações e Transições */
        .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card-hover:hover { 
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(139, 92, 246, 0.15);
        }

        .pulse-neon {
            box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
            animation: pulse-blue 2s infinite;
        }

        @keyframes pulse-blue {
            0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7); }
            70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); }
            100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
        }

        /* Modal Transitions */
        .modal-overlay { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
        .modal-overlay.active { opacity: 1; pointer-events: auto; }
        .modal-content { transform: translateY(50px) scale(0.95); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .modal-overlay.active .modal-content { transform: translateY(0) scale(1); }

        /* Ajuste do WhatsApp flutuante */
        #btn-whatsapp { transition: bottom 0.3s ease; }
        .cart-visible #btn-whatsapp { bottom: 90px; }
		
		/* Ajuste de profundidade para o banner de cookies */
#cookie-banner.translate-y-0 {
    bottom: 0;
}

/* Garante que o banner fique acima de tudo, inclusive modais se necessário */
#cookie-banner {
    z-index: 100;
}

/* Remove a barra de rolagem visualmente em todos os navegadores */
.no-scrollbar {
    /* Chrome, Safari e novas versões do Edge */
    -webkit-overflow-scrolling: touch; /* Melhora o scroll no iOS */
}

.no-scrollbar::-webkit-scrollbar {
    display: none; /* Oculta a barra no Chrome/Safari */
    width: 0;
    height: 0;
    background: transparent;
}

.no-scrollbar {
    -ms-overflow-style: none;  /* Oculta no Internet Explorer e Edge antigo */
    scrollbar-width: none;  /* Oculta no Firefox */
}