/* Definindo a cor de fundo para as secções */
section {
    background-color: #F5F3EF; /* Exemplo de cor, você pode ajustar conforme a preferência */
}

/* Estilos para os títulos */
h1 {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 40px;
    color: #1F3A34;
    line-height: 1.2;
    margin-bottom: 20px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 30px;
 
}
h2 {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 36px;
    color: #1F3A34;
    line-height: 1.2;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
 
}
h3 {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 24px;
    color: #1F3A34;
    line-height: 1.2;
    /*margin-bottom: 20px;*/
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
 
}
h4 {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 20px;
    color: #1F3A34;
    line-height: 1.2;
    margin-bottom: 20px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
 
}
h5, h6 {
    font-family: 'Gotham Book', sans-serif;
    font-size: 18px;
    color: #1F3A34;
    line-height: 1.4;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}


/* Estilos para o texto */
body {
    font-family: 'Gotham Book', sans-serif;
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin: 0;
    padding: 0;
	background-color: #F5F3EF;
}

img {
	border-radius: 5px;
}

.subtitulo{
	font-family: 'Gotham Book', sans-serif;
    font-size: 22px;
    color: #1F3A34;
    line-height: 1.2;
    margin-bottom: 20px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	font-style: oblique;
}

.headline {
    font-family: 'Gotham Book', sans-serif;
    font-size: 20px;
    color: #8B0066;
    line-height: 1.8;
    margin-left: 10px;
	margin-right: 10px;
    padding: 0;
	font-weight: bold;
}

.titulo-beneficios {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 20px;
    color: #8B0066;
    line-height: 1;
	text-align: center;
	font-weight: bold;
	
}
.subtitulo-beneficios {
    font-family: 'Gotham Book', sans-serif;
    font-size: 18px;
    color: #8B0066;
    line-height: 1.8;
	text-align: center;
}

.pnav {
    color: #555;
    line-height: 1.8;
    margin-left: 0px;
	margin-right: 0px;
    padding: 0;
}

/* Estilos adicionais para navegação e links */
nav ul {
    list-style-type: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 5px;
}

a {
    text-decoration: none;
    color: #555;
}

a:hover {
    text-decoration: underline;
}
@font-face {
    font-family: 'Gotham Medium';
    src: url('fonts/GothamMedium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
	font-display: swap; /* O texto será exibido com uma fonte substituta enquanto a fonte personalizada carrega */
}

@font-face {
    font-family: 'Gotham Book';
    src: url('fonts/GothamBook.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
	font-display: swap; /* O texto será exibido com uma fonte substituta enquanto a fonte personalizada carrega */
}

.background-container {
    position: relative;
    width: 100%;
    height: 146px;
    /*background: url('img/fundologo300.webp') no-repeat center center;*/
	background-color: #EFEAE4;			
    background-size: cover;
}
.background-container-grande {
    position: relative;
    width: 100%;
    height: 180px;
    /*background: url('img/fundologo300.webp') no-repeat center center;*/
	background-color: #EFEAE4;
    background-size: cover;
}

.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: auto;
}

.foto {
    position: relative;
    width: auto;
    height:auto;
	text-align: center; 
}

        /* Define o layout das colunas */
        .container {
            display: flex;
        }
		
		.container-menu {
			display: flex;
			/*flex-direction: column;*/
			justify-content: center;  /*eixo principal (vertical) */
			align-items: center;      /*eixo transversal (horizontal) */
			/*height: 1000vh;*/
		}
		.container-center {
			/*display: flex;*/
			/*flex-direction: column;*/
			/*justify-content: center;  eixo principal (vertical) */
			align-items: center;      /*eixo transversal (horizontal) */
			text-align: center;
			/*height: 1000vh;*/
		}


        /* Estilo da coluna direta (imagem) */
        .coluna-direita {
            align-items: center;
        }

        /* Estilo da coluna esquerda (texto) */
        .coluna-esquerda {
            flex: 1;
			display: flex;
            align-items: center;
            justify-content: center;

        }
		.conteudo-coluna {
            display: block;
            align-items: center;
            justify-content: center;

        }
		.container-beneficios {
            display: flex;
			justify-content: center; /* centraliza horizontalmente */
			align-items: top; /* centraliza verticalmente */
			padding: 10px;
			
        }
		.conteudo-paraquem {
			margin: auto; /* Centraliza horizontalmente */
            max-width: 100%; /* Evita que a imagem exceda o container */
            align-items: left;
            justify-content: center;
			background-color: #FFF3BA;
			border-radius: 30px;
			margin: 10px;
			padding: 5px;
        }
		.conteudo-beneficios {
            display: block;
			margin: auto; /* Centraliza horizontalmente */
            max-width: 100%; /* Evita que a imagem exceda o container */
            align-items: left;
            justify-content: center;
			width: 1000px; 
			background-color: #FFF3BA;
			border-radius: 30px;
			margin: 20px;
			padding: 10px;
        }
		
		.conteudo-branco {
            display: block;
			margin: auto; /* Centraliza horizontalmente */
            max-width: 100%; /* Evita que a imagem exceda o container */
            align-items: left;
            justify-content: center;
			/*width: 1000px; */
			background-color:#EFEAE4;
			border-radius: 30px;
			margin: 0px;
			padding: 20px;
        }
		.conteudo {
            display: block;
			margin: auto; /* Centraliza horizontalmente */
            max-width: 100%; /* Evita que a imagem exceda o container */
            align-items: left;
            justify-content: center;
			margin: 0px;
			padding: 20px;
			background-color: #EFEAE4;
        }
		
		.container-paraquem {
            display: flex;
			margin: auto; /* Centraliza horizontalmente */
            max-width: 100%; /* Evita que a imagem exceda o container */
            align-items: left;
            justify-content: center;
			background-color: white;
			border-radius: 30px;
			margin: 20px;
			padding: 10px;
        }
		
	
		.review-container {
            margin: 20px;
            padding: 20px;
            border: 1px solid #ddd;
            background-color: #f9f8f3;
        }
        .review {
            margin-bottom: 15px;
        }

    .botao {
        display: inline-block;
        padding: 2px 10px;
        font-size: 10px;
        color: white;
        background-color: #8B0066;
        text-decoration: none;
        border-radius: 5px;
        text-align: center;
    }

	.link {
        color:#8B0066;
    }

    .botao:hover {
        background-color: #999999; /* Muda a cor ao passar o mouse */
    }
  /* Estilos básicos para o formulário */
 form {
            max-width: 500px;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        input, textarea, button, select, option {
            width: 95%;
            margin-top: 10px;
            padding: 10px;
            font-size: 14px;
        }

        button {
            margin-top: 20px;
            background-color:  #8B0066;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        button:hover {
            background-color: #0056b3;
        }
		.map-container {
            display: flex;
            justify-content: center;
            align-items: center;
             /* height: 100vh; opcional, ajusta para centralizar verticalmente */
        }




    .sessao-margem-grande{
      padding: 30px;
      margin: 30px 0;
      border-radius: 8px;
    }
	.sessao-margem{
      padding: 10px;
      margin: 10px 0;
      border-radius: 8px;
    }
    
	.subsessao{
		text-align: left;
		margin:0px;
          padding: 10px;
          border-radius: 8px;
	}
	
	.subsessaomenor{
		text-align: left;
		margin:0px;
		margin-bottom:10px;
          padding: 5px;
          border-radius: 8px;
	}
	
	.menu-item {
        position: relative;
        display: inline-block;
    }
	
	
	.submenu {
        display: none; /* Esconde o submenu por padrão */
        position: absolute;
        top: 100%; /* Aparece logo abaixo do item principal */
        left: 0;
        background-color: #f9f9f9; /* Fundo do submenu */
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        padding: 10px;
        z-index: 1;
    }

    .submenu a {
        display: block;
        color: #333;
        text-decoration: none;
        padding: 5px 10px;
    }

    .submenu a:hover {
        background-color: #ddd;
    }
	
    /* Exibe o submenu ao passar o mouse sobre o item principal */
    .menu-item:hover .submenu {
        display: block;
    }
	.frase-efeito {
        display: inline-block;
        padding: 4px 20px;
        font-size: 20px;
        color: #2C4A43;
        background-color: #EFEAE4;
        text-decoration: none;
        border-radius: 10px;
        text-align: center;
		font-style: oblique;
		font-family: 'Gotham Book', sans-serif;
		line-height: 1.8;
    }
	.frase-efeito-neutro {
        display: inline-block;
        padding: 4px 20px;
        font-size: 20px;
        color: #4E4E4E;
        background-color: #F7E4BC;
        text-decoration: none;
        border-radius: 5px;
        text-align: center;
		font-style: oblique;
		font-family: 'Gotham Book', sans-serif;
		line-height: 1.8;
    }
	
	
	.botao-frase-efeito {
        display: inline-block;
        padding: 4px 20px;
        font-size: 20px;
        color: #4E4E4E;
        background-color: #E8F5E9;
        text-decoration: none;
        border-radius: 5px;
        text-align: center;
		
		font-family: 'Gotham Book', sans-serif;
    }
    	.botao-frase-efeito-menor {
        display: inline-block;
        padding: 4px;
        font-size: 20px;
        color: #4E4E4E;
        background-color: #E8F5E9;
        text-decoration: none;
        border-radius: 5px;
        text-align: center;
		
		font-family: 'Gotham Book', sans-serif;
    }


.conteudo-dispositivo {
  display: none;
  text-align: center;
}

.menu-item-variavel {
        display: none;
    }

.conteudo-dispositivo-sem-margem {
  display: none;
  text-align: center;
}

	.tipo-imagem {
		display: none;
	}
	
	.imagem-full-width {
		width: 100%;
		height: auto; /* Mantém a proporção da imagem */
	}
	.imagem-half-full-width {
		width: 50%;
		height: auto; /* Mantém a proporção da imagem */
	}

	.botao-maior {
		font-family: 'Gotham Book', sans-serif;
        display: inline-block;
        padding: 16px 20px;
        font-size: 20px;
        color: #1C1C1C;
        background-color: #C2A46D;
        text-decoration: none;
        border-radius: 5px;
        text-align: center;
		font-weight: bold;
		margin-bottom: 30px;
		align-items: center;
    }
	.botao-menu {
		font-family: 'Gotham Book', sans-serif;
        display: inline-block;
        padding: 16px 20px;
        font-size: 16px;
        color: #1F3A34;
        background-color: #D8D2C8;
        text-decoration: none;
        border-radius: 5px;
        text-align: center;
		font-weight: bold;
		margin-bottom: 30px;
		align-items: center;
		margin-right: 5px;
    }
	
	.botao-centralizar {
        text-align: center;
		align-items: center;
		
    }


	.botao-maior-neutro {
		font-family: 'Gotham Book', sans-serif;
        display: inline-block;
        padding: 16px 20px;
        font-size: 20px;
        color: white;
        background-color: #BD5211;
        text-decoration: none;
        border-radius: 5px;
        text-align: center;
		line-height: 2;
    }

.fixed-footer {
	position: fixed;
	bottom: 0;
	width: 100%; /* para que ocupe toda a largura */
	background-color: red; /* cor de fundo opcional */
	text-align: center; /* centralizar o conteúdo */
	padding: 6px; /* espaço interno opcional */
	z-index: 1000;
	background: url('img/fundologo300.wepb') no-repeat center center;
	background-size: cover;
}


	/* Styles for the menu */
	.menu {
		display: none; /* Hidden by default */
		position: absolute;
		right: 10px;
		top: 60px;
		background-color: #f9f9f9;
		border: 1px solid #ddd;
		padding: 15px;
		width: 200px;
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	}
	.menu a {
		font-size:15px;
		line-height:1.6;
		text-decoration: none;
		color: #333;
		display: block;
		padding: 8px 0;
	}
	.menu a:hover {
		background-color: #f1f1f1;
	}
	/* Style for the image */
	.menu-icon {
		cursor: pointer;
		width: 50px;
	}
	.menu-lateral {
		 /* display: flex;*/
		margin:0;
	}
	.menu-esquerda, .menu-direita, .menu-centro {			
		flex: 1; /* Divide igualmente o espaço vertical */
		display: flex;
		align-items: center; /* Centraliza verticalmente */
		justify-content: flex-start; /* Esquerda para div-esquerda */
		width: 33%;	
		margin-left:20px;
		margin-right:20px;
	}

	.menu-centro {
		justify-content: center; /* Alinha o conteúdo à direita */
	}

  .menu-inferior{
       display: flex;
	position: fixed;      /* Fixes it relative to the viewport */
	right: 0;             /* Aligns it to the right edge */
	bottom: 0%;             /* Centers it vertically */
	
	background-color: rgba(0, 0, 0, 0); /* cor de fundo opcional */
	 
	text-align: center; /* centralizar o conteúdo */
	padding: 6px; /* espaço interno opcional */
	z-index: 1000;	  
  }
  
  .menu-inferior-esquerdo{
    display: flex;
	position: fixed;      /* Fixes it relative to the viewport */
	left: 0;             /* Aligns it to the right edge */
	bottom: 0%;             /* Centers it vertically */
	
	background-color: rgba(0, 0, 0, 0); /* cor de fundo opcional */
	 
	text-align: center; /* centralizar o conteúdo */
	padding: 6px; /* espaço interno opcional */
	z-index: 1000;	  

  }


/* FIM REGRAS CSS COMUNS À TODOS OS DISPOSITIVOS */


/* INICIO REGRAS CSS REFERENTES À PRIMEIRA VERSÃO fazer de 750 a 1200S*/
@media only screen and (max-width: 750px) {

p {
    font-family: 'Gotham Book', sans-serif;
    font-size: 20px;
    color: #1C1C1C;
    line-height: 1.8;
    margin-left: 10px;
	margin-right: 10px;
    padding: 0;
}
b {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 20px;
/*    color: #555;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

    
    .tipo-imagem.pequeno{
		display: block;	
        margin: 0 auto; /* Centraliza horizontalmente */
	}

  .conteudo-dispositivo.pequeno {
      display: block;
      padding: 10px;
      margin: 10px 0;
      border-radius: 8px;
      padding-bottom: 60px;
  }
  
 .conteudo-dispositivo-sem-margem.pequeno {
      display: block;
  }
  
  .menu-item-variavel.pequeno {
        position: relative;
        display: inline-block;
    }

	
	.menu-esquerda {
		justify-content: flex-start; /* Alinha o conteúdo à esquerda */
	}

	.menu-direita {
		justify-content: flex-end; /* Alinha o conteúdo à direita */
	}
	.menu-lateral {
		display: flex;
		padding: 6px;	}


}


@media only screen and (min-width: 751px) and (max-width: 1200px) {

p {
    font-family: 'Gotham Book', sans-serif;
    font-size: 18px;
    color: #1C1C1C;
    line-height: 1.8;
    margin-left: 10px;
	margin-right: 10px;
    padding: 0;
}
b {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 18px;
/*    color: #555;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

  .conteudo-dispositivo.grande {
      display: block;
      padding: 10px;
      margin: 10px 0;
      border-radius: 8px;
	  padding-bottom: 60px;
  }
  
 .conteudo-dispositivo-sem-margem.grande {
      display: block;
  }
  
  .menu-item-variavel.grande {
        position: relative;
        display: inline-block;
    }
  
  	.sessao {
		max-width: 850px;
	}
	
	.tipo-imagem.medio{
		display: block;	
        margin: 0 auto; /* Centraliza horizontalmente */
	}
	
	.menu-esquerda {
		justify-content: center; /*flex-start; /* Alinha o conteúdo à esquerda */
	}

	.menu-direita {
		justify-content: center; /* Alinha o conteúdo à direita */
	}
	.menu-lateral {
		position: fixed;      /* Fixes it relative to the viewport */
		right: 0;             /* Aligns it to the right edge */
		top: 10%;             /* Centers it vertically */

		/*background-color: rgba(0, 0, 0, 0);  cor de fundo opcional */
		 
		text-align: center; /* centralizar o conteúdo */
		padding: 0px; /* espaço interno opcional */
		z-index: 1000;
		padding: 0;
	}
}

/* INICIO REGRAS CSS REFERENTES À SEGUNDA VERSÃO */
@media only screen and (min-width: 1201px)  {

p {
    font-family: 'Gotham Book', sans-serif;
    font-size: 18px;
    color: #1C1C1C;
    line-height: 1.8;
    margin-left: 10px;
	margin-right: 10px;
    padding: 0;
}
b {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 18px;
/*    color: #555;*/
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

  .conteudo-dispositivo.grande {
      display: block;
  }
   .conteudo-dispositivo-sem-margem.grande {
      display: block;
  }
  
 	
	.sessao {
		width: 70%;
		margin: auto;
	}
	
	.tipo-imagem.grande{
		display: block;	
        margin: 0 auto; /* Centraliza horizontalmente */
	}
	
	.menu-esquerda {
		justify-content: center; /*flex-start; /* Alinha o conteúdo à esquerda */
	}

	.menu-direita {
		justify-content: center; /* Alinha o conteúdo à direita */
	}
	.menu-lateral {
		position: fixed;      /* Fixes it relative to the viewport */
		right: 0;             /* Aligns it to the right edge */
		top: 10%;             /* Centers it vertically */

		/*background-color: rgba(0, 0, 0, 0); / * cor de fundo opcional */
		 
		text-align: center; /* centralizar o conteúdo */
		padding: 0px; /* espaço interno opcional */
		z-index: 1000;
		padding: 0;
	}
}
/* INICIO REGRAS CSS REFERENTES À TERCEIRA VERSÃO */
/*@media only screen and (min-width: 1025px) {

  body {
      background-color: #D4CE6A;
      color: #000;
  }

  .conteudo-dispositivo.grande {
      display: block;
  }

}
*/


		
		        /* Animação de queda */
        @keyframes fall {
            0% {
                transform: translateY(-200px);
            }
            100% {
                transform: translateY(0);
            }
        }

        .fall {
            animation: fall 1s ease-out forwards;
        }
		
		

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		.google-carousel-wrapper {
  max-width: 100%;  /*<!--520px;-->*/
  margin: auto;
  overflow: hidden;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
}

.google-carousel-track {
  display: flex;
  width: 100%;
  transition: transform 0.7s ease;
}

.google-review-card {
  width: 90%;
  flex-shrink: 0;
  background: white;
  border-radius: 18px;
  padding: 18px 20px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  color: black;
}



.review-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.review-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 12px;
}

.review-name {
  font-weight: 600;
  font-size: 15px;
}

.review-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 3px;
}

.review-stars {
  color: #fbbc04;
  font-size: 14px;
}

.review-time {
  font-size: 13px;
  color: #9aa0a6;
}

.review-text {
  font-size: 14px;
  line-height: 1.55;
  color: #555;
  margin-top: 10px;
  padding-left: 50px;
}

.review-text.collapsed {
  max-height: 70px;
  overflow: hidden;
  position: relative;
  padding-left: 50px;
}

.review-text.collapsed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 100%;
  background: linear-gradient(transparent, #F5F1E9);
  padding-left: 50px;
}

.read-more {
  color: #8ab4f8;
  font-size: 13px;
  margin-top: 6px;
  cursor: pointer;
  display: inline-block;
  padding-left: 50px; 
}

.google-logo {
  margin-top: 14px;
   padding-left: 50px;
}

.google-logo img {
  height: 18px;
  opacity: 0.8;
}


.carousel-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}

.carousel-btn {
  pointer-events: all;
  background: rgba(247,212,158);
  border: none;
  color: #fff;
  font-size: 22px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  backdrop-filter: blur(6px);
}

.carousel-btn:hover {
  background: rgba(247,212,158);
}

.carousel-dots {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  gap: 8px;
}

.carousel-dot {
  width: 9px;
  height: 9px;
  background: #5f6368;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}

.carousel-dot.active {
  background: #8ab4f8;
}