@media (max-width: 640px) {   
    .texto-20{
        font-size: 20px;
    }
    body p {
        font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
    }

    p {
        color: white;
    }
    /* tamanho e fundo do botao na media da pagina jogador */
    .nota-media{
        width: 32px;
        height: 40px;
        background-color: #00332F;
    }
    /* tamanho de fonte  */
    .texto-11{
        font-size: 11px;
    }
    .texto-10 {
        font-size: 10px;
    }
    .texto-12{
        font-size: 12px;
    }

    /* paginaçao index */
    .pag {
        z-index: 100;
    }

    /* pra nenhum link ter decoration */
    body a {
        text-decoration: none;
    }
    .botao-bolao-cor:hover{
        color: #00332F !important;
        background-color: #98F900 !important;
    }
    /* background de cores especificas */
    .bg-cinza-dark-mode{
        background-color: #363E47;
    }
    .bg-cinza-light {
        background-color: #CED4DA !important;
    }
    .bg-geral-dark {
        background-color: #363E47
    }

    .bg-light {
        background-color: #E9ECEF !important;
    }

    
    /* posicionamento na pontuaçao do slider na pagina principal */
    .score{
        transform: translate(24px, 0px);
    }
    /* cor do body */
    .bg-geral {
        background-color: #CED4DA;
    }
    /* tamanho do simbolo da AMD mobile */
    .img-arena{
        width: 32px;
    }
    .custom-btn {
        width: 100px;
        /* Defina a largura desejada para o botão */
        height: 40px;
        /* Defina a altura desejada para o botão */
        /* Adicione outros estilos conforme necessário */
    }
    /* background dark */
    .bg-super-dark{
        background-color: #1F2329;
        color: white;
    }
    /* segunda div que inverte a cor do BG padrao */
    .arena-bar-dark {
        color: white;
        background-color: #1F2329;
    }
    .footer-botao .accordion-button::after{
        color: #98F900;
    }
    /* cor verde mais escura usada no layout */
    .verde-escuro{
        color: #00332F;

    }
    /* posicionando a data corretamente no slider */
    .data{
        transform: translate(-1px, 0px);
    }
    /* posicionando o tempo corretamente no slider */
    .tempo{
        transform: translate(-3px, 0px);
    }
    /* letra de cor verde mais clara do layout */
    .letra-verde-claro {
        color: #98F900;
    }
    /* teste do modo dark com nome engraçado */
    .oxe {
        background-color: blue;
    }
    /* cores do botao bolao */
    .botao-bolao-cor{
        background-color: #00332F !important;
        color: #98F900 !important;
    }

    /* botao do bolao na pagina 2 */
    .botao-bolao {
        width: 56px;
        height: 56px;
        background-color: #00332F;
    }
    /* tamanho do texto do slider onde fica o time */
    .slide-time p{
        width: 164px;
    }
    /* botao resultados */
    .resultados{
        width: 63px !important;
        height: 56px !important;


    }
    /* botao do novo-slide */
    .botao-slide{
        width: 46px !important;
        height: 56px !important;


    }
    /* botao nota media */




    .botao-estatistica {

        color: #00332F
    }
    /* cor do bullet da paginaçao */
    .swiper-pagination-bullet {
        width: 25px !important;
        height: 3px !important;
        background: #98F900 !important;
        border-radius: 100% !important;
    }
    /* cor da bullet da paginaçao quando ta ativo */
    .swiper-pagination-bullet:active {
        color: #98F900 !important;
    }
    /* cor da barra com os icones futsal e futebol */
    .barra-fluid {
        background-color: #98F900;




    }
    /* borda reta do botao do slider na primeira pagina */
    .straight-border {
        border-radius: 0 !important; /* The !important flag can help override Bootstrap's styles */
    }
    /* icone de futebol */
    .barrinha {
        background-color: #00332F;


        height: 24px;

    }

    /* icone de futsal */

    .barrinha-futsal {


        font-family: Arial, Helvetica, sans-serif;

        height: 24px;

    }


    /* botao-torcedor */
    .area-torcedor {
        background-color: #98F900;

    }

    /* texto-lateral-cor */
    .texto-sidebar {
        color: #00332F;


    }


    /* background de cor cinza claro especifico */
    .bg-cinza-light {
        background-color: #CED4DA;
    }












    /* icones laterais na mesma barra de futsal e futebol */
    .info-lateral {



        height: 24px;
    }

    /* divisao entre icones de futsal e futebol */
    .entre-barrinhas {
        display: flex;
        gap: 16px;
    }
    /* div arena bar */
    .arena-bar {
        color: white;
        background-color: #00332F;
    }
    /* cor do footer e tirando sua text decoration */
    .footer-title h2 {
        color: #98F900 !important;
        text-decoration: none;

    }
    /* cor dos links no footer */
    .footer-title a {
        color: #fff !important;

    }




    .altura-max{
        height: 72px !important;
        width: 84px !important;
    }
    .tamanho-pequeno {
        font-size: 8px;
    }
    /* seta do acordion */
    .no-arrow .accordion-button::after{
        display: none;
    }
    /* tamanho de fonte-12 */
    .tamanho-medio{
        font-size: 12px;
    }
    /* cor preto do layout */
    .texto-preto-light {
        color: #1F2329;
    }

    .btn-custom {
        width: 46px !important;
        /* Largura */
        height: 56px !important;
        /* Altura */
    }
    /* cor letra youtube */
    .youtube{
        color: #FF2E3F !important;
    }
    /* botao youtube */
    .youtube-botao{
        background-color: #FF2E3F !important;
        color: white;
    }

    #arena-texto {
        color: var(--Branco, #FFF);
        line-height: 1.28571;
        /* 18px / 14px = 1.28571 (ou 128.571%) */
        letter-spacing: 7px;

        /* As propriedades "leading-trim" e "text-edge" não são propriedades CSS válidas. */
        /* Se você está buscando algo específico, talvez seja necessário ajustar o design de acordo com propriedades CSS existentes. */

        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
    }


    /* tamanho-campeonato salas-bolao */
    .campeonato-tamanho {
        width: 150px;
    }
    /* tamanho times salas bolao */
    .tamanho-fixo-times {
        width: 243px;
    }

    #amadores-texto {
        /* Define a cor do texto */
        color: var(--Cor-Principal, #98F900);

        /* Define a fonte */
        font-family: 'Pilat Extended', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;

        /* Ajusta o espaçamento entre as linhas de texto */
        line-height: 1.2;
        /* Exemplo: ajusta o espaçamento para 1.2 vezes a altura da fonte */

        /* Ajusta o espaçamento entre as letras */
        letter-spacing: 1px;
        /* Exemplo: adiciona um espaçamento de 1px entre as letras */


    }





    .tamanho-14{
        font-size: 14px;
    }
    .texto-verde{
        color: #00332F;
    }
}
.botao-add{
    width: 84px;
    height: 32px;
}
@media  (min-width: 641px) {
   
    .hidden{
        display: none;
    }
    /* tamanho dos h2 no footer */
    footer h2{
        font-size: 16px !important;
        font-weight: bold;
    }
   

    /* tamanho do texto no footer */
    .texto-footer{
        width: 500px;

    }
    .botao-add{
        width: 84px;
        height: 32px;
    }
    body p {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
    }
    /* background do texto dark */
    .bg-super-dark{
        background-color: #1F2329;
        color: white;
    }
    p {
        color: black;
    }
    .tamanho-fixo-select{
        width: 97px;
    }
    /* botao cor youtube */
    .youtube-botao{
        background-color: #FF2E3F !important;
        color: white;
    }
    /* tamanho 11 de fonte */
    .texto-11{
        font-size: 11px;
    }
    /* tamanho 16 fonte */
    .texto-16{
        font-size: 16px;
    }
    /* paginaçao para ficar acima de tudo */
    .pag {
        z-index: 100;
    }
    /* bg-cinza do modo escuro */
    .bg-cinza-dark-mode{
        background-color: #363E47;
    }
    /* texto fonte 10 */
    .texto-10 {
        font-size: 10px;
    }
    /* text-tamanho 12 */
    .texto-12{
        font-size: 12px;
    }
    /* botao para mudar pro modo dark */
    #switchButton:hover{
        background-color: blue;
    }
    /* tirando a decoraçao de todos os links no corpo do html */
    body a {
        text-decoration: none;
    }
    /* Background cinza um pouco claro */
    .bg-cinza-light {
        background-color: #CED4DA !important;
    }
    /* variaçao de backgorund cinza */
    .bg-light {
        background-color: #E9ECEF !important;
    }
    /* lista com cor cinza */
   
    /* corpo do body  */
    .bg-geral {
        background-color: #CED4DA;
    }
    /* cor do body dark */
    .bg-geral-dark {
        background-color: #363E47
    }

    .custom-btn {
        width: 100px;
        /* Defina a largura desejada para o botão */
        height: 40px;
        /* Defina a altura desejada para o botão */
        /* Adicione outros estilos conforme necessário */
    } 
    .verde-escuro{
        color: #00332F !important;

    }

    .letra-verde-claro {
        color: #98F900;
    }
    /* icone da lua com background azul */
    .oxe {
        background-color: blue;
    }
    /* botao do bolao com suas respectivas cores */
    .botao-bolao-cor{
        background-color: #00332F;
        color: #98F900;
    }
    .botao-bolao-cor:hover{
        color: #00332F;
        background-color: #98F900;
    }
    /* cor do botao jogar bolao */
    .botao-bolao-cor p{

        color: #98F900;
    }
    /* modo dark do botao */
    .botao-bolao-cor-dark{
        color: #00332F !important;
        background-color: #98F900 !important;
    }


    /* botao-bolao de salas */
    .botao-bolao {
        width: 72px;
        height: 80px;
        background-color: #00332F;
    }
    /* tamanho do botao resultados */
    .resultados{
        width: 73px !important;
        height: 56px !important;


    }

    /*distancia da data correta */
    .data{
        transform: translate(0px, 0px);
    }
    /* distancia do tempo correto */
    .tempo{
        transform: translate(0px, 0px);
    }

    /* botao da nota media */
    .nota-media {
        width: 35px;
        height: 40px;
        background-color: #00332F;
    }
    .nota-media:hover {
        background-color: #98F900 !important;
        color: #00332F !important;
    }
    /* distancia da pontuaçao para correçao de lugar */
    .score{
        transform: translate(14px, 0px);
    }
    /* tamanho do texto dos dois times */
    .slide-time p{
        width: 164px;
    }


    .botao-estatistica {

        color: #00332F
    }
    /* paginaçao bullet padrao */
    .swiper-pagination-bullet {
        width: 25px !important;
        height: 3px !important;
        background: #98F900 !important;
        border-radius: 100% !important;
    }
    /* paginaçao bullet ativo */
    .swiper-pagination-bullet:active {
        color: #98F900 !important;
    }
    /* barra principal com icones de futebol e futesal */
    .barra-fluid {
        background-color: #98F900; 
    }
    /* borda do botao do slider novo */
    .straight-border {
        border-radius: 0 !important; /* The !important flag can help override Bootstrap's styles */
    }

    /* tamanho de cada divisao de seçao */
    .barrinha {
        background-color: #00332F;

        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        height: 24px;

    }

    /* tamanho da divisao futsal */
    .barrinha-futsal { 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        height: 24px;

    } 
    /* botao torcedor */
    .area-torcedor {
        background-color: #98F900;

    }

    /* texto da barra lateral */
    .texto-sidebar {
        color: #00332F; 
    } 
    /* background cinza equivalente a bg-light */
    .bg-cinza-light {
        background-color: #CED4DA;
    }
 
    .hoje {
        background-color: #00332F;
    } 
    .info-lateral { 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        height: 24px;
    }


    /* div que junta futsal e futebol */
    .entre-barrinhas {
        display: flex;
        gap: 16px;
    }
    /* cor da barra de arena */
    .arena-bar {
        color: white;
        background-color: #00332F;
    }
    /* barra de arena dark */
    .arena-bar-dark {
        color: white;
        background-color: #1F2329;
    }
    /* cor dos textos no footer */
    .footer-title h2 {
        color: #98F900 !important;
        text-decoration: none;

    }
    /* cor dos links no footer */
    .footer-title a {
        color: #fff !important;

    } 
    .altura-max{
        height: 72px !important;
        width: 84px !important;
    }
    /* texto tamanho 8 */
    .tamanho-pequeno {
        font-size: 8px;
    }
    /* accordeon no mobile nao ter botao */
    .no-arrow .accordion-button::after{
        display: none;
    }
    /* tamanho 12 de fonte */
    .tamanho-medio{
        font-size: 12px;
    }
    /* texto de cor preta do layout */
    .texto-preto-light {
        color: #1F2329 !important;
    }

    .btn-custom {
        width: 46px !important;
        /* Largura */
        height: 56px !important;
        /* Altura */
    }
    /* cor do texto youtube */
    .youtube{
        color: #FF2E3F !important;
    }
    /* texto branco do layout */
    .texto-white{
        color: white;
    }
    /* texto da arena */
    #arena-texto {
        color: var(--Branco, #FFF);
        line-height: 1.28571;
        /* 18px / 14px = 1.28571 (ou 128.571%) */
        letter-spacing: 7px;

        /* As propriedades "leading-trim" e "text-edge" não são propriedades CSS válidas. */
        /* Se você está buscando algo específico, talvez seja necessário ajustar o design de acordo com propriedades CSS existentes. */

        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
    }


    /* tamanho do campeonato das salas bolao */
    .campeonato-tamanho {
        width: 150px;
    }
    /* tamanho dos times das salas bolao */
    .tamanho-fixo-times {
        width: 243px;
    }
    /* texto amadores */
    .amadores-texto{


        /* Define a fonte */
        font-family: 'Pilat Extended', sans-serif;

        font-style: normal;
        font-weight: 700;

        /* Ajusta o espaçamento entre as linhas de texto */
        line-height: 1.2;
        /* Exemplo: ajusta o espaçamento para 1.2 vezes a altura da fonte */

        /* Ajusta o espaçamento entre as letras */
        letter-spacing: 1px;
    }
    .arena-texto{

        line-height: 1.28571;
        /* 18px / 14px = 1.28571 (ou 128.571%) */
        letter-spacing: 7px;

        /* As propriedades "leading-trim" e "text-edge" não são propriedades CSS válidas. */
        /* Se você está buscando algo específico, talvez seja necessário ajustar o design de acordo com propriedades CSS existentes. */

        font-family: 'Plus Jakarta Sans', sans-serif;

        font-style: normal;
        font-weight: 700;
    }
    #amadores-texto {
        /* Define a cor do texto */
        color: var(--Cor-Principal, #98F900);

        /* Define a fonte */
        font-family: 'Pilat Extended', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;

        /* Ajusta o espaçamento entre as linhas de texto */
        line-height: 1.2;
        /* Exemplo: ajusta o espaçamento para 1.2 vezes a altura da fonte */

        /* Ajusta o espaçamento entre as letras */
        letter-spacing: 1px;
        /* Exemplo: adiciona um espaçamento de 1px entre as letras */


    }
    /* texto tamanho 27 */
    .texto-27{
        font-size: 27px;
    }
    /* texto tamanho 20 */
    .texto-20{
        font-size: 20px;
    }
    /*  */
    .tamanho-14{
        font-size: 14px;
    }
    .hidden{
        display: none;
    }
}