.fixed-header {
    /* position: fixed; Mantém o header fixo no topo */
    /* top: 0; /* Fixa no topo da página */
    /* left: 0; */
    width: 100%; /*Largura total da tela */
    /* height: 195px; Altura correspondente à imagem de fundo */ 
    background-image: url('../img/fundo_jeans_nav.png'); /* Imagem de fundo, se necessário */
    background-size: cover; /* Ajusta a imagem de fundo */
    background-position: center; /* Centraliza a imagem de fundo */
    z-index: 999; /*Para garantir que o header esteja acima de outros elementos */  
    /* display: flex; Alinha os elementos no header */
    /* align-items: center; Centraliza verticalmente */
    /* justify-content: center; Centraliza horizontalmente */ 
}
  


.img-static{
    width: 80%;
}

.img-static-1{
    width: 37%;
}

.td-table{
    padding: 0 !important;
}


/* body {
    background: url('../img/plano_de_fundo_2.png');
} */
/* Adiciona a imagem de fundo à página e define o tamanho e posicionamento */
/* body {
    background: url("../img/plano_de_fundo_2.png");
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center center; 
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    z-index: -1; 
    
} */
body{
    /* background: url("../img/plano_de_fundo_2.png"); */
    /* background: url("../img/plano-fundo-transparente.png"); */
    /* background-image: 
      url('../img/plano-fundo-transparente_left.png'), 
      url('../img/plano-fundo-transparente_right.png'); */
  
    background-image: 
      url('../img/background_left.png'), 
      url('../img/background_right.png');

    background-size: 
      50% auto,  /* Lado esquerdo */
      50% auto;   /* Lado direito */
    
    background-position: 
      left top,   /* Posição do lado esquerdo */
      right top;  /* Posição do lado direito */
    
    background-repeat: no-repeat; /* Não repetir as imagens */
    
    margin: 0;
    padding: 0;
    min-height: 100vh;
}
body.no-background {
    background: none; /* Remove o fundo */
  }

body.background-mind-map{
    background: #d2fba4;
}


table, table tbody tr, .td-table, section, #main {
    background: transparent !important;
}

.acronym{
  display: flex;
  justify-content: center;
  align-content: center;
}

.section-top-balloon{
    display: flex;
  justify-content: center;
  align-content: center;
}

.table-responsive {
    width: 100%; /* Garante que a tabela use a largura total do contêiner */
}

.container-content-balloon img {
    max-width: 100%; /* A imagem não pode ser maior que o contêiner */
}

.div-each-tr-sobre-o-curso td img {
    width: 100%; /* As imagens de balões ocupam 100% da largura da célula */
    max-height: 130px; /* Limite de altura para imagens de balões */
  }

.container-content-balloon-docs .end{
    display: flex;
    justify-content: flex-end;
  }
.container-content-balloon-docs .start{
    display: flex;
    justify-content: flex-start;
  }

.wrap-icon {
    display: flex; /* Usa flexbox para centralizar o conteúdo */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
}

/* Define um contêiner responsivo para o iframe */
.iframe-container {
    position: relative;
    width: 100%; /* O iframe ocupa toda a largura do contêiner pai */
    padding-bottom: 56.25%; /* Proporção 16:9 (altura 56.25% da largura) */
    height: 0;
    overflow: hidden;
  }
  
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; /* Remove a borda */
  }
  
.content_main_container{
    padding: 8% 0 0 0;
}
/* Media query para telas menores (celulares) */
@media (max-width: 768px) {
    .balloon-top {
      width: 400px
    }
  }

/* Media query para telas menores (celulares) */
@media (min-width: 769px) {
    .balloon-top {
      width: 450px
    }
  }
/* Media query para telas menores (celulares) */
@media (max-width: 768px) {
    body {
      background-size: 
        20% auto, /* Mantém o tamanho original em celulares */
        20% auto; /* Mantém o tamanho original em celulares */
    }
  }
  
  /* Media query para telas maiores */
@media (min-width: 769px) {
    body {
      background-size: 
        18% auto, /* Ajusta o tamanho do lado esquerdo */
        18% auto; /* Ajusta o tamanho do lado direito */
    }
  }
  
@media (min-width: 1200px) {
    body {
      background-size: 
        15% auto, /* Ajusta ainda mais o tamanho do lado esquerdo */
        15% auto; /* Ajusta ainda mais o tamanho do lado direito */
    }
  }
  
/* Media query para telas menores (celulares) */
@media (max-width: 768px) {
    .div-img-acronym-content {
      max-width: 550px
    }
  }

/* Media query para telas menores (celulares) */
@media (min-width: 769px) {
    .div-img-acronym-content {
      width: 650px
    }
  }

  @media (min-width: 1200px) {
    .div-img-acronym-content {
        width: 750px
      }
  }

@media (max-width: 576px) {
    .wrap-icon {
        height: 105px; /* Ajusta a altura em telas ainda menores */
        overflow: hidden; /* Esconde o conteúdo que excede a altura */
        display: flex; /* Para centralizar o conteúdo */
        justify-content: center; /* Alinha horizontalmente no centro */
        align-items: center; /* Alinha verticalmente no centro */
    }

  .wrap-icon img {
    max-height: 100%; /* Faz a imagem se ajustar ao contêiner */
    max-width: 100%; /* Garante que a largura não exceda o contêiner */
    height: auto; /* Mantém a proporção da imagem */
  }
}

@media (max-width: 768px) {
    .wrap-icon {
        height: 115px; /* Ajusta a altura em telas ainda menores */
        overflow: hidden; /* Esconde o conteúdo que excede a altura */
        display: flex; /* Para centralizar o conteúdo */
        justify-content: center; /* Alinha horizontalmente no centro */
        align-items: center; /* Alinha verticalmente no centro */
    }

  .wrap-icon img {
    max-height: 100%; /* Faz a imagem se ajustar ao contêiner */
    max-width: 100%; /* Garante que a largura não exceda o contêiner */
    height: auto; /* Mantém a proporção da imagem */
  }
}

@media (min-width: 769px) {
    .wrap-icon {
        height: 125px; /* Ajusta a altura em telas ainda menores */
        overflow: hidden; /* Esconde o conteúdo que excede a altura */
        display: flex; /* Para centralizar o conteúdo */
        justify-content: center; /* Alinha horizontalmente no centro */
        align-items: center; /* Alinha verticalmente no centro */
    }

  .wrap-icon img {
    max-height: 100%; /* Faz a imagem se ajustar ao contêiner */
    max-width: 100%; /* Garante que a largura não exceda o contêiner */
    height: auto; /* Mantém a proporção da imagem */
  }
}

@media (min-width: 992px) {
    .wrap-icon {
        height: 130px; /* Ajusta a altura em telas ainda menores */
        overflow: hidden; /* Esconde o conteúdo que excede a altura */
        display: flex; /* Para centralizar o conteúdo */
        justify-content: center; /* Alinha horizontalmente no centro */
        align-items: center; /* Alinha verticalmente no centro */
    }

  .wrap-icon img {
    max-height: 100%; /* Faz a imagem se ajustar ao contêiner */
    max-width: 100%; /* Garante que a largura não exceda o contêiner */
    height: auto; /* Mantém a proporção da imagem */
  }
}



@media (min-width: 1200px) {
    .wrap-icon {
        height: 135px; /* Ajusta a altura em telas ainda menores */
        overflow: hidden; /* Esconde o conteúdo que excede a altura */
        display: flex; /* Para centralizar o conteúdo */
        justify-content: center; /* Alinha horizontalmente no centro */
        align-items: center; /* Alinha verticalmente no centro */
    }

  .wrap-icon img {
    max-height: 100%; /* Faz a imagem se ajustar ao contêiner */
    max-width: 100%; /* Garante que a largura não exceda o contêiner */
    height: auto; /* Mantém a proporção da imagem */
  }
}

/* Media query para telas menores (celulares) */
@media (max-width: 768px) {
    .container-content-balloon {
      max-width: 550px
    }
  }

/* Media query para telas menores (celulares) */
@media (min-width: 769px) {
    .container-content-balloon {
      width: 680px
    }
    .div-each-tr-sobre-o-curso img{
        height: 130px;
        width: 80%;

    }
  }

@media (min-width: 992px) {
    .container-content-balloon {
        width: 800px
      }
    .div-each-tr-sobre-o-curso img{
        max-height: 150px;
        width: 80%;

    }
  }

  @media (min-width: 1200px) {
    .container-content-balloon {
        width: 920px
      }
    .div-each-tr-sobre-o-curso td img {
        max-height: 180px; /* Aumenta o limite de altura para telas ainda maiores */
        width: 80%;
    }
  }


  /* Media query para telas menores (celulares) */
@media (max-width: 768px) {
    .container-content-balloon-docs {
      max-width: 550px
    }
  }

/* Media query para telas menores (celulares) */
@media (min-width: 769px) {
    .container-content-balloon-docs  {
      width: 730px
    }
    .container-content-balloon-docs  img{
        width: 80%;

    }
  }

@media (min-width: 992px) {
    .container-content-balloon-docs  {
        width: 850px
      }
    .container-content-balloon-docs  img{
        width: 80%;

    }
  }

  @media (min-width: 1200px) {
    .container-content-balloon-docs  {
        width: 970px
      }
    .container-content-balloon-docs  img {
        width: 80%;
    }
  }

@media (max-width: 768px) {
    .iframe-container {
      padding-bottom: 100%; /* Alterar a proporção em telas menores, se necessário */
    }
  }