/* ===== FUNDO GERAL ===== */

.page-content {

    width: 100%;

    min-height: 100vh;

    background: radial-gradient(circle at top, #1a0f0a 0%, #0b0604 60%, #050302 100%);

    display: flex;

    justify-content: center;

    padding-top: 0px;

    margin-top: -150px;   /* puxa tudo pra cima */

}



/* ===== CONTAINER CENTRAL ===== */

.framecontent {

    width: 90%;

    max-width: 1400px;

    background: rgba(12, 7, 5, 0.92);

    border: 1px solid rgba(160, 120, 80, 0.15);

    border-radius: 18px;

    padding: 30px;

    box-shadow:

        0 0 25px rgba(0, 0, 0, 0.9),

        inset 0 0 40px rgba(0, 0, 0, 0.8);

}



/* ===== BOTÕES SUPERIORES ===== */

.btn2 {

    display: inline-block;

    padding: 10px 30px;

    margin: px 6px;

    text-decoration: none;

    font-family: 'Cinzel', serif;

    font-size: 14px;

    letter-spacing: 1px;

    color: #e6d2b5;



    background: linear-gradient(

        180deg,

        #2a160d 0%,

        #140a06 100%

    );



    border: 1px solid #6a4a2f;

    border-radius: 30px;



    box-shadow:

        inset 0 0 8px rgba(0, 0, 0, 0.8),

        0 0 10px rgba(120, 80, 40, 0.25);



    transition: all 0.35s ease;

}



/* ===== HOVER RPG ===== */

.btn2:hover {

    color: #fff2dc;

    border-color: #c79a63;

    background: linear-gradient(

        180deg,

        #3b1f12 0%,

        #1a0d07 100%

    );



    box-shadow:

        0 0 14px rgba(199, 154, 99, 0.45),

        inset 0 0 12px rgba(0, 0, 0, 0.9);

}



/* ===== SEPARADOR ===== */

.break {

    height: 25px;

}



/* ===== IFRAME ===== */

.frame2 {

    width: 100%;

    min-height: 600px;

    background: rgba(5, 3, 2, 0.95);

    border-radius: 16px;



    border: 1px solid rgba(150, 110, 70, 0.2);



    box-shadow:

        inset 0 0 30px rgba(0, 0, 0, 0.9),

        0 0 30px rgba(0, 0, 0, 0.85);

}



/* ===== EFEITO HOVER GROW ===== */

.hvr-grow {

    transition: transform 0.3s ease;

}



.hvr-grow:hover {

    transform: scale(1.08);

}

.ranking {

    margin-top: -200px; /* puxa a section pra cima */

}