.secao-banner {

    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;

    justify-content: center;

    background: #d83030;
    padding: 2em;
}

.lado_direito {

    display: flex;
    justify-content: center;
    align-content: center;


    flex-direction: column;


}

.titulo-banner {

    margin-bottom: 0.4em;
}

.container_texto_banner {

    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;




    /*
    background: grey;
    */

    width: 65%;
    margin-left: auto;
    margin-right: auto;


}

.lado_esquerdo {

    display: flex;
    justify-content: center;
    align-content: center;

    flex-direction: column;

}

.container_flags_banner {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    flex-direction: row;

    /*
    background: grey;
    */

    width: 100%;
    margin-left: auto;
    margin-right: auto;


}

.flag_banner {

    display: flex;
    flex-direction: column;
    align-content: center;

    background: #ffffff;
    border-radius: 1.5em;

    width: 10em;
    height: 6em;

    box-shadow: 0px 1px 28px -3px rgba(0, 0, 0, 0.3);

    margin: 0.5em 0.5em;


}

.redflag {
    position: absolute;
    display: flex;
}

.icone_flag_icon {

    position: relative;
    left: 7.2em;
    bottom: 1.5em;
    width:60px;
    height: 60px;

    animation: icone_flag 2s ease-in-out infinite;

}

@keyframes icone_flag {

    0% {
        transform: translateY(0rem)
    }

    50% {
        transform: translateY(-0.3rem)
    }

    100% {
        transform: translateY(0rem)
    }

}


.flag_banner-ativado {

    display: flex;
    flex-direction: column;
    align-content: center;

    background: #ffffff;
    border-radius: 1.5em;

    width: 10em;
    height: 6em;

    border: 0.3em solid #AC0B0D;

    box-shadow: 0px 1px 28px -3px rgba(0, 0, 0, 0.3);

    margin: 0.5em 0.5em;

    /* animation: flag_ativada 2s ease-out forwards; */
}

@keyframes flag_ativada {

    0% {
        
        transform: translateY(0rem)
    }

    100% {
        

        transform: translateY(-0.5rem)
    }

}

.barra-card-flag {

    /* display: none; */

    background: #AC0B0D;

    width: 100%;
    height: 0.8em;
    border-radius: 0 0 1.5em 1.5em;

}

.conteudo-card-flag {

    display: flex;
    flex-direction: column;
    align-content: center;

    margin: auto;
    width: 100%;
    height: 100%;

    justify-content: center;

    /*
    background: whitesmoke;
    */

}

.conteudo-imagem-flag {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.conteudo-imagem-flag-ativado {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    margin-top: 0.5em;

}

.icone_flags {

    width: 40px;
    height: 40px;
}

.titulo-card-flags {

    font-size: 0.9em;
    font-weight: 600;
    text-align: center;

    margin: 0;
}

@media screen and (max-width: 830px) {


    .secao-banner {

        display: flex;

    }

    .container_texto_banner {

        width: 100%;
    }

    .lado_esquerdo {

        display: none;
    }


}




@media screen and (min-width: 830px) {

    .lado_esquerdo {

        flex-direction: row;

    }

    .container_flags_banner {

        flex-direction: column;

    }

    .container_texto_banner {

        width: 80%;
        margin-left: auto;
        margin-right: auto;


    }

}

@media screen and (min-width: 1200px) {

    .lado_esquerdo {

        flex-direction: column;

    }

    .container_flags_banner {

        flex-direction: row;

    }

}