.caption{
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom: 60px;
    width: 100%;
    height: 45px;
    background: rgba(0, 0, 0, 0.5);
    
}

.caption p {
    align-self: flex-end;
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.bandeira {/* Estilização para as bandeiras dentro do slider caption */
  width: 1rem;/* Largura fixa para as bandeiras */
  display: flex;/* Usa flexbox para organizar as faixas da bandeira */
  overflow: hidden;/* Esconde qualquer conteúdo que ultrapasse os limites da bandeira */
  opacity: 0.7;/* Deixa as bandeiras um pouco transparentes para não competir com o texto */
}/* Estilização para as bandeiras dentro do slider caption */

/* Cada faixa da bandeira */
.listra-band {/* Cada faixa da bandeira */
    height: 100%;/* Ocupa toda a altura da bandeira */
  flex: 1;/* Cada faixa tem a mesma largura */
}

.brasil .verde   { background-color: #009739; }/* Verde */
.brasil .amarela { background-color: #ffcc29; }/* Amarelo */
.brasil .azul    { background-color: #002776; }/* Azul */

.russia .branca  { background-color: #ffffff; }/* Branco */
.russia .azul    { background-color: #0033a0; }/* Azul */
.russia .vermelha{ background-color: #d52b1e; }/* Vermelho */