@charset "utf-8";
/* CSS Document */
.ratio-11x10 {
    --bs-aspect-ratio: calc(10 / 11 * 100%); /* 10/12 = 0.8333 -> 83.33% */
}
.coluna-esquerda-vw {
    width: 34vw;
}
.coluna-direita-vw {
    flex-grow: 1;
    width: 30vw;
    padding-left: 0;
}
@media (max-width: 1250px) {
    .coluna-esquerda-vw {
        display: none !important;
    }
    .containerCentral .row {
        justify-content: center !important;
    }
    .coluna-direita-vw {
        flex: 0 0 auto;
        max-width: 900px; /* ou qualquer valor que caiba bem */
        width: 100%; /* permite responsividade interna */
    }
}
.fundoJogosx {
    background-image: url("../img/nuvens/fundo_nuvens.png") !important;
    background-size: contain; /* Para cobrir todo o container */
    background-position: center top; /* Centralizar horizontalmente e alinhar ao topo */
    background-repeat: no-repeat; /* Evitar repetição da imagem */
    width: 100%;
    padding-top: -20px; /* Adicione um pouco de padding vertical, se necessário */
    /* Outros estilos que você já tenha para .fundoJogos */
    background-color: #d5f8fa;
    background-color: none;
}
.animation-container {
    max-width: 600px !important;
    overflow: hidden !important;
    mrgin-bottom: 0px;
}
.sombraIframe {
    border-radius: none; /* Ajuste o valor do raio conforme desejado */
    box-shadow: none; /* 5px direita, 5px baixo, 10px blur, 20% preto */
    overflow: hidden /* Opcional: para garantir que o conteúdo que ultrapassa seja cortado */
}
.container-jogo {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block; /* Garante que as margens automáticas funcionem */
    max-width: 860px; /* Defina uma largura máxima para o conteúdo, se desejar */
}
.full {
    text-align: right;
    cursor: pointer;
    
    background-repeat: no-repeat;
    background-position: right;
    height: 58px;
    width: 263px;
    margin-top: 20px;
    margin-bottom: 0px;
    float: right;
}
.full-br{
	background-image: url(../img/botao_full_normal.png);
}
.full-br:hover {
    background-image: url(../img/botao_full_hover.png);
}
.full-en{
	background-image: url("../img/botao_full_normal_en.png");
}
.full-en:hover {
    background-image: url("../img/botao_full_hover_en.png");
}
.full-es{
	background-image: url(../img/botao_full_normal_es.png);
}
.full-es:hover {
    background-image: url(../img/botao_full_hover_es.png);
}
@media (max-width: 576px) {
    .sombraIframe {
        padding-top: 10px;
    }
}
@media (max-width: 576px) {
    .sombraIframe {
        padding-top: 10px;
    }
}
@media (max-width: 1370px) {
    .animation-container {
        max-width: 450px !important;
        overflow: hidden !important;
    }
}
@media (max-width: 1250px) {
    .animation-container {

        padding:  0px;
        margin: 20px auto;
        max-width: 800px; /* ajuste conforme o tamanho ideal do jogo */
        width: 100%;
    }
}