body { 
    background-color: #030303; 
    color: #ffffff; 
    overflow-x: hidden; 
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Evitar arrastrar imágenes - Protección pasiva por CSS */
img {
    -webkit-user-drag: none;
}

/* Ticker Animation (Compras recientes) */
@keyframes ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-ticker { 
    animation: ticker 30s linear infinite; 
    will-change: transform;
}
.ticker-container:hover .animate-ticker { animation-play-state: paused; }

/* Scrollbar oscura premium y oculta para los carruseles */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #030303; }
::-webkit-scrollbar-thumb { background: #1f1f23; border-radius: 10px; border: 1px solid #030303; }
::-webkit-scrollbar-thumb:hover { background: #333; }

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

/* Efectos de tarjeta estilo Premium Glass/Neon */
.card-hover { 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
    will-change: transform, box-shadow;
}
.card-hover:hover { 
    transform: translateY(-6px) scale(1.02); 
    box-shadow: 0 15px 35px -10px rgba(214, 255, 0, 0.2);
    border-color: rgba(214, 255, 0, 0.3);
    cursor: pointer; 
}

/* Gradientes premium para las cards de Arena */
.bg-arena-gradient { background: linear-gradient(145deg, rgba(14,165,233,0.12) 0%, rgba(5,5,5,1) 60%, rgba(5,5,5,1) 100%); }
.bg-arena-gradient-2 { background: linear-gradient(145deg, rgba(139,92,246,0.12) 0%, rgba(5,5,5,1) 60%, rgba(5,5,5,1) 100%); }

/* Utilidad de desenfoque de fondo */
.glass-panel {
    background: rgba(10, 10, 12, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}