:root{
    --vermelho: #EE1C25;
    --amarelo: #FFFF00;
    --preto: #080808;
    --branco: #ffffff;
}

html, body{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-color: #EE1C25;
}

body{
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    color: var(--preto);
    min-width: 340px;
}

a{
    text-decoration: none;
    color: var(--branco);
}

h1, h2, h3{
    margin: 0;
    padding: 0;
}

.slide{
    background-color: var(--branco);
    border-radius: 10px;
}

.slide a{
    color: var(--preto);
}

.clubes img{
    max-width: 100px;
    max-height: 100px;
}

.skiptranslate, .gt-visible-hide{
    display: none !important;
}

#box-flags{
    display: flex; 
    gap: 10px; 
    justify-content: center; 
    margin-bottom: 26px;
}

#box-flags .btn-flag{
    border: none;
    background-color: transparent;

}

#box-flags .btn-flag > img{
    max-height: 17px;
    filter: saturate(0);
}

#box-flags .btn-flag:hover > img{
    filter: saturate(1);
}

#box-flags .btn-flag.active > img{
    filter: saturate(1);
}