/* TITULO */
.animar-direita {
  opacity: 0;
  transform: translateX(80px);
  transition: none;
}

.animar-direita.visivel-primeira {
  transition: all 0.5s ease;
  opacity: 1;
  transform: translateX(0);
}

.animar-direita.visivel-retorno {
  transition: all 1.2s ease;
  opacity: 1;
  transform: translateX(0);
}

/* TEXTO */
.animar-esquerda {
  opacity: 0;
  transform: translateX(-80px);
  transition: none;
}

.animar-esquerda.visivel-primeira {
  transition: all 0.5s ease;
  opacity: 1;
  transform: translateX(0);
}

.animar-esquerda.visivel-retorno {
  transition: all 1.2s ease;
  opacity: 1;
  transform: translateX(0);
}







































.topo-hero {
  background-image: url('imagens/bg\ rec.png'); /* Substitua pelo caminho correto */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: flex-start; /* Alinha ao topo */
  justify-content: center;
  text-align: center;
  color: #0f340a;
  padding: 40px 20px 20px 20px; /* Espaçamento interno (top, right, bottom, left) */
}

.container-topo {
  width: 100%;
  max-width: 1200px;
}

.container-topo h1 {
  font-size: 5rem;
  font-weight: 500;
  line-height: 1.3;
  color: #0f340a;
  margin-top: 2px; 
  text-shadow: 2px 2px #ffffff;/* Posição do título */
}

.container-topo h1 strong {
  font-weight: bold;
}

.container-topo h1 .mix {
  color: #c7ff4a;
}

.container-topo h1 em {
  font-style: italic;
}

/* Responsivo para telas menores */
@media (max-width: 768px) {
  .topo-hero {
    height: auto;
    padding: 60px 20px 40px 20px;
    align-items: flex-start;
  }

  .container-topo h1 {
    font-size: 2rem;
    margin-top: 20px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  .container-topo h1 {
    font-size: 1.6rem;
    margin-top: 20px;
  }
}


@media (max-width: 768px) {
  .topo-hero {
    height: auto;
    padding: 80px 20px 60px 20px;
    align-items: center; /* Centraliza verticalmente no mobile */
    text-align: center;
  }

  .container-topo h1 {
    font-size: 2.6rem;
    line-height: 1.3;
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  .container-topo h1 {
    font-size: 2.2rem;
    line-height: 1.3;
    margin-top: 10px;
  }
}

.animar-titulo {
  opacity: 0;
  transform: translateX(100px);
  transition: all 0.6s ease;
}

.mostrar-titulo {
  opacity: 1;
  transform: translateX(0);
}




/* Ajustes já aplicados ao .topo-hero e .container-topo h1 em resoluções menores */

@media (max-width: 768px) {
  .topo-hero {
    height: 100vh; /* Ocupa 100% da altura no mobile */
    background-size: cover;
    background-position: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 15px;
    text-shadow: 2px 2px #ffffff;
  }

  .container-topo h1 {
    font-size: 3rem;
    line-height: 1.4;
    margin-top: 0;
  }
}

@media (max-width: 480px) {
  .container-topo h1 {
    font-size: 3rem;
  }
}























   .programacao-section {
  padding: 60px 20px;
  color: white;
  position: relative;
  background-image: url('imagens/primeirohero.png');
}

.programacao-section .container {
  max-width: 1060px; /* ou 1200px se preferir mais recuo */
  margin: 0 auto;
  padding-left: 40px;  /* alinhamento manual */
  padding-right: 20px;
  text-align: left;
}

.programacao-section h2 {
  font-size: 3rem;
  font-weight: bold;
  color: #74F759;
  margin-bottom: 10px;
}

.programacao-section .subtitulo {
  font-size: 1.2rem;
  margin-bottom: 30px;
}

.programacao-section .subtitulo strong {
  color: #74F759;
}

.bloco-rosa {
  background-color: #EF3BA9;
  padding: 30px 40px;
  border-radius: 25px;
  margin-bottom: 40px;
  text-align: left;
}

.bloco-rosa ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bloco-rosa ul li {
  font-size: 1.2rem;
  margin-bottom: 15px;
  font-weight: bold;
  color: white;
  position: relative;
}

.bloco-rosa ul li::before {
  content: "–";
  margin-right: 10px;
  color: white;
}

.programacao-section .observacao {
  font-size: 1.1rem;
  color: white;
}

@media (max-width: 768px) {
  .programacao-section h2 {
    font-size: 2.3rem;
  }
}


/* Desktop - mantém alinhado à esquerda */
.programacao-section .container {
  max-width: 1100px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 20px;
  text-align: left;
}

/* Mobile - centraliza como estava originalmente */
@media (max-width: 768px) {
  .programacao-section .container {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }

  .bloco-rosa {
    text-align: left; /* mantém o bloco rosa alinhado à esquerda */
  }

  .programacao-section .observacao {
    text-align: left; /* mantém a observação também à esquerda */
  }
}


@media (max-width: 768px) {
  .programacao-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 20px 20px;
    
  }
}


/* mosaico*/
.descricao-mosaico {
  color: #ff9cdb;
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.1rem;
}
.mosaico-item-metodo:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.mosaico-item-metodo:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}

.secao-mosaico-metodo {
  padding: 30px 30px;
  color: #cccccc;
  text-align: center;
}




.mosaico-metodo {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
}

.mosaico-item-metodo {
  position: relative;
  background-size: cover;
  background-position: l;
  height: 350px;
  transition: all 0.4s ease;
  opacity:1;
}

.mosaico-item-metodo:hover {
  transform: scale(1.02);
  z-index: 2;
}

.overlay-mosaico {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.123); /* fundo escuro fixo */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* alinha os itens no topo */
  align-items: center;
  text-align: center;
  color: #ffffff;
  padding: 20px;
  opacity: 1; /* visível sempre */
}



.mosaico-item-metodo:hover .overlay-mosaico {
  opacity: 1;
}

.overlay-mosaico h3 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  background-color: #102D07;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  height: 50px; /* força altura igual para todos os h3 */
  display: flex;
  align-items: center;
  justify-content: center;
}

.overlay-mosaico p {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #cccccc;
  min-height: 100px; /* ajusta conforme o conteúdo médio */
}


/* Responsivo */
@media (max-width: 1024px) {
  .mosaico-metodo {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .mosaico-metodo {
    grid-template-columns: 1fr;
  }

  .mosaico-item-metodo {
    height: 450px;
  }

  .titulo-mosaico-metodo {
    font-size: 2.5rem;
  }

  .overlay-mosaico h3 {
    font-size: 1.2rem;
  }

  .overlay-mosaico p {
    font-size: 0.85rem;
  }
  .mosaico-item-metodo:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  overflow: none;
}

.mosaico-item-metodo:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  overflow: none;
}
}

.entrar-direita {
  opacity: 0;
  transform: translateX(100px);
  transition: all 1s ease;
}

.entrar-direita.animado {
  opacity: 1;
  transform: translateX(0);
}

.entrar-esquerda {
  opacity: 0;
  transform: translateX(-100px);
  transition: all 1s ease;
}

.entrar-esquerda.animado {
  opacity: 1;
  transform: translateX(0);
}

.entrar-baixo {
  opacity: 0;
  transform: translateY(60px);
  transition: all 1s ease;
}

.entrar-baixo.animado {
  opacity: 1;
  transform: translateY(0);
}














body {
 
  margin: 0;
  font-family: Arial, sans-serif;
  color: white;
}

.polo-section-wrapper {
  padding: 60px 20px; /* espaçamento fora da caixa escura */
   background: url('imagens/quadriculadoverde.png') no-repeat center center ;
}

.polo-section-inner {
  background-color: #1A2F06;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.polo-card {
  display: flex;
  border: 1px solid #fff;
  background-color: transparent;
}

.polo-icon {
  flex: 1;
  background-color: #11270e;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.polo-icon img {
  max-width: 100%;
  height: auto;
}

.polo-text {
  flex: 2;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.polo-text h4 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  white-space: nowrap; /* evita quebra */
}

.polo-text p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.highlight-green {
  color: #7EE065;
}























.sessao-gastronomia {
  padding: 10px 12px;
  position: relative;
  /* Altere aqui para adicionar o bg futuramente */
}
.bgsessao{
  background-image: url('imagens/saboresfundo.png'); 
}

.container-gastronomia {
  max-width: 1000px;
  margin: 0 auto;
  color: #000; /* Ajustável para contraste do fundo futuro */
  font-family: 'Arial', sans-serif;
}

.titulo-polo1 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 20px;
}

.logo-gastronomia img {
  width: 300px;
  max-width: 100%;
  height: auto;
  margin: 20px 0;
}

.subtitulo11 {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.texto11 {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #000000;
}

/* Responsivo */
@media (max-width: 768px) {
  .titulo-polo1 {
    font-size: 2rem;
    
  }

  .logo-gastronomia img {
    width: 200px;
    display: block;
    margin: 0 auto 20px;
  }

  .subtitulo {
    font-size: 1.1rem;
    text-align: center;
  }

  .texto {
    font-size: 1rem;
    text-align: justify;
  }
}

@media (max-width: 480px) {
  .titulo-polo {
    font-size: 2.5rem;
  }

  .subtitulo {
    font-size: 1rem;
  }

  .texto {
    font-size: 0.95rem;
  }
}

.logo-sabores {
  margin-left: -15px;   /* alinhamento no desktop */
    /* evita ultrapassar tela */
  height: auto;         /* mantém proporção */
  display: block;
}

/* Corrige no mobile */
@media (max-width: 768px) {
  .logo-sabores {
    margin-left: 0;
    margin-right: auto;
    display: block;
  }
}














.sessao-info-gastronomia {
  padding: 5px 20px;
  
  color: #000;
  font-family: 'Arial', sans-serif;
}

.container-info {
  max-width: 1000px;
  margin: 0 auto;
}

.bloco-titulo {
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 1.3rem;
}

.bloco-titulo.verde {
  color: #187a4c;
}

.bloco-titulo.laranja {
  color: #d8671a;
}

.bloco-lista {
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px;
}

.bloco-lista li {
  margin-bottom: 8px;
  font-size: 1.05rem;
  line-height: 1.6;
}

.texto-final {
  font-size: 1.1rem;
  margin-top: 40px;
  line-height: 1.6;
}

/* Responsivo */
@media (max-width: 768px) {
  .bloco-titulo {
    font-size: 1.1rem;
  }

  .bloco-lista li {
    font-size: 1rem;
  }

  .texto-final {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .bloco-titulo {
    font-size: 1rem;
  }

  .bloco-lista li {
    font-size: 0.95rem;
  }

  .texto-final {
    font-size: 0.95rem;
  }
}






















.sessao-artesanato {
  /* caminho corrigido */
  background-size: cover; /* pode trocar por 'contain' se continuar com zoom */
  background-position: center;
  background-repeat: no-repeat;
  
  color: #E0C38B;
padding: 10px 12px;
  font-family: 'Arial', sans-serif;
  position: relative;
  overflow: hidden;
}


.container-artesanato {
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
}

.titulo-artesanato {
  font-size: 3rem;
  font-weight: 800;
  color: #E0C38B; /* cor semelhante ao título da imagem */
  margin-bottom: 20px;
}

.logo-feirarte {
  width: 400px;
  height: auto;
  margin-bottom: 20px;
}

.subtitulo {
  font-size: 1.2rem;
  font-weight: 600;
  color: #E0C38B;
  margin-bottom: 30px;
}

.texto {
  font-size: 1.1rem;
  line-height: 1.7;
  margin-bottom: 40px;
  color: #E0C38B;
}

.homenagem {
  font-size: 1rem;
  color: #E0C38B;
}

.homenagem .destaque {
  color: #E0C38B;
  font-weight: 700;
}

/* Responsivo */
@media (max-width: 768px) {
  .titulo-artesanato {
    font-size: 2.5rem;
  }
  #brarte{
    display: none;
  }

  .subtitulo {
    font-size: 1rem;
  }

  .texto,
  .homenagem {
    font-size: 1rem;
  }

  .logo-feirarte {
    width: 250px;
    
  }
}

@media (max-width: 480px) {
  .titulo-artesanato {
    font-size: 2.5rem;
  }

  .logo-feirarte {
    width: 250px;
  }

  .texto {
    font-size: 1rem;
  }
  #brarte{
    display: none;
  }
}
.logo-feirarte {
  margin-left: -24px; /* Desktop */
  max-width: 100%;    /* Evita ultrapassar tela */
}

/* Corrige no mobile */
@media (max-width: 768px) {
  .logo-feirarte {
    margin-left: 0;    /* Zera o recuo */
    display: block;
    margin-right: auto;
    margin-left: auto; /* Centraliza se quiser */
  }
}




















.sessao-artesanato-info {
  background-image: url('imagens/bg\ arte\ novo.png'); /* Substitua pelo caminho da imagem */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 60px 20px;
  color: #E1C587;
  font-family: 'Arial', sans-serif;
}

.container-artesanato-info {
  max-width: 1000px;
  margin: 0 auto;
}

.bloco {
  margin-bottom: 30px;
}

.titulo-destaque {
  font-size: 1.2rem;
  font-weight: 700;
  color: #E1C587;
  margin-bottom: 10px;
}

.bloco ul {
  list-style: none;
  padding-left: 0;
}

.bloco ul li {
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 8px;
}

.texto-final-artesanato {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #E1C587;
  margin-top: 40px;
}

/* Responsivo */
@media (max-width: 768px) {
  .titulo-destaque {
    font-size: 1.1rem;
  }

  .bloco ul li {
    font-size: 1rem;
  }

  .texto-final-artesanato {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .titulo-destaque {
    font-size: 1rem;
  }

  .bloco ul li {
    font-size: 0.95rem;
  }

  .texto-final-artesanato {
    font-size: 0.95rem;
  }
}













.bgempreender{
   background-image: url('imagens/bg\ empreendedoristmo.png');
}


.empreender-section {
     
      color: white;
     padding: 10px 12px;
      position: relative;
    }

    .empreender-content {
      max-width: 1000px;
      margin: 0 auto;
      text-align: left;
    }

    .empreender-content h2 {
      color: #F3C139;
      font-size: 3rem;
      margin-bottom: 20px;
      font-weight: 800;
    }

    .logo-empreender {
      max-width: 500px;
      margin-bottom: 30px;
      display: block;
    }

    .empreender-content h3 {
      font-size: 20px;
      color: #F3C139;
      margin-bottom: 40px;
      font-weight: normal;
    }

    .empreender-content p {
      font-size: 16px;
      line-height: 1.6;
      color: white;
      margin-bottom: 30px;
    }

    .empreender-content .destaque {
      color: #F3C139;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 10px;
      border-bottom: 2px solid #F3C139;
      display: inline-block;
    }

    @media (max-width: 768px) {
      .empreender-section {
        padding: 60px 15px;
      }

      .empreender-content h2 {
        font-size: 1.9rem;
      }

      .logo-empreender {
        max-width: 370px;
      }

      .empreender-content p {
        font-size: 15px;
      }
    }


.logo-empreender {
  margin-left: -154px;  /* alinhamento desktop */

  height: auto;         /* mantém a proporção */
  display: block;
}

/* Corrige no mobile */
@media (max-width: 768px) {
  .logo-empreender {
    margin-left: 0;
    margin-right: auto;
    display: block;
  }
}


















    .secao-empreenda {
  background-image: url('imagens/bg\ empreendedoristmo.png');
  color: white;
  padding: 60px 20px;
}

.container-empreenda {
  max-width: 995px; /* igual à parte de cima da imagem */
  margin: 0 auto;
}

.titulo-topico {
  color: #ffc107;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 550;
}

.lista-topicos {
  padding-left: 20px;
  margin-bottom: 25px;
}

.lista-topicos li {
  font-size: 18px;
  line-height: 1.6;
  margin: 4px 0;
}

.descricao-final {
  font-size: 18px;
  line-height: 1.6;
}

.descricao-final strong {
  font-weight: bold;
}

@media (max-width: 768px) {
  .secao-empreenda {
    padding: 40px 15px;
  }

  .lista-topicos li,
  .descricao-final {
    font-size: 16px;
  }
}
















.bgacoesecidadania{
   background-image: url('imagens/bemvivier.png');
}

.secao-bemviver {

  padding: 10px 12px;
  color: #ffffff;
}

.container-bemviver {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.titulo-bemviver {
  color: #C3F25E;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.logo-bemviver {
  max-width: 500px;
  height: auto;
  margin-bottom: 20px;
}

.slogan {
  color: #C3F25E;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 25px;
}

.descricao {
  font-size: 18px;
  line-height: 1.6;
  color: #ffffff;
}

.descricao strong {
  font-weight: bold;
}

@media (max-width: 768px) {
  .titulo-bemviver {
    font-size: 2rem;
  }

  .slogan,
  .descricao {
    font-size: 16px;
  }

  .logo-bemviver {
    max-width: 370px;
  }
}


.logo-bemviver {
  margin-left: -165px;   /* Alinhamento desktop */
     /* Não ultrapassa a tela no mobile */
  height: auto;
  display: block;
}

/* Mobile: corrige o bug de ultrapassar a tela */
@media (max-width: 768px) {
  .logo-bemviver {
    margin-left: 0;
    margin-right: auto;
    display: block;
  }
}


























.secao-informacoes-bemviver {
  background-image: url('imagens/bemvivier.png');
  padding: 60px 20px;
  color: #ffffff;
}

.container-informacoes {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.topico {
  color: #C3F25E;
  font-size: 22px;
  margin: 30px 0 10px;
  font-weight: bold;
}

.lista-info {
  padding-left: 20px;
  margin-bottom: 20px;
}

.lista-info li {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 8px;
}

.paragrafo-info {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.paragrafo-info strong {
  font-weight: bold;
}

@media (max-width: 768px) {
  .topico {
    font-size: 20px;
  }

  .lista-info li,
  .paragrafo-info {
    font-size: 16px;
  }
}


















.secao-polo-musical {
background-image: url('imagens/bg\ mundo\ mix.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding: 10px 12px;
  color: #ffffff;
 
}

.overlay-polo {

  width: 100%;
  height: 100%;
  
}

.container-polo {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.titulo-polo {
  color: #75F75D; /* verde-limão vivo */
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.logo-polo {
  max-width: 500px;
  height: auto;
  margin-bottom: 20px;
}

.slogan-polo {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 25px;
}

.descricao-polo {
  font-size: 18px;
  line-height: 1.6;
  max-width: 800px;
}

@media (max-width: 768px) {
  .titulo-polo {
    font-size: 2.5rem;
  }

  .logo-polo {
    max-width:370px;
  }

  .slogan-polo,
  .descricao-polo {
    font-size: 16px;
  }
}

.logo-polo {
  margin-left: -144px;  /* Alinhamento no desktop */

  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .logo-polo {
    margin-left: 0;
    margin-right: auto;
    display: block;
  }
}



















.secao-informacoes-palco {
 
  padding: 60px 20px;
  color: #ffffff;
}

.container-palco {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.titulo-palco {
  color: #75F75D; /* Verde limão */
  font-size: 22px;
  font-weight: bold;
  margin: 30px 0 10px;
}

.texto-palco {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.lista-palco {
  padding-left: 20px;
  margin-bottom: 30px;
}

.lista-palco li {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 8px;
}

.texto-palco strong {
  font-weight: bold;
  color: #ffffff;
}

@media (max-width: 768px) {
  .titulo-palco {
    font-size: 20px;
  }

  .texto-palco,
  .lista-palco li {
    font-size: 16px;
  }
}

.polomusicalbg {
  background-image: url('imagens/bg mundo mix.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;
  gap: 1px; /* Espaço visual entre as seções */
}

.polomusicalbg > section + section {
  padding-top: 1px; /* Adiciona espaçamento apenas entre as seções internas */
}



















.secao-polo-moda {
  background-image: url('imagens/passa.png'); /* Substitua pelo caminho correto */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  padding: 60px 20px;
  position: relative;
}

.overlay-moda {
  padding: 60px 0;
  width: 100%;
  height: 100%;
}

.container-moda {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.titulo-moda {
  color: #D82752; /* Rosa forte */
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.logo-moda {
  max-width: 500px;
  height: auto;
  margin-bottom: 20px;
}

.slogan-moda {
  font-size: 20px;
  font-weight: bold;
  color: #D82752;
  margin-bottom: 30px;
}

.descricao-moda {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 20px;
  max-width: 800px;
}

@media (max-width: 768px) {
  .titulo-moda {
    font-size: 2rem;
  }

  .logo-moda {
    max-width: 350px;
  }

  .slogan-moda,
  .descricao-moda {
    font-size: 16px;
  }
}

















.bgacao{
   background: url('imagens/quadriculadoverde.png')  center center;
}
.acoes-culturais {

  background-size: cover;
  color: white;
  padding: 60px 20px;
  font-family: 'Arial', sans-serif;
}

.acoes-culturais .container {
  max-width: 1000px;
  margin: auto;
}

.acoes-culturais h2 {
  font-size: 3rem;
  color: #5ADDDF;
  margin-bottom: 20px;
  line-height: 1.2;
}
#h2acoes{
  font-size: 3rem;
  color: #75F956;
  margin-bottom: 20px;
  line-height: 1.2;
}

.acoes-culturais h2 span {
  color: #00d9ff;
  font-weight: bold;
}

.acoes-culturais .intro {
  font-size: 16px;
  margin-bottom: 15px;
}

.acoes-culturais .intro.bold {
  font-weight: bold;
}

.acoes-culturais .verde {
  color: #75F956;
}

.acoes-culturais .tabela {
  border: 1px solid white;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin: 30px 0;
}

.acoes-culturais .linha {
  display: flex;
  flex-direction: row;
  background-color: rgba(0, 0, 0, 0.133);
  border-bottom: 1px solid white;
}

.acoes-culturais .coluna {
  flex: 1;
  padding: 20px;
  font-size: 15px;
}

.acoes-culturais .coluna.titulo {
  font-weight: bold;
    text-shadow: none !important;
  color: #75F956;
  
  white-space: nowrap;
  min-width: 200px;
}

.acoes-culturais .final {
  margin-top: 30px;
  font-size: 16px;
}

.acoes-culturais .final .verde {
  font-weight: bold;
  color:#75F956;
}

@media (max-width: 768px) {
  .acoes-culturais .linha {
    flex-direction: column;
  }

  .acoes-culturais .coluna.titulo {
    min-width: auto;
    white-space: normal;
    padding-bottom: 10px;
    font-size: 16px;
    text-align: left;
  }

  .acoes-culturais .coluna {
    padding: 10px 20px;
    font-size: 14px;
  }

  .acoes-culturais h2 {
    font-size: 2rem;
    text-align: center;
  }

  #h2acoes {
    font-size: 2rem;
  }
}



.animate-left {
  opacity: 0;
  transform: translateX(-100px);
  transition: all 1s ease;
}
.animate-right {
  opacity: 0;
  transform: translateX(100px);
  transition: all 1s ease;
}
.animate-up {
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s ease;
}
.show {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

/* Efeitos em cascata com delay */
.animate-delay-1 { transition-delay: 0.1s; }
.animate-delay-2 { transition-delay: 0.2s; }
.animate-delay-3 { transition-delay: 0.3s; }
.animate-delay-4 { transition-delay: 0.4s; }
.animate-delay-5 { transition-delay: 0.5s; }










.acessibilidade {
  background: url('imagens/cadeira.png') no-repeat center center;
  background-size: cover;
  color: #fff;
  font-family: 'Arial', sans-serif;
}
#TITLEE,
.h2acessibilidade {
  font-size: 3rem;
  white-space: nowrap;         /* Não permite quebra */
  overflow: hidden;
 
}

#TITLEE {
  color: #8FBF36;
}

.h2acessibilidade {
  color: #75F554;
}
#TITLEE,
.h2acessibilidade {
  font-size: 3rem;
  white-space: nowrap;       /* NÃO quebra a linha */
  overflow: visible;         /* Permite o texto transbordar, se necessário */
  text-overflow: unset;      /* Não coloca os "..." */
}

.subtituloacesso{
  color: #75F554;
}
.acessibilidade-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 15px;
}

.acessibilidade .verde {
  color: #7fff4c;
}

.acessibilidade .azul {
  color: #3ABEFF;
}

.acessibilidade .amarelo {
  color: #FFD700;
}

.acessibilidade .vermelho {
  color: #FF4C4C;
}

.acessibilidade i {
  font-size: 1.4rem;
  vertical-align: middle;
}


@media (max-width: 768px) {
  #TITLEE,
  .h2acessibilidade {
    font-size: 1.8rem; /* Reduz para telas menores */
    white-space: normal; /* Permite quebra em telas pequenas */
    text-overflow: unset;
  }

  .acessibilidade-container {
    flex-direction: column !important;
    align-items: start !important;
    padding: 0 20px;
  }

  .acessibilidade .col-md-7 {
    width: 100%;
  }

  .acessibilidade i {
    font-size: 1.2rem;
  }

  .subtituloacesso {
    font-size: 1.1rem;
  }
}

.animate-right {
  opacity: 0;
  transform: translateX(100px);
  transition: all 1s ease;
}

.animate-left {
  opacity: 0;
  transform: translateX(-100px);
  transition: all 1s ease;
}

.show {
  opacity: 1 !important;
  transform: translateX(0) !important;
}