@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
        
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #0c0e14;
    overscroll-behavior: none; /* Evita el efecto rebote al deslizar en móviles */
}

/* Ocultar barra de desplazamiento horizontal */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Custom Scrollbar global */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0c0e14; }
::-webkit-scrollbar-thumb { background: #1f232e; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #00d639; }

/* Efecto de máscara para el banner difuminado */
.banner-mask {
    mask-image: linear-gradient(to bottom, rgba(12,14,20,1) 0%, rgba(12,14,20,0.8) 50%, rgba(12,14,20,0) 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(12,14,20,1) 0%, rgba(12,14,20,0.8) 50%, rgba(12,14,20,0) 100%);
}

/* Animaciones suaves */
.fade-in { animation: fadeIn 0.4s ease-out forwards; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}