:root {
            --neon-color: #c189f5;
            --bg-dark: #0f172a; /* Tailwind slate-900 */
        }
        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--bg-dark);
            color: white;
            overflow-x: hidden; 
        }

        .neon-text {
            color: var(--neon-color);
            text-shadow: 0 0 5px var(--neon-color), 0 0 10px var(--neon-color);
        }

        .neon-shadow {
            box-shadow: 0 0 10px var(--neon-color);
        }

        .sidebar-bg {
            background-color: #1e293b;
            border-right: 2px solid var(--neon-color);
            box-shadow: 2px 0 15px rgba(59, 130, 246, 0.5);
            transition: transform 0.3s ease-in-out;
        }

        .menu-item-hover:hover {
            background-color: #334155;
            color: #ffffff;
            text-shadow: 0 0 3px #ffffff;
        }
        
        /* Aseguramos que el main content se desplace solo para desktop (lg) */
        @media (min-width: 1024px) {
            #main-content {
                margin-left: 256px; /* Ancho de la sidebar lg:w-64 */
            }
        }