@media all {
    .bg-ranking {
        background-image: url("../css/img/ranking/banner.png");
        background-repeat: no-repeat;
        background-size: cover; /* Faz a imagem ocupar todo o espaço do container */
        background-position: center; /* Centraliza a imagem */
        height: 511px; /* Mantém a altura desejada */
    }
    .container-title h2,.container-title h3{
        font-size: 80px;
        font-style: italic;
    }
    .container-title h2{
        color: #FFF;
    }
    .container-title h3{
        color: #EA0F2C;
        margin-left: 6rem;
    }
    #organizadoresTabs .nav-link{
        background-color: #818285!important;
        width: 50%;
        border-radius: 10px;
    }
    .btn-pane{
        border-radius: 10px;
        padding: 0!important;
        color: #FFF;
        font-size: 32px;
        font-weight: 700;
    }
    .card-ranking {
        background: #1E1E1E;
        padding: 20px;
        width: 100%;
        min-height: 230px; /* Altura mínima para uniformidade */
        border-radius: 10px; /* Cantos arredondados */
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Sombra leve */
        display: flex;
        flex-direction: column;
        justify-content: space-between; /* Mantém o conteúdo alinhado */
        align-items: center;
        transition: transform 0.2s ease-in-out;
    }

    .card-ranking:hover {
        transform: scale(1.05); /* Efeito de destaque ao passar o mouse */
    }

    .card-ranking h3 {
        color: #FFF;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.4;
        text-transform: uppercase;
    }

    .logo-card {
        max-width: 240px;
        height: 240px;
        object-fit: contain;
        display: block;
        margin-bottom: 10px;
    }

    .card-filtro{
        border-radius: 20px;
        background: #1E1E1E;
        padding: 20px;
    }
    .border-image{
        border-radius: 20px;
    }

    .logo-org{
        width: 100px;
        height: 100px;
    }
    .filtro .form-control{
        padding: 14px;
        height: 60px;
        border-radius: 8px;
    }
    .border-bottom-withe{
        padding: 0 20px;
        border-bottom: 1px solid #FFF;
    }
    .list-rankigs{

    }
    .logo-ranking{
        border-radius: 60px;
            max-width: 104px;
    }
    .flex-flow-row-reverse{
        flex-flow: row-reverse;
    }
    .card-ranking-accordian{
        background: #1E1E1E;
        border-radius: 15px!important;
    }
    .btn-eventos{
        border-radius: 8px;
        background: #EA0F2C;
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 20px */
    }

    .card-evento{
        padding: 15px 25px;
        border-radius: 15px!important;
        background: #E4E4E4;
    }

    .text-evento{
        color: #000;
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .plaquinha {
        background: #EA0F2C;
        color: #ffffff;
        font-weight: 700;
        font-size: 14px;
        padding: 1px 3px;
        border-radius: 4px;
        display: inline-block;
        vertical-align: middle;
        width: 15px;
        height: 20px;
    }

    #TituloModalCentralizado{
        color: #231F20;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }

    .btns-nav .btn{
        border-radius: 10px;
        height: 50px;
    }

    .card-black-list{
        border-radius: 20px;
        background: #1E1E1E;
        margin-bottom: 10px;
        padding: 20px;
    }

    .img-equipe{
        height: 67px;
        width: 67px;
        text-align: center;
        align-content: center;
    }
    .ouro{
        background: #F7B74F;
    }
    .prata{
        background: #A7A9AC;
    }
    .bronze{
        background: #EA8254;
    }
    .endless_page_current, .endless_page_link, .endless_page_link:hover{
        padding: 15px 13px 13px 13px;
        margin-right: 3px;
        text-align: center;
        margin-top: 13px;
        color: #ffffff;
    }
    .endless_page_current, .endless_page_link:hover{
        background-color: #EA0F2C;
    }

    #filtros input[type="text"] {
        height: 50px;
        padding: 10px 10px 10px 38px;
        border-radius: 10px;
    }

    .search-button{
        position: absolute;
        bottom: 15.3px;
        left: 0.6rem;
        z-index: 999;
    }
    .btn-search{
        height: 50px;
        font-size: 20px;
        font-weight: 700;

    }
    .card-cat{
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }
    .card-cat > .colapse{
        border-bottom: none;
    }
    .card-cat .card-header{
        padding: 20px 0 0 0;
    }
    .card-cat h6{
        color: #FFF;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
    }
    .card-atletas{
        border-top: solid 1px #ffffff;
        color: #ffffff;
    }
    .card-atletas .table-responsive{
        overflow: hidden;
    }

    .text-plaquinha{
        color: #818285;
    }
    .text-codigo{
        height: 24px;
    }
    .cc-icone{
        border: none
    }
    .graduacao{
        display: block;
        background: #ffffff;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        position: absolute;
        bottom: 0.3rem;
    }


    .card-black-idade{
        border-radius: 20px;
        background: #1E1E1E;
        margin: 0 0 20px 0;
        padding: 20px;
    }

    .graduacao-modal{
        bottom: auto;
        left: 43rem;
        border: 1px solid black;
    }

    .form-group select{
        height: 50px;
        border-radius: 10px;
        font-size: 14px;
        color: #818285;
    }
    #id_edicao{
        width: 97%;
    }

}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1100px;
    }
    .graduacao-modal {
        left: 62rem;
    }
}

@media (max-width: 768px) {
    .container-title h2{
        font-size: 42px;
        text-align: center;

    }
    .container-title h3{
        font-size: 42px;
        text-align: center;
        margin-left: 0;
    }
    .card.card-federacao{
        width: 100%;
    }
    .btn-pane{
        font-size: 23px;
    }
    .card-cat h6 {
        font-size: 18px;
    }
    .adesivos-card{
        height: 114px;
        display: flex;
        flex-direction: column; /* Organiza o conteúdo verticalmente */
        justify-content: center; /* Centraliza no eixo vertical */
        align-items: center; /* Centraliza no eixo horizontal */
        text-align: center; /* Centraliza o texto dentro dos elementos */
    }

}