/* =========================================================
   HOME
   PRINCIPAIS ÁREAS + VIEWS COMPLETAS
========================================================= */


/* =========================================================
   ÁREAS
========================================================= */

.gc-home-areas {
	position: relative;

	padding:
		70px
		0
		80px;

	background: #f6f5f2;
}


/* CABEÇALHO */

.gc-home-areas-header {
	max-width: 720px;

	margin-bottom: 38px;
}


.gc-home-areas-header > span {
	display: inline-block;

	margin-bottom: 10px;

	color: #a7782d;

	font-size: 11px;

	font-weight: 700;

	letter-spacing: 0.12em;

	text-transform: uppercase;
}


.gc-home-areas-header h2 {
	margin:
		0
		0
		12px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	color: #171717;

	font-size:
		clamp(
			30px,
			3vw,
			42px
		);

	font-weight: 400;

	line-height: 1.1;
}


.gc-home-areas-header p {
	max-width: 650px;

	margin: 0;

	color: #66615b;

	font-size: 15px;

	line-height: 1.6;
}


/* GRID */

.gc-home-areas-grid {
	display: grid;

	grid-template-columns:
		repeat(
			4,
			minmax(0, 1fr)
		);

	border-top:
		1px solid
		#e4e0d8;

	border-left:
		1px solid
		#e4e0d8;
}


/* CARD */

.gc-home-area-card {
	position: relative;

	min-height: 270px;

	display: flex;

	flex-direction: column;

	align-items: flex-start;

	padding:
		30px
		26px;

	border: 0;

	border-right:
		1px solid
		#e4e0d8;

	border-bottom:
		1px solid
		#e4e0d8;

	background: #ffffff;

	color: #171717;

	text-align: left;

	appearance: none;

	-webkit-appearance: none;

	transition:
		background 0.25s ease,
		transform 0.25s ease,
		box-shadow 0.25s ease;
}


.gc-home-area-card:hover {
	z-index: 2;

	background: #fbfaf7;

	transform:
		translateY(-4px);

	box-shadow:
		0
		18px
		35px
		rgba(0, 0, 0, 0.07);
}


/* ÍCONE */

.gc-home-area-icon {
	width: 46px;
	height: 46px;

	display: grid;

	place-items: center;

	margin-bottom: 24px;

	color: #b48132;

	font-size: 29px;
}


/* TÍTULO */

.gc-home-area-card h3 {
	margin:
		0
		0
		16px;

	color: #171717;

	font-size: 14px;

	font-weight: 800;

	line-height: 1.35;
}


/* TEXTO */

.gc-home-area-card p {
	margin:
		0
		0
		25px;

	color: #6f6a63;

	font-size: 14px;

	line-height: 1.55;
}


/* SETA */

.gc-home-area-arrow {
	margin-top: auto;

	color: #b48132;

	font-size: 20px;

	transition:
		transform
		0.25s ease;
}


.gc-home-area-card:hover
.gc-home-area-arrow {
	transform:
		translateX(5px);
}



/* =========================================================
   SERVICE VIEW
========================================================= */

.gc-service-view[hidden] {
	display: none !important;
}


.gc-service-view {
	position: relative;

	width: 100%;

	background: #f6f5f2;

	color: #191919;
}


/* =========================================================
   VOLTAR
========================================================= */

.gc-service-back {
	padding:
		27px
		0;

	background: #f6f5f2;

	border-bottom:
		1px solid
		#e5e0d8;
}


.gc-service-back-link {
	display: inline-flex;

	align-items: center;

	gap: 9px;

	padding: 0;

	border: 0;

	background: transparent;

	color: #77716a;

	font-family: inherit;

	font-size: 13px;

	font-weight: 500;

	cursor: pointer;

	transition:
		color
		0.2s ease;
}


.gc-service-back-link:hover {
	color: #b48230;
}



/* =========================================================
   HERO DA ÁREA
========================================================= */

.gc-service-hero {
	padding:
		62px
		0
		80px;

	background: #f6f5f2;
}


.gc-service-hero-inner {
	display: grid;

	grid-template-columns:
		minmax(0, 1.25fr)
		minmax(330px, 0.75fr);

	align-items: center;

	gap: 90px;
}


.gc-service-hero-content {
	max-width: 760px;
}


.gc-service-kicker {
	display: inline-block;

	margin-bottom: 15px;

	color: #ae7c2c;

	font-size: 11px;

	font-weight: 700;

	letter-spacing: 0.14em;

	text-transform: uppercase;
}


/* TÍTULO PRINCIPAL */

.gc-service-main-title {
	margin:
		0
		0
		28px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			44px,
			4.6vw,
			68px
		);

	font-weight: 400;

	line-height: 1.02;

	letter-spacing: -0.025em;
}


.gc-service-main-title span {
	display: block;

	color: #b48230;
}


/* SUBTÍTULO */

.gc-service-hero-content > h3 {
	max-width: 670px;

	margin:
		0
		0
		20px;

	font-size: 21px;

	font-weight: 700;

	line-height: 1.4;
}


/* TEXTO */

.gc-service-hero-content > p {
	max-width: 680px;

	margin:
		0
		0
		12px;

	color: #69645e;

	font-size: 15px;

	line-height: 1.7;
}



/* =========================================================
   HERO VISUAL
========================================================= */

.gc-service-hero-visual {
	min-height: 390px;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	gap: 13px;

	border:
		1px solid
		#ddd7cc;

	background:
		linear-gradient(
			145deg,
			#ffffff,
			#faf8f4
		);

	box-shadow:
		0
		20px
		45px
		rgba(0, 0, 0, 0.04);
}


.gc-service-hero-symbol {
	width: 112px;
	height: 112px;

	display: grid;

	place-items: center;

	margin-bottom: 20px;

	border:
		1px solid
		rgba(180, 130, 48, 0.30);

	color: #b48230;

	font-size: 48px;
}


.gc-service-hero-visual > span {
	color: #767069;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: 0.16em;
}



/* =========================================================
   BOTÕES
========================================================= */

.gc-service-button {
	min-height: 50px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 11px;

	margin-top: 20px;

	padding:
		0
		23px;

	border:
		1px solid
		#b48230;

	background:
		linear-gradient(
			135deg,
			#a77527,
			#c69743
		);

	color: #ffffff;

	font-size: 11px;

	font-weight: 700;

	letter-spacing: 0.025em;

	text-transform: uppercase;

	transition:
		transform 0.2s ease,
		background 0.2s ease;
}


.gc-service-button:hover {
	color: #ffffff;

	transform:
		translateY(-2px);
}


.gc-service-button-outline {
	background: transparent;
}



/* =========================================================
   SEÇÕES
========================================================= */

.gc-service-section {
	padding:
		88px
		0;
}


.gc-service-white {
	background: #ffffff;
}


.gc-service-soft {
	background: #f6f5f2;
}


.gc-service-dark {
	background: #090909;

	color: #ffffff;
}



/* =========================================================
   DUAS COLUNAS
========================================================= */

.gc-service-two-columns {
	display: grid;

	grid-template-columns:
		minmax(280px, 0.72fr)
		minmax(0, 1.28fr);

	gap: 95px;

	align-items: start;
}


.gc-service-heading h2,
.gc-service-section-intro h2,
.gc-service-dark h2 {
	margin: 0;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			34px,
			3.4vw,
			49px
		);

	font-weight: 400;

	line-height: 1.08;
}


.gc-service-content {
	max-width: 720px;
}


.gc-service-content h3 {
	margin:
		0
		0
		17px;

	font-size: 19px;

	font-weight: 700;
}


.gc-service-content p,
.gc-service-dark p {
	margin:
		0
		0
		15px;

	color: #6d6861;

	font-size: 15px;

	line-height: 1.7;
}


.gc-service-dark p {
	color: #c8c5c0;
}


.gc-service-list-title {
	display: block;

	margin:
		28px
		0
		15px;
}



/* =========================================================
   CHECK LIST
========================================================= */

.gc-service-check-list {
	display: grid;

	grid-template-columns:
		repeat(
			2,
			minmax(0, 1fr)
		);

	gap:
		12px
		32px;

	margin:
		0;

	padding: 0;

	list-style: none;
}


.gc-service-check-list li {
	position: relative;

	padding-left: 22px;

	color: #57534e;

	font-size: 14px;

	line-height: 1.5;
}


.gc-service-check-list li::before {
	content: "✓";

	position: absolute;

	left: 0;

	color: #b48230;

	font-weight: 800;
}



/* =========================================================
   INTRO
========================================================= */

.gc-service-section-intro {
	max-width: 760px;

	margin-bottom: 46px;
}


.gc-service-section-intro p {
	max-width: 680px;

	margin:
		20px
		0
		0;

	color: #6d6861;

	font-size: 15px;

	line-height: 1.7;
}



/* =========================================================
   CARDS
========================================================= */

.gc-service-cards-grid {
	display: grid;

	grid-template-columns:
		repeat(
			3,
			minmax(0, 1fr)
		);

	border-top:
		1px solid
		#ded9d0;

	border-left:
		1px solid
		#ded9d0;
}


.gc-service-cards-five {
	grid-template-columns:
		repeat(
			5,
			minmax(0, 1fr)
		);
}


.gc-service-card {
	min-height: 215px;

	padding:
		29px;

	border-right:
		1px solid
		#ded9d0;

	border-bottom:
		1px solid
		#ded9d0;

	background: #ffffff;
}


.gc-service-card > i {
	display: block;

	margin-bottom: 24px;

	color: #b48230;

	font-size: 27px;
}


.gc-service-card h3 {
	margin:
		0
		0
		11px;

	font-size: 14px;

	font-weight: 800;

	line-height: 1.4;

	text-transform: uppercase;
}


.gc-service-card p {
	margin: 0;

	color: #706b65;

	font-size: 14px;

	line-height: 1.6;
}



/* =========================================================
   PERGUNTAS
========================================================= */

.gc-service-question-list {
	border-top:
		1px solid
		#e2ded7;
}


.gc-service-question-list > div {
	padding:
		18px
		0;

	border-bottom:
		1px solid
		#e2ded7;

	color: #33312e;

	font-size: 16px;

	font-weight: 600;
}


.gc-service-question-grid {
	display: grid;

	grid-template-columns:
		repeat(
			2,
			minmax(0, 1fr)
		);

	border-top:
		1px solid
		#e2ded7;

	border-left:
		1px solid
		#e2ded7;
}


.gc-service-question-grid > div {
	min-height: 95px;

	display: flex;

	align-items: center;

	padding:
		20px
		22px;

	border-right:
		1px solid
		#e2ded7;

	border-bottom:
		1px solid
		#e2ded7;

	font-size: 15px;

	font-weight: 600;
}



/* =========================================================
   DESTAQUE
========================================================= */

.gc-service-highlight {
	margin-top: 40px;

	padding:
		30px
		36px;

	border-left:
		3px solid
		#b48230;

	background: #f6f5f2;
}


.gc-service-highlight p {
	margin: 0;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 23px;

	line-height: 1.4;
}



/* =========================================================
   PERGUNTAS SOCIETÁRIO
========================================================= */

.gc-service-short-questions {
	display: flex;

	flex-wrap: wrap;

	gap:
		8px
		10px;

	margin:
		20px
		0;
}


.gc-service-short-questions span {
	padding:
		8px
		12px;

	border:
		1px solid
		#ddd7cc;

	background: #ffffff;

	color: #5f5a54;

	font-size: 13px;
}



/* =========================================================
   STATEMENT
========================================================= */

.gc-service-statement {
	padding:
		48px
		0;

	background: #ffffff;

	text-align: center;
}


.gc-service-statement p {
	margin:
		0
		0
		8px;

	color: #77716a;

	font-size: 16px;
}


.gc-service-statement strong {
	display: block;

	max-width: 820px;

	margin-inline: auto;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			25px,
			2.5vw,
			34px
		);

	font-weight: 400;

	line-height: 1.35;
}



/* =========================================================
   OUTRAS SOLUÇÕES
========================================================= */

.gc-service-solutions-grid {
	display: grid;

	grid-template-columns:
		repeat(
			2,
			minmax(0, 1fr)
		);

	border-top:
		1px solid
		#ded9d0;

	border-left:
		1px solid
		#ded9d0;
}


.gc-service-solution-card {
	min-height: 280px;

	padding:
		32px;

	border-right:
		1px solid
		#ded9d0;

	border-bottom:
		1px solid
		#ded9d0;

	background: #ffffff;
}


.gc-service-solution-card > i {
	display: block;

	margin-bottom: 22px;

	color: #b48230;

	font-size: 28px;
}


.gc-service-solution-card h3 {
	margin:
		0
		0
		12px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 22px;

	font-weight: 400;
}


.gc-service-solution-card strong {
	display: block;

	margin-bottom: 10px;

	font-size: 15px;

	line-height: 1.5;
}


.gc-service-solution-card p {
	margin: 0;

	color: #706b65;

	font-size: 14px;

	line-height: 1.65;
}



/* =========================================================
   CTA FINAL
========================================================= */

.gc-service-final-cta {
	padding:
		58px
		0;

	background:
		linear-gradient(
			135deg,
			#a57327,
			#c79845
		);

	color: #ffffff;
}


.gc-service-final-cta-inner {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 50px;
}


.gc-service-final-cta-inner > div {
	max-width: 700px;
}


.gc-service-final-cta span {
	display: block;

	margin-bottom: 8px;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: 0.13em;
}


.gc-service-final-cta h2 {
	margin:
		0
		0
		9px;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size:
		clamp(
			28px,
			3vw,
			38px
		);

	font-weight: 400;

	line-height: 1.15;
}


.gc-service-final-cta p {
	margin: 0;

	color:
		rgba(
			255,
			255,
			255,
			0.82
		);
}


.gc-service-final-button {
	min-height: 50px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

	flex-shrink: 0;

	padding:
		0
		22px;

	border:
		1px solid
		#ffffff;

	background: #ffffff;

	color: #8e641f;

	font-size: 11px;

	font-weight: 800;

	text-transform: uppercase;
}



/* =========================================================
   BODY COM SERVICE ABERTO
========================================================= */

body.gc-service-open {
	background: #f6f5f2;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.gc-home-areas-grid {
		grid-template-columns:
			repeat(
				2,
				minmax(0, 1fr)
			);
	}


	.gc-service-hero-inner {
		grid-template-columns:
			minmax(0, 1fr)
			320px;

		gap: 50px;
	}


	.gc-service-cards-five {
		grid-template-columns:
			repeat(
				2,
				minmax(0, 1fr)
			);
	}

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.gc-home-areas {
		padding:
			52px
			0
			60px;
	}


	.gc-home-areas-header {
		margin-bottom: 28px;
	}


	.gc-home-areas-header h2 {
		font-size: 32px;
	}


	.gc-home-areas-grid {
		grid-template-columns: 1fr;
	}


	.gc-home-area-card {
		min-height: 220px;

		padding:
			25px
			22px;
	}


	/* SERVICE */

	.gc-service-back {
		padding:
			19px
			0;
	}


	.gc-service-hero {
		padding:
			40px
			0
			55px;
	}


	.gc-service-hero-inner {
		grid-template-columns: 1fr;

		gap: 38px;
	}


	.gc-service-main-title {
		font-size: 43px;
	}


	.gc-service-hero-content > h3 {
		font-size: 18px;
	}


	.gc-service-hero-visual {
		min-height: 275px;
	}


	.gc-service-section {
		padding:
			56px
			0;
	}


	.gc-service-two-columns {
		grid-template-columns: 1fr;

		gap: 35px;
	}


	.gc-service-check-list,
	.gc-service-question-grid,
	.gc-service-cards-grid,
	.gc-service-cards-five,
	.gc-service-solutions-grid {
		grid-template-columns: 1fr;
	}


	.gc-service-card,
	.gc-service-solution-card {
		min-height: auto;
	}


	.gc-service-final-cta-inner {
		flex-direction: column;

		align-items: flex-start;
	}


	.gc-service-final-button {
		width: 100%;
	}


	.gc-service-short-questions {
		display: grid;

		grid-template-columns: 1fr;
	}


	.gc-service-short-questions span {
		width: 100%;
	}

}