:root {
        --bg: #000;
        --fg: #eee;
        --gold: #e0b539;
    }
    html, body {
        height: 100%;
        margin: 0;
        background: var(--bg);
        color: var(--fg);
        font-family: 'Inter', system-ui, sans-serif;
    }
    body {
        /* Espacio superior para el header fijo */
        padding-top: 100px; 
    }
    #particulas-reactivas {
        position: fixed;
        inset: 0;
        z-index: -1;
        background: #000;
    }

    .main-nav a {
        margin-left: 15px;
        padding: 8px 12px;
        border-radius: 4px;
        color: var(--fg);
        text-decoration: none;
        transition: background 0.3s;
        font-size: 0.95rem;
        background: none !important;
        border: none !important;
    }
    .main-nav a:hover {
        background: rgba(255, 255, 255, 0.1);
    }