body{
  min-width: 372px;
  margin: 0;
  padding: 0;
  background-color: #6A5ACD;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.col-md-6 {
  background-color: transparent;
}

.containerSecond,
.hero-section,
.row,
.col-12 {
  padding: 0 !important;
  margin: 0 !important;
}

header{
  margin: 0;
  padding: 0;
  border-top: none; 
}

.wrapper{
  min-height: 100vh;
}

html {
  scroll-behavior: smooth; /* Adiciona rolagem suave */
}
section {
  padding: 100px 20px;
  height: 100vh; /* Deixa cada seção do tamanho da tela */
}

div{
  background-color: white;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

a{
  text-decoration: none;
}
.home {
  padding: 50px 0;
}

.img-fluid {
  width: 75% !important; /* Ajuste o valor para o tamanho desejado */
  max-width: 75% !important;
  height: auto !important; /* Mantém a proporção */
  display: block; /* Garante que não ocupe toda a largura do contêiner */
  margin: 0 auto; /* Centraliza a imagem */
  border-radius: 3px;
}

.containerFrase {
  margin-bottom: 30px;
  background-color: #F9FBF6;
}
.fraseEfeito h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
}
.minTexto {
  display: flex;
  flex-direction: column;
  background-color: #F9FBF6;
}

.custom-btn {
  background-color: #556B2F;
  color: #FFFFFF;
  padding: 0.5rem 1.2rem;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  border: 1px solid #888; /* borda cinza média */
  border-radius: 6px;
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  margin-bottom: 32px; /* ou o valor que quiser */
}

.custom-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
  border-color: #666; /* ou outra cor mais visível */
  background-color: #3F4F2F;
}

.custom-btn:active {
  transform: scale(0.96);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #3F4F2F;
}

.hero-section {
  background-color: #F9FBF6;
  padding: 60px 10px; /* espaço interno confortável */
}

.firstText{
  background-color: #F9FBF6;
}

.divisor-citacao {
  max-width: 1200px;
  min-height: 140px;
  width: 100%;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  background-color: #2C3E50;
}

.divisor-citacao p {
  font-family: 'Poppins', 'Source Sans Pro', sans-serif;
  font-size: 1.5rem;       /* equivale a 24px */
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.3px;
  color: #E1E9DC;
}

.carousel-item{
  background-color: #F9FBF6;
}
#carouselExampleFade{
  background-color: #F9FBF6;
}

.carousel-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 70%;
  margin: 0 auto;
  overflow: hidden; /* Evita expansão indesejada */
}

.carousel-inner {
  display: flex;
  align-items: center;
}

.carousel-item {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px; /* Mantém uma altura fixa */
  overflow: hidden; /* Impede expansão inesperada */
  position: relative;
}

.carousel-item img {
  max-width: 70%;
  height: 100%;
  object-fit: cover;
  margin: 0 auto;
  border-radius: 10px; 
}

/* Ajustes para as setas do carrossel */
.carousel-control-prev, 
.carousel-control-next {
  position: absolute;
  z-index: 5; /* Garante que as setas fiquem acima das imagens */
  top: 50% !important;  /* Garante que fique no meio */
  transform: translateY(-50%) !important; /* Ajusta para centralizar corretamente */
  width: 8%;  /* Ajuste o tamanho conforme necessário */
  height: auto;
  z-index: 10; /* Garante que fiquem visíveis acima da imagem */
  
}

/* Define um tamanho máximo para as imagens */
.carousel-image {
  max-height: 400px;
  object-fit: cover;
}

/* Centralizar setas verticalmente */
.custom-carousel-control {
  top: 50%;
  transform: translateY(-50%);
  width: 8%;
}

/* Ajustar tamanho dos ícones */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}

/* Define o container dos ícones */
.social-icons {
  display: flex;
  gap: 15px; /* Espaço entre os ícones */
  overflow: visible; /* Garante que os ícones possam crescer */
}

.social-icons a {
  text-decoration: none; 
  font-size: 1.5rem; /* Aumenta o tamanho padrão */
  display: inline-flex; 
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
}

.social-icons a i {
  display: inline-block; /* Para permitir transformações */
  transition: transform 0.3s ease-in-out;
}

.social-icons a:hover i {
  transform: scale(1.3); /* Ajuste para ver se aumenta corretamente */
}


.social-icons a:hover i {
  transform: scale(1.4); /* Aumenta mais no hover */
}

/* Define as cores oficiais dos ícones */
.social-icons .bi-instagram {
  color: #E1306C; /* Cor oficial do Instagram */
}

.social-icons .bi-whatsapp {
  color: #25D366; /* Cor oficial do WhatsApp */
}

.no-link-style {
  text-decoration: none;
  color: inherit;
}

.no-link-style:hover,
.no-link-style:focus {
  text-decoration: none;
  color: inherit;
}

.bi-geo-alt-fill {
  font-size: 1.2rem; /* Ajusta o tamanho do ícone */
  margin-right: 5px;
  color: red;
}

.instagram-icon {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background-clip: text; 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
}

.footer-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px;
  flex-wrap: wrap; /* permite que os itens quebrem de linha */
  gap: 4px;         /* pequeno espaço entre as linhas se quebrar */
  text-align: center;
}

.footer-info p {
  margin: 0;
  opacity: 0.6;
  font-size: 0.85rem;
  flex: 1 1 100%; /* padrão para mobile (uma linha cada) */
}

/* Só aplica o layout lado a lado em telas maiores */
@media (min-width: 600px) {
  .footer-info p {
    flex: unset; /* remove o flex 100% */
    width: auto;
  }

  .footer-info {
    flex-wrap: nowrap;
    text-align: left;
  }
}

/* estilos de fontes e tamanhos  */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', 'Source Sans Pro', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #000; /* ou outra cor se preferir */
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.625rem; }
h4 { font-size: 1.375rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

body, p {
  font-family: 'Roboto', 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.2px;
  color: #333; /* tom mais suave que o preto puro */
}

.navbar {
  font-family: 'Poppins', sans-serif;
  background-color: #E1E9DC;
  border-bottom: 10px solid #2C3E50;
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2); /* sombra sutil só abaixo */
}

.navbar .container-fluid{
  background-color: #E1E9DC;
}

/* Estilo para o logo da marca (esquerda) */
.navbar-brand {
  font-family: 'Poppins', sans-serif;
  font-size: 6rem;        
  font-weight: 600;         /* Um pouco mais forte para destaque */
  letter-spacing: 0.2px;
  color: #556B2F !important;
  background-color: #E1E9DC;
}

#navbarSupportedContent{
  background-color: #E1E9DC;
}

  .navbar {
    border-top-color: #E1E9DC !important;
    border-bottom: 7px solid #2C3E50;
  }

  .navbar-toggler {
    background-color: #556B2F !important;
    border: 2px solid #556B2F !important;
    border-radius: 6px;
    padding: 6px;
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23E1E9DC' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
  }
  

/* Estilo para os links do menu */
.navbar-nav .nav-link {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #556B2F !important;
  transition: all 0.2s ease-in-out;
}

/* Efeito hover */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  font-weight: 400;
  color: #3F4F2F !important;
}

.home{
  background-color: #F9FBF6;
}

.containerPrimary{
  background-color: #6A5ACD; /* ou o azul que estiver usando pra marcar */
  width: 100vw;
  margin: 0;
  padding: 0; 
}

.containerSecond{
  background-color: #F9FBF6;
}

.containerSecond,
.hero-section,
.row,
.col-12,
.col-md-6 {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.fraseEfeito{
  background-color: #F9FBF6;
}

.fraseEfeito h2 {
  font-family: 'Poppins', 'Source Sans Pro', sans-serif;
  font-size: 2.7rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #556B2F;
  background-color: #F9FBF6;
}

.minTexto p{
  font-family: 'Roboto', 'Lato', sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.2px;
  color: #333; /* tom mais suave que o preto puro */
  background-color: #F9FBF6;
}

.divisaoEt{
  background-color: #F9FBF6;
}

.Marcacaoback{
  background-color: #F9FBF6;
}

.tratamentoFrase{
  background-color: #F9FBF6;
}

.tratamentoFrase h2{
  font-family: 'Poppins','Source Sans Pro', sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #556B2F;
  background-color: #F9FBF6;
}

.tratamentoFrase .primeiroTexto{
  font-family: 'Roboto', 'Lato', sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.2px;
  color: #333; /* tom mais suave que o preto puro */
  background-color: #F9FBF6;
}

.segundoTexto p{
  background-color: #F9FBF6 !important;
}

.tratamentoFrase .segundoTexto{
  font-family: 'Roboto','Lato', sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.2px;
  color: #000000;
  background-color: #F9FBF6;
}

.tratamentoCol{
  background-color: #F9FBF6;
}

.accordion .accordion-header .accordion-button {
  font-family: 'Poppins', 'Source Sans Pro', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #333;
  background-color: #fff;
  transition: all 0.3s ease;
}

/* Quando o accordion estiver aberto */
.accordion .accordion-header .accordion-button:not(.collapsed) {
  color: #556B2F;
  background-color: #f4f9f4; /* Fundo suave opcional */
  font-weight: 700;
  box-shadow: inset 0 -2px 0 #556B2F;
}

.accordion-body{
  font-family: 'Roboto', 'Lato', sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.2px;
  color: #333; 
}

.fraseEfeito h5{
  font-family: 'Poppins','Source Sans Pro', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #556B2F;
}

.minTextoSobre {
  background-color: #F9FBF6;
}

.minTextoSobre h4{
  font-family: 'Poppins','Source Sans Pro', sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #556B2F;
  background-color: #F9FBF6;
}

.minTextoSobre h5{
  font-family: 'Poppins','Source Sans Pro', sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #556B2F;
  background-color: #F9FBF6;
}

.minTextoSobre p{
  font-family: 'Roboto', 'Lato', sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.2px;
  color: #333; /* tom mais suave que o preto puro */
  background-color: #F9FBF6;
}

.divisor-citacaoUltima {
  max-width: 1200px;
  min-height: 140px;
  width: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column; /* Coloca o botão abaixo do texto */
  align-items: center;     /* Centraliza tudo na horizontal */
  justify-content: center;
  text-align: center;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  background-color: #2C3E50;
  
}

.divisor-citacaoUltima p {
  font-family: 'Poppins', 'Source Sans Pro', sans-serif;
  font-size: 1.5rem;       
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.3px;
  margin-bottom: 1rem; /* espaço entre o texto e o botão */
  color: #E1E9DC;
}

.divisor-citacaoUltima .custom-btn {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 1.2rem; /* aumenta a fonte */
  letter-spacing: 0.4px;
  padding: 18px 50px; /* aumenta altura e largura */
  border-radius: 10px;
  transition: transform 0.2s ease;
  margin-top: 2rem;
  display: inline-block;
  background-color: #E1E9DC;
}

.divisor-citacaoUltima .custom-btn:hover{
  color: #556B2F;
  background-color: #FFFFFF;
  box-shadow: 1px 2px 1px 1px #556B2F;
}

.fraseEfeito hr{
  color: #556B2F;
}

.d-inline{
  color: #556B2F;
  font-family: 'Poppins', 'Source Sans Pro', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

.adress{
  font-family: 'Poppins', 'Source Sans Pro', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

.contato{
  color: #556B2F;
  font-family: 'Poppins', 'Source Sans Pro', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

.contacts{
  font-family: 'Poppins', 'Source Sans Pro', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

.follow{
  color: #556B2F;
  font-family: 'Poppins', 'Source Sans Pro', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

.followInsta{
  font-family: 'Poppins', 'Source Sans Pro', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

.faixa-amarela {
  background-color: yellow;
  width: 100%;
  padding: 40px 0;
}

main {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #F9FBF6;
}

#sobre{
  background-color: #F9FBF6;
}

#containerSobre{
  background-color: #F9FBF6;
}

.ultimoContainer{
  background-color: #F9FBF6;
}

.sobreBack{
  background-color: #F9FBF6;
}

#contato{
  background-color: #E1E9DC;
}

.cContato{
  background-color: #E1E9DC;
}

.footer-info{
  background-color: #E1E9DC;
}

#wppFlutuante{
  position:fixed; 
  width:50px; 
  height:50px; 
  bottom:15px; 
  right:15px; 
  border-radius:50px; 
  text-align:center; 
  font-size:30px; 
  z-index:999997; 
  box-shadow: 1px 1px 2px #888;
}