@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oswald:wght@200;300;400;500;600;700&family=Pacifico&display=swap');
/*font-family: 'Inter', sans-serif;*/
/*font-family: 'Oswald', sans-serif;*/

/* GERAL */

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

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

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: 14px;
	letter-spacing: 0px;
}
/*
ul {
	margin-left: 25px;
}*/

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

}


.links-hover {
	transition: 0.3s;
	text-decoration: none;
}

.links-hover:hover {
	text-decoration: none;
	opacity: 0.75;
}

.img-padrao {
	width: 90%;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	margin-bottom: 10px;
}


.versao-desktop {
	display: block;
}

.versao-mobile {
	display: none;
}


.img-default {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
	border-radius: 10px;
	width: 100%;
	margin-bottom: 30px;
}

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

.section-padding h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 32px;
	font-weight: 800;
	color: #403f52;
	letter-spacing: -1px;
	text-transform: uppercase;
}

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

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

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

.section-internas  h3 {
	font-size: 42px;
	font-weight: 800;
	color: #403f52;
	letter-spacing: -1px;
}

.section-internas  h4 {
	font-size: 28px;
	font-weight: 800;
	color: #3e3f99;
	letter-spacing: -1px;
}

.section-internas  h5 {
	font-size: 28px;
	font-weight: 300;
	color: #666;
	letter-spacing: -1px;
}

.section-internas  h6 {
	font-size: 24px;
	font-weight: 700;
	color: #403f52;
	letter-spacing: -0.7px;
}

.section-internas  p, li {
	font-size: 16px;
	font-weight: 400;
	color: #403f52;
	letter-spacing: -0.3px;
}

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

.header-logo {	
	width: 250px;
	
}


.header-desktop {
	display: block;
}

.header-mobile {
	display: none;
}

.header-btn-doacao {
	background-color: #d7e433;
	padding: 5px 15px;
	color: #005058;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 14px;
	margin-left: 15px;
	margin-top: 3px;
	border: none;
	border-radius: 30px;
}

.header-btn-doacao:hover {
	text-decoration: none;
	background-color: #005058;
	color: #d7e433;

}

/* VINHETA INTERNA */

.vinheta-interna {
	background-image: linear-gradient(to top, #eee, #f7f7f7);	
	padding: 15px 0px 15px 0px;
	top: 0;
	color: #444;
	font-size: 12px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-weight: bold;
}



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

.banner-slide-item {
	border-radius: 7px;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	padding: 25px 20px;
	text-align: center;

}

.atalhos-home {
	padding: 35px 30px 30px 30px;
	/*background-color: #111;*/
	color: #fff;
	text-align: center;
	height: 250px;
}

.atalhos-home h5 {
	font-size: 20px;
	color: #fff;
	letter-spacing: -0.5px;
	font-weight: bold;
}

.atalhos-home p {
	font-size: 14px;
	color: #fff;
	letter-spacing: -0.2px;
}

.atalhos-home button {
	background-color: transparent;
	padding: 7px 15px;
	color: #fff;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #fff;
	border-radius: 25px;
}

.atalhos-home button:hover {
	text-decoration: none;
	background-color: #0c1737;
}

.atalhos-home img {
	width: 50px;
	margin-bottom: 10px;

}



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


/* INSTITUCIONAL */

.institucional {
	padding: 50px 0px;
}

.institucional-img {
	width: 100%;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.institucional h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	font-weight: 800;
	color: #403f52;
	letter-spacing: -1px;
}

.institucional p {
	font-size: 16px;
	font-weight: 400;
	color: #555;
	letter-spacing: -0.2px;
}

.institucional-btn {
	background-color: #e66700;
	padding: 8px 25px;
	color: #fff;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #e66700;
	border-radius: 25px;
	margin-top: 10px;
	margin-right: 15px;
}

.institucional-btn:hover {
	text-decoration: none;
	background-color: #fff;
	color: #e66700;
}

.institucional-item {	
	padding: 25px 20px 10px 20px;
	color: #333;
	margin-bottom: 25px;
}

.institucional-item h5 {
	font-family: 'Pacifico', cursive;
	font-size: 32px;
	font-weight: 800;
	color: #e66700;
	letter-spacing: 0.5px;
	text-align: center
}

.institucional-item p {
	font-size: 16px;
	font-weight: 300;
	color: #444;
	letter-spacing: -0.3px;
	text-align: justify;
}

.institucional-item img {	
	margin-bottom: 10px;
}

.cta-scfc {
	margin: 0px 0px;
	padding: 15px 0px;
	border-top: 3px solid #d7e433;
	border-bottom: 3px solid #d7e433;
}

.cta-scfc a {
	font-size: 24px;
	font-weight: 800;	
	color: #005058;
	transition: 0.3s;
	text-decoration: none;
	letter-spacing: -0.5px;
}

.cta-scfc a:hover {
	opacity: 0.6;
}

.notafiscal-btn {
	background-color: #e66700;
	padding: 8px 25px;
	color: #fff;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #e66700;
	border-radius: 25px;
}

.notafiscal-btn:hover {
	text-decoration: none;
	background-color: #fff;
	color: #e66700;
}

/* NUMEROS */

.numeros {
	padding: 90px;
	background-image: url(https://institutocristovaocolombo.org.br/wp-content/uploads/2024/11/fundo-numeros.webp);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.numeros-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(3, 41, 55, 0.68);
}

.numeros-content {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 2;
}

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

.numeros p {
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	letter-spacing: -0.2px;
}

.numeros button {
	background-color: #69b41d;
	padding: 12px 25px;
	color: #fff;
	text-align: center;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	border: none;
	border-radius: 25px;
	margin-top: 30px;
}

.numeros button:hover {
	text-decoration: none;
	background-color: #0c1737;
}

.numeros-item {	
	letter-spacing: -1px;
	background-color: transparent;
	color: #fff;
	text-align: center;
	margin-bottom: 35px;
}

.numeros-item h5 {
	font-size: 48px;
	font-weight: 800;
	color: #73d61b;
	letter-spacing: -1px;
}

.numeros-item-titulo {
	font-size: 24px;
	font-weight: 800;
	color: #73d61b;
	letter-spacing: -1px;
	line-height: 25px;
}

.counter {
	font-size: 54px;
	font-weight: 800;
	color: #73d61b;
	letter-spacing: -1px;
	line-height: 50px;
}
.numeros-item p {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	letter-spacing: -0.3px;
}

/* 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: 330px;
	background-color: #fff;
}

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

.noticia-item-content h6 {
	font-size: 18px;
	font-weight: 600;
	color: #06404c;
	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: 180px;
	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: #2a3b4a;
}

.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: #005058;
	padding: 7px 15px;
	color: #d7e433;
	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: #d7e433;
	color: #005058;

}

.logo-certificacao {
	background-color: #fff;
	width: 100%;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
	border-radius: 18px;
	margin-bottom: 20px;

}

/* LOJA */

.loja-item {
	width: 100%;
	padding:15px;
	background-color: #fff;
	border: none;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	border: 1px solid #ddd;
	margin-top: 30px;
}

.loja-item-thumbnail {
	width: 100%;
	border-radius: 10px;
}

.loja-item-descricao {
	padding: 15px 0px 10px 0px;
}

.loja-item-descricao b {
	font-size: 20px;
}

.loja-item-btn {
	background-color: #403f52;
	padding: 6px 20px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	border:none;
	border-radius: 25px;
	margin: 0px;
	transition: 0.3s;
}

.loja-item-btn:hover {
	text-decoration: none;
	background-color: #00be71;
	color: #fff;
}

/* FOOTER */

footer {
	/*background-image: linear-gradient(to bottom, #067aa1, #08a0d4, #08a0d4);*/
	/*background-image: linear-gradient(30deg, #403f52, #29283c);*/
	background-color: #0f1744;
	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: #08a0d4;
}

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

footer ul {
	margin-left: -31px;
}


footer ul li {
	list-style: none;
}


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

footer ul li a {
	color: #fff;
	text-decoration: none;
}

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: 100px;
		
	}

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

	.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	{
		background-color: #a3c80e;
		padding: 12px 20px;
		border-radius: 7px;
		color: #053034;
		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://afcrc.com.br/site/wp-content/uploads/2023/05/banner-home-6.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;

	}
	

	

}