/*
Azul = 1e4870
Cinza = 68747e
Cinza claro = f6f6f6
*/

/* Google Font - Roboto */

/*.roboto-font {
	font-family: "Roboto", serif;
	font-optical-sizing: auto;
	font-weight: 18px;
	font-style: normal;
}*/

/* Navbar */
.navbarBrand {
	height: 80px;
}

.nav-link {
	padding: 0px 40px;
}

.font-menu {
	font-family: "Roboto", serif;
	font-size: 24px;
	font-weight: bold;
	color: #1e4870;
}

/* Geral */

html {
	scroll-behavior: smooth;
}
body {
	padding: 0px;
	margin: 0xp;
}
.scrollToTop {   
	background-color: #fff;
	/*border-radius: 65px;*/
	bottom: 20px;
	box-shadow: 2px 3px 19px -2px rgba(0, 0, 0, .75);
	color: #d9a000;
	cursor: pointer;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	position: fixed;
	right: 22px;
	z-index: 3;
}
.img-top {
	height: 30px;
	margin-top: 15px;
}
.scrollToWa {   
	/*background-color: #fff;*/
	/*border-radius: 65px;*/
	bottom: 0px;
	/*box-shadow: 2px 3px 19px -2px rgba(0, 0, 0, .75);*/
	color: #d9a000;
	cursor: pointer;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	position: fixed;
	right: 95%;
	z-index: 3;
}
.img-wa {
	height: 60px;
}

.fade-div {
	display: none; /* Inicialmente oculto */
	opacity: 0;
	transition: opacity 1s ease; /* Para o efeito de fade-in */
}

.carousel-container {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
}

.carousel-content {
	display: flex;
	justify-content: space-between;
	width: 100%;
	text-align: center;
	position: relative;
}

.carousel-item {
	flex: 0 0 100%;
	opacity: 0;  /* Começam invisíveis */
	visibility: hidden;  /* Não interage com o layout */
	padding: 20px;
	height: 500px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 8px;
	margin-right: 20px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transition: opacity 1s ease-in-out, visibility 0s linear 1s; /* Transição suave com atraso */
}

.carousel-item.active {
	opacity: 1;  /* Torna o item visível */
	visibility: visible;  /* Permite que o item interaja com o layout */
	transition: opacity 1s ease-in-out, visibility 0s linear 0s; /* Ajuste da transição */
}

.carousel-item h3 {
	font-family: "Noto Sans", serif;
	font-size: 24px;
	margin: 30px 0px;
	color: #1e4870;
}

.carousel-item p {
	font-family: "Noto Sans", serif;
	font-size: 16px;
	background-color: #fff;
	color: #68747e;
	padding: 20px;
}

.carousel-item img {
	height: 80px;
}

/* Botões de navegação (círculos) */
.select-buttons {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.select-buttons button {
	background-color: #3498db;
	color: white;
	border: none;
	width: 20px;
	height: 20px;
	border-radius: 50%; /* Faz o botão ficar circular */
	margin: 0 5px;
	cursor: pointer;
	transition: background-color 0.3s, transform 0.3s; /* Transição suave */
}

.select-buttons button:hover {
	background-color: #2980b9;
	transform: scale(1.2); /* Aumenta o tamanho do botão ao passar o mouse */
}

.select-buttons button.active {
	background-color: #2d6ea1; /* Cor do botão ativo */
}

/* Imagem banner */

.full-width-banner {
	margin: 0;
	padding: 0;
}
.full-width-banner img {
	width: 100%;
	display: block;
}

/* História */

.historia-left {
	background-color: #f6f6f6;
	transition: background-color 0.3s ease; /* Suaviza a transição de cor */
}
.historia-left:hover {
	background-color: #1e4870; /* Azul */
}
.historia-title {
	font-family: "Noto Sans", serif;
	font-size: 36px;
	font-weight: bold;
	color: #1e4870;
	margin: 30px 0px 30px 30px;
}
.historia-left:hover .historia-title {
	color: white; /* Muda a cor do título para branco quando passar o mouse */
}
.historia-text {
	font-family: "Roboto", serif;
	font-size: 16px;
	color: #68747e;
	text-align: justify;
	padding: 30px;
	margin: 0 0 0 80px;
}
.historia-left:hover .historia-text {
	color: white; /* Muda a cor do texto para branco quando passar o mouse */
}
.historia-linha-title {
	color: red;
	width: 100%;
}
.historia-left:hover .historia-linha-title {
	color: white; /* Muda a cor do texto para branco quando passar o mouse */
}

/* Oferece */

.oferece-linha-title {
	color: white;
	width: 100%;
}
.oferece-div-cont {
	background-color: #1e4870;
	padding-bottom: 80px;
}
.oferece-title {
	font-family: "Noto Sans", serif;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin: 60px 0px 40px 0px;
}
.oferece-sub-title {
	font-family: "Noto Sans", serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin: 20px 0px 20px 0px;
	height: 50px;
}
.oferece-sub-title2 {
	font-family: "Noto Sans", serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin: 20px 0px 20px 0px;
	height: 50px;
}
.oferece-text {
	font-family: "Roboto", serif;
	font-size: 16px;
	background-color: #fff;
	color: #1e4870;
	text-align: justify;
	padding: 30px;
	border-radius: 10px;
}
.oferece-div {
	background-color: ;
}

/* Contato */
.form-class {
	border: 1px solid #f6f6f6;
	padding: 20px;
}
.contato-settings {
	background-color: #f6f6f6;
}
.title-contato {
	font-family: "Noto Sans", serif;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	background-color: #1e4870;
	color: #fff;
	padding: 20px;
	margin: 50px 0px;
	border-radius: 10px;
}
.form-conf {
	height: 60px;
	margin: 20px 0px;
}
.form-conf:hover {
	border: 1px solid #1e4870;
}
button:hover {
	transform: scale(1.05); /* Leve aumento de tamanho */
	box-shadow: 0 4px 8px rgba(52, 152, 219, 0.4); /* Sombra no botão */
}

/* Produtos */
.produtos-img {
	height: 200px;
	transition: filter 0.3s ease;
}
.produtos-img:hover {
	filter: brightness(50%);
}
.produtos-title {
	font-family: "Noto Sans", serif;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	background-color: #1e4870;
	color: #fff;
	padding: 20px;
	margin: 50px 0px;
	border-radius: 10px;
}
.produtos-settings {
	padding-bottom: 50px;
}
.produtos-row-settings {
	padding-bottom: 50px;
}

/* Clientes */

.clientes-title {
	font-family: "Noto Sans", serif;
	font-size: 36px;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	color: #1e4870;
	margin: 40px 0px;
}

/* Footer */
footer {
	background-color: #1e4870;
}
footer img {
	height: 160px;
	margin: 40px 0px 0px 20px;

}
.footer-settings{
	padding: 80px 0px;
}
.footer-title {
	font-family: "Noto Sans", serif;
	font-size: 36px;
	font-weight: bold;
	text-decoration: underline;
	margin: 30px 0px;
	color: #fff;
}
.footer-text {
	font-family: "Roboto", serif;
	font-size: 24px;
	color: #fff;
}
.footer-social {
	text-align: center;
}