/**
 * Coteia — Quem Somos.
 * Página institucional com segunda coluna opcional.
 * @since 0.9.3-alpha.1
 */

.coteia-about-page .coteia-site-main { background:#f8fafc; }
.coteia-about-page .coteia-site-main > .coteia-container {
	padding-top:clamp(32px,5vw,64px);
	padding-bottom:clamp(40px,6vw,80px);
}
.coteia-about-page .coteia-site-main article {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.coteia-about-page .coteia-site-main article > h1 {
	margin:0 0 28px;
	color:#1e293b;
	font-family:var(--coteia-font-heading,inherit);
	font-size:clamp(1.55rem,2.5vw,2.1rem);
	font-weight:var(--coteia-font-heading-weight,700);
	line-height:1.2;
	text-align:left;
}
.coteia-about-page .coteia-site-main article > h1::after {
	content:'';
	display:block;
	width:100%;
	height:4px;
	margin:12px 0 0;
	border-radius:999px;
	background:linear-gradient(90deg,#2968c8 0 76%,#ffe600 76% 100%);
}
.coteia-about-page.coteia-about-hide-title .coteia-site-main article > h1 { display:none; }
.coteia-about-page .entry-content { padding:0;border:0;background:transparent;box-shadow:none; }

.coteia-about-layout {
	display:grid;
	width:100%;
	gap:clamp(20px,3vw,32px);
	align-items:stretch;
}
.coteia-about-layout--single {
	grid-template-columns:minmax(0,920px);
	justify-content:center;
}
.coteia-about-layout--with-sidebar {
	grid-template-columns:minmax(0,1fr) minmax(280px,360px);
}
.coteia-about-main,
.coteia-about-sidebar { min-width:0; }
.coteia-about-main {
	padding:clamp(22px,3vw,36px);
	border:1px solid #e2e8f0;
	border-radius:16px;
	background:#fff;
	box-shadow:0 8px 24px rgba(15,23,42,.10);
}
.coteia-about-main > :first-child { margin-top:0; }
.coteia-about-main > :last-child { margin-bottom:0; }
.coteia-about-intro {
	margin:0 0 28px;
	color:#64748b;
	font-size:1.03rem;
	line-height:1.75;
}
.coteia-about-main h2 {
	margin:30px 0 12px;
	color:#1e293b;
	font-family:var(--coteia-font-heading,inherit);
	font-size:clamp(1.2rem,2vw,1.45rem);
	line-height:1.3;
}
.coteia-about-main p { color:#475569;line-height:1.75; }

.coteia-about-sidebar {
	display:grid;
	gap:16px;
	min-height:0;
	height:100%;
}
.coteia-about-sidebar.has-ads-row {
	display:flex;
	flex-direction:column;
}
.coteia-about-sidebar-row {
	min-width:0;
	min-height:0;
	padding:18px;
	border:1px solid #e2e8f0;
	border-radius:16px;
	background:#fff;
	box-shadow:0 8px 24px rgba(15,23,42,.08);
}
.coteia-about-sidebar.has-ads-row .coteia-about-sidebar-row--ads {
	flex:0 0 28%;
	max-height:28%;
	padding:8px;
	overflow:hidden;
}
.coteia-about-sidebar.has-ads-row .coteia-about-sidebar-row--content {
	flex:1 1 auto;
	min-height:0;
}
.coteia-about-sidebar.no-ads-row {
	grid-template-rows:minmax(0,1fr);
}
.coteia-about-sidebar.no-ads-row .coteia-about-sidebar-row--content {
	min-height:100%;
}
.coteia-about-sidebar-row--content {
	display:flex;
	flex-direction:column;
	overflow:hidden;
}

/* Os cards consumidos usam o markup homologado da FAQ. */
.coteia-about-page .coteia-faq-products { height:100%; }
.coteia-about-page .coteia-faq-ad-html,
.coteia-about-page .coteia-faq-ad-demo { height:100%;max-height:100%; }

@media (max-width:900px) {
	.coteia-about-layout--with-sidebar { grid-template-columns:1fr; }
	.coteia-about-sidebar { height:auto; }
	.coteia-about-sidebar.has-ads-row { display:grid;grid-template-rows:auto auto; }
	.coteia-about-sidebar.has-ads-row .coteia-about-sidebar-row--ads {
		max-height:none;
	}
}
@media (max-width:600px) {
	.coteia-about-page .coteia-site-main > .coteia-container {
		padding-top:24px;
		padding-bottom:48px;
	}
	.coteia-about-main,
	.coteia-about-sidebar-row { padding:18px; }
}