/* Definindo a cor de fundo para as secções */
section {
    background-color: #f5f5f5; /* 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: #8B0066;
    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: 30px;
    color: #8B0066;
    line-height: 1.2;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
 
}
h3 {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 24px;
    color: #8B0066;
    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: #8B0066;
    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: #8B0066;
    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: #FFFCE9;
}

b {
    font-family: 'Gotham Medium', sans-serif;
    font-size: 20px;
    color: #555;
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

img {
	border-radius: 5px;
}

p {
    font-family: 'Gotham Book', sans-serif;
    font-size: 20px;
    color: #555;
    line-height: 1.8;
    margin-left: 10px;
	margin-right: 10px;
    padding: 0;
}
.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-size: cover;
}
.background-container-grande {
    position: relative;
    width: 100%;
    height: 210px;
    background: url('img/fundologo300.webp') no-repeat center center;
    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;
        }

        /* 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;

        }
		.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:white;
			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: #FFFCE9;
        }
		.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;
        }

		
		.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: #4E4E4E;
        background-color: #E8F5E9;
        text-decoration: none;
        border-radius: 5px;
        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 */
	}

	.botao-maior {
		font-family: 'Gotham Book', sans-serif;
        display: inline-block;
        padding: 4px 20px;
        font-size: 20px;
        color: white;
        background-color: #8B0066;
        text-decoration: none;
        border-radius: 5px;
        text-align: center;

		font-weight: bold;
		margin-bottom: 30px;
		align-items: center;
    }

	.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: #f1f1f1; /* 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) {
    
    .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;
    }

	.botao-maior {
        display: inline-block;
        padding: 6px 26px;
        font-size: 20px;
        color: white;
        background-color: #8B0066;
        text-decoration: none;
        border-radius: 10px;
        text-align: center;
		line-height: 1.8;
    }
	
	.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) {


  .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;
    }
  
  .botao-maior {
        display: inline-block;
        padding: 4px 10px;
        font-size: 14px;
        color: white;
        background-color: #8B0066;
        text-decoration: none;
        border-radius: 5px;
        text-align: center;
		
    }
	
	.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)  {


  .conteudo-dispositivo.grande {
      display: block;
  }
   .conteudo-dispositivo-sem-margem.grande {
      display: block;
  }
  
  .botao-maior {
        display: inline-block;
        padding: 4px 20px;
        font-size: 16px;
        color: white;
        background-color: #8B0066;
        text-decoration: none;
        border-radius: 5px;
        text-align: center;
		
    }
	
	.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;

}