/*
=========================================================
ABOUT.CSS
Página Sobre nosotros
Maceta y Cortafrío
=========================================================
*/

.about-page{
	background:#fff;
}

.about-page .about-hero{
	padding:3.75rem 0 3rem;
	background:linear-gradient(180deg,var(--surface),#fff);
	text-align:center;
}

.about-page .about-hero .container{
	max-width:820px;
}

.about-page .about-hero h1{
	max-width:12ch;
	margin:0 auto .9rem;
	font-size:clamp(2.7rem,4.2vw,4.1rem);
	line-height:1.02;
	letter-spacing:-.025em;
	text-wrap:balance;
}

.about-page .about-hero__lead{
	max-width:640px;
	margin:0 auto;
	font-size:1rem;
	line-height:1.7;
	color:var(--text-light);
}

.about-page .about-content{
	padding:3.75rem 0 2rem;
}

.about-page .about-content .container{
	max-width:760px;
}

.about-page .about-content > .container > p:first-child{
	font-size:1.15rem;
	line-height:1.75;
	color:var(--gray-800);
	margin-bottom:2.5rem;
}

.about-page .about-content section{
	padding:0;
	margin:0 0 3rem;
}

.about-page .about-content h2{
	position:relative;
	margin:2.75rem 0 1rem;
	padding-top:1rem;
	font-size:clamp(1.9rem,2.8vw,2.65rem);
	line-height:1.12;
	letter-spacing:-.02em;
	text-wrap:balance;
}

.about-page .about-content h2::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:54px;
	height:3px;
	background:var(--color-secondary);
	border-radius:999px;
}

.about-page .about-content h3{
	margin:2rem 0 .75rem;
	font-size:clamp(1.25rem,1.8vw,1.6rem);
	line-height:1.25;
}

.about-page .about-content p,
.about-page .about-content li{
	font-size:1rem;
	line-height:1.75;
	color:var(--text-light);
}

.about-page .about-content p{
	margin-bottom:1.1rem;
}

.about-page .about-content ul,
.about-page .about-content ol{
	margin:1rem 0 1.75rem;
	padding-left:1.25rem;
}

.about-page .about-content li + li{
	margin-top:.6rem;
}

.about-page .about-content .wp-block-group,
.about-page .about-content .wp-block-columns{
	margin-top:0;
	margin-bottom:2.25rem;
}

.about-page .about-content .wp-block-columns{
	gap:1.5rem;
}

.about-page .about-content .wp-block-column{
	min-width:0;
}

.about-page .about-content .wp-block-quote,
.about-page .about-content blockquote{
	margin:2rem 0;
	padding:1.35rem 1.5rem;
	border-left:3px solid var(--color-secondary);
	background:var(--surface);
	border-radius:0 var(--radius-md) var(--radius-md) 0;
}

.about-page .about-content .wp-block-group.has-background{
	padding:1.75rem;
	border-radius:var(--radius-md);
}

.about-page .about-cta{
	padding:4rem 0;
	background:var(--color-primary);
}

.about-page .about-cta .container{
	max-width:800px;
}

.about-page .about-cta .quote-form-card{
	max-width:740px;
}

@media (max-width:600px){
	.about-page .about-hero{
		padding:2.75rem 0 2.25rem;
	}

	.about-page .about-hero h1{
		font-size:clamp(2.2rem,11vw,2.9rem);
	}

	.about-page .about-content{
		padding:3rem 0 1rem;
	}

	.about-page .about-content > .container > p:first-child{
		font-size:1.05rem;
		margin-bottom:2rem;
	}

	.about-page .about-content h2{
		font-size:clamp(1.75rem,8vw,2.2rem);
		margin-top:2.25rem;
	}

	.about-page .about-content section{
		margin-bottom:2.5rem;
	}

	.about-page .about-cta{
		padding:3.25rem 0;
	}
}