@media all {
    .bg-filiacao {
        background-image: url("../css/img/filiacao/filiacao.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 */
    }
    .bg-filiacao-detalhe {
        background-image: url("../css/img/filiacao/filiacao.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: 299px; /* 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;
    }
    .card-federacao{
        border-radius: 20px;
        background: #1E1E1E;
        width: 270px;
        padding: 20px 30px;
    }
    .card-federacao img{
        border-radius: 20px;
    }
    .fundacao{
        background: #EA0F2C;
        color: #fff;
        font-size: 16px;
        border-radius: 10px 10px 0 0;
        width: 80%;
        text-align: center;
        padding: 0 10px;
        font-weight: 700;
        position: absolute;
        bottom: 100.6%;
        left: 10%;

    }
    .fundacao-detalhe{
        border-radius: 77px;
        position: unset;
        padding: 6px 42px;
    }
    .titles-card p{
        font-weight: 700;
        line-height: 100%;
    }
    .card-body{
        flex: 0;
    }
    .btns-card a, .btns-card button{
        border-radius: 8px;
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 20px */
        text-transform: uppercase;
        width: 100%;
        padding: 12px;
    }
    .btns-card-detalhe a, .btns-card-detalhe button{
        border-radius: 8px;
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 20px */
        text-transform: uppercase;
        width: 30%;
        padding: 12px;
        margin-right: 10px;
    }
    .btns-busca a, .btns-busca button{
        border-radius: 8px;
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 20px */
        text-transform: uppercase;
        padding: 12px;
        width: 49%;
    }
    .btns-busca button{
        padding: 12px 12px 12px 8px;
    }
    .card.card-federacao {
        display: flex;
        flex-direction: column;
        height: 100%; /* Garante que o card ocupe toda a altura disponível */
    }

    .card-body {
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 200px; /* Define um tamanho mínimo fixo */
    }

    .titles-card {
        min-height: 60px; /* Mantém a altura do título fixa */
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .card-footer {
        margin-top: auto;
    }

    .titles-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .titles-card p:first-child {
        min-height: 24px; /* Define uma altura fixa para o código da federação (F001, F0015, etc.) */
    }
    .filtro {
        display: flex;
        justify-content: flex-end; /* Alinha o conteúdo à direita */
        width: 100%;
    }

    .filtro select {
        width: 13%;
        top: 43.4rem;
        position: absolute;
        font-size: 14px;
    }

    .img-detalhe{
        border-radius: 50px;
    }

    .container-detalhe{
        position: relative;
        bottom: 1.1rem;
    }
    .container-atletas{
        position: relative;
        bottom: 5.6rem;
    }

    .identificacao{
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%; /* 18px */
    }

    /*.titulo-federacao{*/
    /*    min-height: 200px;*/
    /*}*/

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

    .search-button{
        position: absolute;
        bottom: 18px;
        left: 3.7rem;
        z-index: 999;
    }

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

    .img-competidor{
        width: 67px;
        height: 67px;
        margin: 10px;
    }
    .plaquinha{
        border-radius: 4px;
        background: #EA0F2C;
        padding: 3px 5px;
        color: #FFF;
        font-size: 14px;
        font-weight: 700;
        margin-right: 5px;
    }
    .graduacao{
        display: block;
        background: #ffffff;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        position: absolute;
        bottom: 0.3rem;
    }
    .grad{
        color: #ffffff;
        position: absolute;
        font-size: 12px;
        bottom: 1.5rem;
    }
    .card-atleta {
        display: flex;
        flex-direction: column;
        justify-content: space-between; /* Ajusta o conteúdo interno */
        height: 100%; /* Faz todos os cards ocuparem a mesma altura */
    }
    .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;
    }
    .cc-icone{
        border:none
    }
    .endless_page_current, .endless_page_link:hover{
        background-color: #EA0F2C;
    }
    @media (max-width: 1400px) {
        .img-competidor{
            width: 100%;
            height: auto;
        }
    }
    @media (max-width: 1080px) {
        .btns-card-detalhe a, .btns-card-detalhe button {
            margin-top: 10px;
            width: 34%;
        }
        .search-button {
            left: 4.3rem;
        }
    }
    @media (max-width: 987px) {
        .filtro select {
            width: 100%;
            top: 43.4rem;
            position: unset;
            font-size: 14px;
            margin-top: 38px;
            margin-bottom: 0;
        }
        .btns-card-detalhe a, .btns-card-detalhe button{
            width: 100%;
            margin-bottom: 10px;
        }
        .img-competidor {
            width: 67px;
            height: 67px;
        }
        .search-button {
            left: 7.3rem;
        }

    }
}
@media (max-width: 768px) {
    .search-button {
        position: absolute;
        bottom: 18.8px;
        left: 0.7rem;
        z-index: 999;
    }
    .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%;
    }
}