/* PÁGINA RANKING */
.ranking-politico{
    padding:180px 20px 100px;
    background:#0b0b0b;
    min-height:100vh;
    max-width: 1600px;
    margin: 0 auto;
    width:100%;
}

/* TOPO */
.topo-ranking{
    margin-bottom:60px;
    text-align:center;
}

.topo-ranking h1{
    color:#fff;
    font-size:clamp(36px,5vw,56px);
    margin-bottom:20px;
    line-height:1.1;
}

.topo-ranking p{
    color:#bdbdbd;
    font-size:clamp(16px,2vw,20px);
    max-width:900px;
    margin:0 auto;
    line-height:1.6;
}

/* LISTA RANKING */
.lista-ranking{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    align-items:stretch;
}

/* ITEM */
.item-ranking{
    background:#151515;
    border:1px solid #222;
    border-radius:8px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:30px 25px;
    transition:.3s;
    text-align:center;
    height:100%;
}

.item-ranking:hover{
    transform:translateY(-5px);
    border-color:#b30000;
    box-shadow:0 10px 30px rgba(0,0,0,.35);
}

/* POSIÇÃO */
.posicao-ranking{
    font-size:24px;
    font-weight:700;
    color:#ff4d4d;
    margin-bottom:20px;
}

/* FOTO */
.foto-ranking{
    width:180px;
    height:180px;
    border-radius:50%;
    overflow:hidden;
    border:2px solid #222;
    margin-bottom:25px;
    background:#111;
    flex-shrink:0;
}

.foto-ranking img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* INFO */
.info-ranking{
    width:100%;
}

.info-ranking h3{
    margin-bottom:10px;
}

.info-ranking h3 a{
    color:#fff;
    text-decoration:none;
    font-size:24px;
    line-height:1.3;
    transition:.3s;
    word-break:break-word;
}

.info-ranking h3 a:hover{
    color:#ff4d4d;
}

/* META */
.meta-ranking{
    display:flex;
    gap:10px;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:18px;
}

.meta-ranking span{
    background:#101010;
    border:1px solid #222;
    padding:8px 14px;
    border-radius:8px;
    color:#ccc;
    font-size:14px;
}

/* SCORE */
.score-ranking{
    margin-top:25px;
    font-size:20px;
    font-weight:700;
    background:#1f3b1f;
    color:#8cff8c;
    border:1px solid #2f5c2f;
    padding:12px 20px;
    border-radius:8px;
}

/* NOTEBOOK / TABLET */
@media screen and (max-width:1100px){

    .lista-ranking{
        grid-template-columns:repeat(2,1fr);
    }

    .foto-ranking{
        width:160px;
        height:160px;
    }

    .info-ranking h3 a{
        font-size:22px;
    }
}

/* CELULAR */
@media screen and (max-width:700px){

    .ranking-politico{
        padding:150px 15px 80px;
    }

    .lista-ranking{
        grid-template-columns:1fr;
        gap:22px;
    }

    .item-ranking{
        padding:25px 20px;
    }

    .foto-ranking{
        width:140px;
        height:140px;
    }

    .info-ranking h3 a{
        font-size:20px;
    }

    .score-ranking{
        font-size:18px;
        width:100%;
    }
}