#carrosselHome .carousel-inner .carousel-item .carrossel-mobile-img.d-block.w-100 {
  display: none !important; /* Esconde a versão mobile por padrão (em telas maiores) */
}

#carrosselHome .carousel-inner .carousel-item .carrossel-desktop-img.d-block.w-100 {
  display: block !important; /* Mostra a versão desktop por padrão (em telas maiores) */
}
@media (max-width: 768px) {
  #carrosselHome .carousel-inner .carousel-item .carrossel-desktop-img.d-block.w-100 {
    margin-top: 72px;
  }
}

@media (max-width: 576px) {
  #carrosselHome .carousel-inner .carousel-item .carrossel-desktop-img.d-block.w-100 {
    display: none !important; /* Esconde a versão desktop em telas menores */
  }

  #carrosselHome .carousel-inner .carousel-item .carrossel-mobile-img.d-block.w-100 {
    display: block !important; /* Mostra a versão mobile em telas menores */
	  margin-top: 70px;
  }
}


/*Risos e Desafios */
.secao-textoPrincipal {
    padding: 10px 15px;
    max-width: 580px;
    margin: 10px auto;
	 text-align: center;
}
.secao-textoPrincipal-titulo {
    font-family: 'gothamRoundedBold', sans-serif;
    font-size: clamp(30px, 5.4167vw, 62px); /* Reduzimos os breakpoints para o clamp */
    color: #2786b5;
    margin-bottom: 15px;
	line-height: 1.0;
}

.secao-textoPrincipal-paragrafo {
    font-family: 'gothamRoundedBold', sans-serif;
    font-size: clamp(20px, 2.2917vw, 26px); /* Reduzimos os breakpoints para o clamp */
    color: #7da736;
    line-height: 1.4;
}



/* Sessao fundo verde */
.container-fluid.conteudo-principal {
    padding-left: 0 !important; /* Remova padding esquerdo */
    padding-right: 0 !important; /* Remova padding direito */
}






.secao-blocoFundo-wrapper {
  background-image: url('../img/fundo_morrinhos_cor.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 0;
}

.blocoFundo-conteudo {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}

.box-explore-wrapper {
  max-width: 100%;
}

.box-explore-text {
  color: #656c99;
  font-size: 1.3rem;
  font-weight: 500;

 width: 90%;         /* Ocupa 90% da imagem */
  max-width: 500px;   /* Limite máximo opcional */
  padding: 0 5vw;

}




  @media (max-width: 768px) {
	.box-explore-text {
    font-size: 2.3vw;
  }
	
	.imagem-mobile-padding {
      padding-left: 3vw;
    padding-right: 3vw;
  }

  /* Se quiser limitar o tamanho da imagem no mobile */
  .imagem-mobile-padding img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
	  .bg-light-blue {

	pdding-top: 202px;
}
	 
}
@media (max-width: 575px) {
  .secao-blocoFundo-wrapper {
    background-size: cover ;
	}
	.box-explore-text {
    font-size: 4.5vw;
  }
	.imagem-mobile-padding {
      padding-left: 7vw;
    padding-right: 7vw;
  }
}