/* 🎨 Fuentes y Tipografía Base */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #0B0F17;
    color: #F1F5F9;
}

/* 📐 Fondo en cuadrícula con degradado */
.bg-grid {
    background-size: 40px 40px;
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}

/* ✨ Efectos de resplandor (Glow) */
.glow-amber {
    box-shadow: 0 0 80px -20px rgba(245, 158, 11, 0.35);
}

.glow-blue {
    box-shadow: 0 0 80px -20px rgba(59, 130, 246, 0.35);
}

/* 📜 Scroll suave y barra estilizada */
html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0B0F17;
}

::-webkit-scrollbar-thumb {
    background: #1E293B;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #F59E0B;
}