@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap');

/* GERAL */

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

body {
	font-family: 'Inter', sans-serif;
	margin: 0;
	padding: 0;	
	font-size: 15px;
}

h1 {
	font-family: 'Inter', sans-serif;
	font-size: 72px;
	letter-spacing: -0.9px;
	font-weight: 900;
}

h2 {
	font-family: 'Inter', sans-serif;
	font-size: 54px;
	letter-spacing: -0.8px;
	font-weight: 900;
}

h3 {
	font-family: 'Inter', sans-serif;
	font-size: 42px;
	letter-spacing: -0.5px;
}

h4 {
	font-family: 'Inter', sans-serif;
	font-size: 36px;
	letter-spacing: -0.2px;
}

h5 {
	font-family: 'Inter', sans-serif;
	font-size: 28px;
}

h6 {
	font-family: 'Inter', sans-serif;
	font-size: 20px;
	font-weight:bold;
}

p {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	letter-spacing: 0px;
}

ul {
	margin-left: 25px;
}

input:focus, select:focus, textarea:focus, button:focus {
    box-shadow: 0 0 0 0;
    outline: 0;

}


.versao-desktop {
	display: block;
}

.versao-mobile {
	display: none;
}


.section-padding {
	padding: 45px 0px;
}

.section-padding h3 {
	font-size: 36px;
	font-weight: 800;
	color: #413843;
	letter-spacing: -1px;
}

.section-padding h6 {
	font-size: 16px;
	font-weight: 400;
	color: #7f9b0f;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.section-padding p {
	font-size: 18px;
	font-weight: 400;
	color: #444;
	letter-spacing: -0.3px;
}

.section-internas {
	padding: 30px 0px;
}

.section-internas  h3 {
	font-size: 36px;
	font-weight: 800;
	color: #413843;
	letter-spacing: -1px;
}

.section-internas  h6 {
	font-size: 16px;
	font-weight: 400;
	color: #666;
}

.section-internas  p {
	font-size: 15px;
	font-weight: 400;
	color: #444;
	letter-spacing: -0.3px;
}

.wp-block-separator {
	border: 1px solid #ccc;
}


.header {
	padding: 20px 0px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	transition: 0.4s;
}

.header-logo {	
	width: 230px;
	
}

.header-menu {
	padding-top: 17px;
}

.header-desktop {
	display: block;
}

.header-mobile {
	display: none;
}

.header-btn-convenios {
	background-color: #413843;
	padding: 7px 15px;
	color: #d7e433;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	margin-left: 25px;
	margin-top: 3px;
	border: none;
	border-radius: 8px;
}

.header-btn-convenios:hover {
	text-decoration: none;
	background-color: #d7e433;
	color: #413843;

}

/* VINHETA INTERNA */

.vinheta-interna {
	background-color: #f4f4f4; 
	border-bottom: 1px solid #ddd; 
	padding: 10px; 
	font-size: 14px; 
	color: #666;"
}

.vinheta-interna a {	
	color: #444;
	text-decoration: none;
	font-weight: normal
}


/*banner home */


.banner {
	padding: 100px 0px 0px 0px;
	background-color: #222;
	background-image: url(https://fplbi.com/wp-content/uploads/2023/07/banner-home.webp);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 650px;
}

.banner h2 {
	font-family: 'Inter', sans-serif;
	font-size: 54px;
	letter-spacing: -0.8px;
	font-weight: 800;
	color: #fff;
}

.banner h5 {
	font-family: 'Inter', sans-serif;
	font-size: 28px;
	letter-spacing: -0.5px;
	font-weight: 300;
	color: #fff;
}

.banner button	{
	background-color: #c10000;
	padding: 12px 20px;
	border-radius: 7px;
	color: #fff;
	border:none;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	transition: 0.3s;
	width: 400px;
	margin: 8px;
}

.banner button:hover	{
	background-color: #fff;
	color: #c10000;
	padding-left: 35px;
}


/* DIRETORIA */

.diretoria-item {
	padding: 15px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	margin: 20px 0px;
	border: 1px solid #ddd;
	text-align: center;
	color: #444;

}



/* SERVIÇOS */

.serv-item {
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	margin: 20px 0px;
}

.servico-item-content {
	padding: 15px 12px 15px 12px;
	background-color: #fff;
}

.servico-item-content h6 {
	font-size: 18px;
	font-weight: 800;
	color: #053034;
	line-height: 24px;
	letter-spacing: -0.8px;
}

.servico-item-content p {
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.servico-item-content button {
	background-color: #a3c80e;
	padding: 4px 12px;
	color: #053034;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
	margin-top: 5px;
	border:none;
	border-radius: 35px;
}

.servico-item-content button:hover {
	text-decoration: none;
	background-color: #053034;
	color: #fff;
}

.servico-item-content-img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 200px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #666;
}


/* NUMEROS DA AFCRC */

.numeros {
	padding: 65px 0px;
	/*background-image: linear-gradient(30deg, #142b30, #0a1619);*/
	background-image: url(https://afcrc.com.br/site/wp-content/uploads/2023/06/fundo-numeros.webp);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.numeros h1 {
	font-size: 36px;
	font-weight: 800;
	color: #fff;
	letter-spacing: -1px;
}

.numeros h3 {
	font-size: 36px;
	font-weight: 800;
	color: #15a955;
	letter-spacing: -1px;
}


.numeros i {
	font-size: 32px;
	color: #a3c80e;	
	margin-bottom: 10px;
}

.numeros p {
	font-size: 15px;
	font-weight: 300;
	color: #fff;
	letter-spacing: -0.3px;
	text-transform: uppercase;
}

/* NOTICIAS INICIAL */

.noticia-item {
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	margin: 20px 0px;
	height: 350px;
}

.noticia-item-content {
	padding: 15px 12px 15px 12px;
	background-color: #fff;
}

.noticia-item-content h6 {
	font-size: 18px;
	font-weight: 600;
	color: #413843;
	line-height: 22px;
	letter-spacing: -.5px;
	text-transform: none;
}

.noticia-item-content p {
	font-size: 13px;
	font-weight: 400;
	color: #666;
}

.noticia-item-content button {
	background-color: #fff;
	padding: 4px 12px;
	color: #555;
	text-align: center;
	transition: 0.3s;
	font-weight: 600;
	font-size: 11px;
	margin-top: 5px;
	border:1px solid #555;
	border-radius: 35px;
}

.noticia-item-content button:hover {
	text-decoration: none;
	background-color: #555;
	color: #fff;
}

.noticia-item-content-img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 210px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #666;
}


/* PARCEIROS */

.parceiros-item {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
	border-radius: 10px;
	margin: 15px 20px;
	transition: 0.2s;
}

.parceiros-item:hover {
	opacity: 0.75;
	transform: scale(1.06);
}

/* CLIMA COTACAO */

.clima-item {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
	border-radius: 10px;
	margin: 15px 0px;
	transition: 0.2s;
}

.clima-item:hover {
	opacity: 0.75;
	transform: scale(1.06);
}


/*FORM */


label {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    line-height: 14px;
}

.contato-titulo {
	font-size: 18px;
	font-weight: 600;
	color: #413843;
}

.form-contato {
	background-color: #fff;
	border-radius: none;
	padding: 8px 10px;
	font-size: 14px;
	border-radius: 7px;
	width: 100%;
	margin: 0px;
	border: 1px solid #ddd;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
}

.form-contato-btn {
	background-color: #413843;
	padding: 7px 15px;
	color: #fff;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	border: none;
	border-radius: 8px;
}

.form-contato-btn:hover {
	text-decoration: none;
	background-color: #3f1d24;
	color: #fff;

}

/* FOOTER */

footer {
	background-color: #0f0e16;
	/*background-image: linear-gradient(30deg, #142b30, #0a1619);*/
	color: #fff;
	font-size: 12px;
	padding: 50px 0px 30px 0px;
	/*border-top: 1px solid #eee;*/
	margin-top: 0px;
}

footer h6 {
	font-size: 16px;
	font-weight: 700;
	color: #ddd;
}

footer p {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
}

footer ul {
	margin-left: 0px;
}


footer ul li {
	list-style: none;
}


footer ul li {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
}

footer .qr-code {
	width: 100px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
	margin: 10px 0px;

}

footer .logo-footer {
	width: 150px;
}

.footer-align {
	text-align: left;
}

.footer-align-logo {
	text-align: right;
}




@media screen and (max-width: 992px) {

	h1 {
		font-family: 'Inter', sans-serif;
		font-size: 50px;
		letter-spacing: -1.1px;
		font-weight: 900;
	}

	h2 {
		font-family: 'Inter', sans-serif;
		font-size: 42px;
		letter-spacing: -0.7px;
		font-weight: 900;
	}

	h3 {
		font-family: 'Inter', sans-serif;
		font-size: 36px;
		letter-spacing: -0.5px;
	}

	h4 {
		font-family: 'Inter', sans-serif;
		font-size: 32px;
		letter-spacing: -0.4px;
	}

	h5 {
		font-family: 'Inter', sans-serif;
		font-size: 28px;
		letter-spacing: -0.3px;
	}

	h6 {
		font-family: 'Inter', sans-serif;
		font-size: 20px;
		line-height: 24px
		font-weight:bold;
	}

	p {
		font-family: 'Inter', sans-serif;
		font-size: 14px;
		letter-spacing: 0px;
	}

	.section-padding {
		padding: 45px 0px;
	}

	.versao-desktop {
		display: none;
	}

	.versao-mobile {
		display: block;
	}

	.header-desktop {
		display: none;
	}

	.header-mobile {
		display: block;
	}
	

	.header {
		padding: 10px 0px;
	}

	.logo-header {	
		width: 80px;
		margin-top: 0px;
		margin-bottom: 0px;
		
	}

	.btn-zap-icon {
		/*background-image: linear-gradient(to right, #fcb927, #d59917);*/
		/*background-image: linear-gradient(to bottom, #5dc7cc, #329fcc);  */
		border: 1px solid #f50367;
		background-color: #f50367;
		padding: 5px 8px;
		color: #fff;
		text-align: center;
		transition: 0.3s;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12px;
		border-radius: 5px;
	}

	.btn-zap-icon:hover {
		text-decoration: none;
		color: #f50367;
		background-color: #fff;
	}

	.header-logo-mobile {	
		width: 150px;
		
	}

	.header-menu-mobile {
		padding-top: 13px;
	}

	.header-btn-convenios {
		padding: 5px 13px;
		font-size: 12px;
		margin-right: 15px;
		margin-top: -3px;
	}


	/*banner home */

	.banner {
		padding: 100px 0px 0px 0px;
		height: 600px;
	}

	.banner h2 {
		font-size: 48px;
	}

	.banner h5 {
		font-size: 24px;
	}

	.banner button	{
		padding: 12px 20px;
		border-radius: 7px;
		border:none;
		text-align: left;
		font-size: 15px;
		font-weight: 700;
		transition: 0.3s;
		width: 400px;
		margin: 8px;
	}


	/* FOOTER */
	.footer-align {
		text-align: center;
	}

	.footer-align-logo {
		text-align: center;
		margin-top: 20px;
	}



}


@media screen and (max-width: 768px) {

	.banner-desktop {
		display: none;
	}

	.banner-mobile {
		display: block;
	}

	.servico-item {
		width: 200px;
		margin-bottom: 20px;
		margin-right: 15px;
		margin-left: 15px;
	}

	.section-padding {
		padding: 40px 0px;
	}

	.section-padding h2 {
		font-size: 32px;
		letter-spacing: -1.5px;
	}

	.section-padding h6 {
		font-size: 18px;
	}

	/*banner home */

	.banner {
		padding: 80px 0px 0px 0px;
		background-image: url(https://fplbi.com/wp-content/uploads/2023/07/banner-home.webp);
		height: 450px;
		text-align: center;
	}

	.banner h2 {
		font-size: 32px;
	}

	.banner h5 {
		font-family: 'Inter', sans-serif;
		font-size: 20px;
		letter-spacing: -0.5px;
		font-weight: 300;
		color: #fff;
	}

	.banner button	{
		padding: 8px 15px;
		border:none;
		font-size: 14px;
		width: 300px;
		margin: 8px;
	}

	.banner button:hover {
		padding-left: 20px;
	}


}

@media screen and (max-width: 575px) {

	h1 {
		font-size: 42px;
		letter-spacing: -0.9px;
	}

	h2 {
		font-size: 36px;
		letter-spacing: -0.5px;
	}

	h3 {
		font-size: 28px;
		letter-spacing: -0.5px;
	}

	h4 {
		font-size: 24px;
		letter-spacing: -0.4px;
	}

	h5 {
		font-size: 20px;
		letter-spacing: -0.3px;
	}

	h6 {
		font-size: 18px;
	}

	p {
		font-size: 13px;
	}

	.section-padding {
		padding: 30px 0px;
	}

	.section-padding h3 {
		font-size: 28px;
	}

	.section-padding p {
		font-size: 14px;
		font-weight: 400;
		color: #444;
		letter-spacing: -0.3px;
	}

	.section-padding h6 {
		font-size: 13px;
		font-weight: 400;
		color: #7f9b0f;
		letter-spacing: 1.0px;
		text-transform: uppercase;
	}

	
	/*banner home */

	.banner {
		padding: 70px 0px 0px 0px;
	}

	.banner h2 {
		font-family: 'Inter', sans-serif;
		font-size: 28px;
		letter-spacing: -0.8px;
		font-weight: 800;
		color: #fff;
	}

	.banner h5 {
		font-family: 'Inter', sans-serif;
		font-size: 18px;
		letter-spacing: -0.5px;
		font-weight: 300;
		color: #fff;
	}

	.banner button	{
		font-size: 13px;
	}


	/*TECNOLOGIAS HOME */
	.tecnologias-home {
		padding: 50px 0px;
	}

	.tecnologias-home-logo {
		width: 90px;
	}

	.tecnologias-home h3 {
		font-size: 28px;
	}

	.tecnologias-home p {
		font-size: 14px;
	}

	.tecnologia-item {
		margin-bottom: 35px;
	}


	/* DEPOIMENTOS */
	.depoimentos {
		/*background-image: linear-gradient(to right, #004b8b, #0095b5);*/
		background-color: #0095b5;
		padding: 30px 0px;
		height: 180px;

	}

	.depoimentos h3 {
		font-size: 28px;
	}

	.depoimentos p {
		font-size: 14px;
	}

	.depoimentos-lista {
		margin-top: -80px;
		padding-bottom: 0px;
	}

	.depoimentos-item {
		background-color: #fff;
		padding: 15px 20px;
		border-radius: 10px;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
		height: 170px;
		text-align: center;
		margin: 10px 15px;
	}

	.depoimentos-item h6 {
		font-size: 15px;
	}

	.depoimentos-item p {
		font-size: 12px;
	}

	.visita {
		background-color: #004b8b;
		padding: 15px 0px 20px 0px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		margin-bottom: 25px;
	}

	.visita h3 {
		font-size: 28px;
	}

	.visita p {
		font-size: 13px;
	}

	/* AGENDE UMA VISITA */
	.visita-btn {
		
		margin: 0px 15px;
		margin-bottom: 10px;
	}

	.visita-btn:hover {
		text-decoration: none;
		background-color: #fff;
		color: #004b8b;
	}

	

}

@media screen and (max-width: 420px) {

/* DEPOIMENTOS */
	.depoimentos {
		height: 220px;

	}
	

	

}