/**
 * TWP Hyper Config — layout: contenedor, rejillas y disposición de contenido.
 */

.twp-container {
	width: 100%;
	max-width: var(--twp-container-width);
	margin-inline: auto;
	padding-inline: var(--twp-space-2);
}

.twp-content-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--twp-space-5);
	padding-block: var(--twp-space-5);
}

.twp-grid {
	display: grid;
	gap: var(--twp-space-3);
	grid-template-columns: 1fr;
}

.twp-grid--services,
.twp-grid--products,
.twp-grid--projects,
.twp-grid--blog {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.twp-grid--team {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.twp-section {
	padding-block: var(--twp-space-6);
}

.twp-section--services,
.twp-section--testimonials,
.twp-section--team,
.twp-section--contact {
	background: var(--twp-color-light);
}

.twp-section__header {
	max-width: 640px;
	margin-bottom: var(--twp-space-4);
}

.twp-section__title {
	font-size: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
}

.twp-section__subtitle {
	color: var(--twp-color-text-muted);
	font-size: 1.05rem;
}

.twp-section--community__inner,
.twp-section--contact__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--twp-space-4);
	align-items: center;
}

@media (min-width: 782px) {
	.twp-content-layout {
		grid-template-columns: 2.2fr 1fr;
	}
	.twp-section--community__inner {
		grid-template-columns: 1.1fr 0.9fr;
	}
	.twp-section--contact__inner {
		grid-template-columns: 1fr 1fr;
	}
}