/*--------------------------------------------------------------
# Tokenomics 
--------------------------------------------------------------*/
#hero.tokenomics {
    height: 80vh;
    background-image: url('/img/hero/hero-tokenomics.jpg'); /* usa una imagen propia para esta sección */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    #hero.tokenomics .hero-bg-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: -1;
    }

    #hero.tokenomics h1 {
        color: #CC0000;
        text-shadow: 0 0 4px rgba(0,0,0,0.4), 0 0 8px rgba(0,0,0,0.6), 0 0 16px rgba(0,0,0,0.75);
    }