/* Materiais visuais e pré-atendimento compacto. */
.network-intake {
	background: #f3f6f8;
	border-block: 1px solid #e0e7ee;
}
.intake-heading {
	margin-bottom: 32px;
}
.intake-heading h2 {
	font-size: clamp(30px, 3vw, 42px);
}
.intake-heading h2 span {
	color: #796011;
}
.intake-heading > p:last-child {
	color: var(--gray-600);
	font-size: 14px;
	margin-top: 17px;
}
.intake-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: 56px;
	align-items: start;
}
.intake-guide {
	min-width: 0;
	scroll-margin-top: 120px;
}
.material-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 17px;
}
.material-heading h3 {
	font-size: 19px;
}
.material-heading > span {
	font-size: 10px;
	color: #725600;
	background: #fff6db;
	border: 1px solid #dec66e;
	border-radius: 4px;
	padding: 4px 8px;
}
.material-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.material-card {
	text-align: left;
	padding: 0;
	border: 1px solid #b6c5d2;
	border-radius: 10px;
	background: white;
	overflow: hidden;
	color: var(--blue-900);
	transition:
		border-color 0.2s,
		box-shadow 0.2s;
}
.material-card:hover,
.material-card[aria-pressed='true'] {
	border-color: #967000;
	box-shadow: 0 0 0 2px #e4be4340;
}
.mesh-swatch {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 12px;
	height: 115px;
	background-color: #b5c8d5;
	background-image:
		repeating-linear-gradient(45deg, transparent 0 19px, #fff 20px 22px, transparent 23px 42px),
		repeating-linear-gradient(-45deg, transparent 0 19px, #fff 20px 22px, transparent 23px 42px);
}
.mesh-pa {
	background-color: #c9ba9c;
	background-size: 32px 32px;
}
.mesh-swatch > span {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3px 6px;
	background: var(--blue-900);
	color: white;
	border-radius: 3px;
}
.material-copy {
	display: flex;
	flex-direction: column;
	gap: 13px;
	padding: 17px;
}
.material-copy strong {
	font: 700 14px/1.4 var(--font-heading);
}
.material-choice {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 11px;
	color: var(--gray-600);
}
.material-help {
	border: 1px solid #b6c5d2;
	border-radius: 6px;
	background: white;
	color: var(--blue-800);
	font-size: 12px;
	min-height: 44px;
	width: 100%;
	padding: 10px;
	margin-top: 13px;
}
.material-help[aria-pressed='true'] {
	border-color: #967000;
	background: #fff8e7;
}
.color-picker {
	border: 0;
	padding: 0;
	margin-top: 25px;
	min-width: 0;
}
.color-picker legend {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 13px;
}
.color-options {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 5px;
}
.color-option {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 8px;
	padding: 7px 2px;
	margin: 0;
	min-height: 65px;
	font-size: 10px;
	color: var(--gray-600);
	cursor: pointer;
}
.color-option input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	margin: 0;
	cursor: pointer;
}
.color-circle {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid #8798a7;
	background: #f8fafc;
	font-size: 14px;
	color: var(--blue-900);
}
.color-option input:checked + .color-circle {
	outline: 2px solid #967000;
	outline-offset: 3px;
}
.color-option input:focus-visible + .color-circle {
	outline: 3px solid var(--blue-800);
	outline-offset: 4px;
}
.color-white {
	background: #fff;
}
.color-black {
	background: #172532;
}
.color-gray {
	background: #9aa5ae;
}
.color-sand {
	background: #dfcdab;
}
.color-brown {
	background: #7a5442;
}
.material-note {
	font-size: 11px;
	color: var(--gray-600);
	margin-top: 18px;
	line-height: 1.6;
}
.material-continue {
	display: none;
}
.intake-form {
	min-width: 0;
	padding: 32px;
	border: 1px solid #c6d3dd;
	box-shadow: 0 12px 35px #08233e08;
	scroll-margin-top: 120px;
}
.intake-form > h3 {
	font-size: 24px;
}
.intake-form .selection-summary {
	font-size: 12px;
	color: #6c5100;
	margin: 12px 0 22px;
	padding: 10px 12px;
	background: #fff8e7;
	border-radius: 5px;
}
.intake-form label {
	font-size: 12px;
}
.intake-form input,
.intake-form select,
.intake-form textarea {
	min-height: 46px;
	font-size: 14px;
}
.intake-form fieldset {
	border: 0;
	min-width: 0;
	padding: 0;
	margin: 0;
}
.intake-options {
	border: 1px solid #c3d0db;
	border-radius: 7px;
	margin-bottom: 20px;
	padding: 0 15px;
}
.intake-options > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 15px 0;
	font-size: 12px;
	min-height: 48px;
}
.intake-options > summary span {
	font-size: 10px;
	font-weight: 400;
	color: var(--gray-600);
}
.intake-form .field-hint {
	color: var(--gray-600);
	font-size: 11px;
	margin: 0 0 17px;
}
.measurement-summary {
	font-size: 12px;
	color: var(--blue-800);
	background: #eef3f7;
	border-radius: 5px;
	padding: 12px;
	margin-bottom: 15px;
}
.intake-submit {
	width: 100%;
	gap: 8px;
	font-size: 13px;
}
.intake-form .form-note {
	font-size: 11px;
	margin: 12px 0 0;
}
.intake-direct-link {
	display: block;
	text-align: center;
	font-size: 12px;
	color: var(--blue-800);
	text-decoration: underline;
	text-underline-offset: 3px;
	padding: 14px 0 0;
}
.intake-feedback {
	margin-top: 12px;
	font-size: 12px;
	color: #913600;
}
.intake-feedback:empty {
	display: none;
}
[data-business='redes'] .hero .hero-text {
	max-width: 660px;
}
[data-business='redes'] .hero h1 {
	font-size: clamp(40px, 4.1vw, 60px);
}
.network-gallery-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.network-gallery-grid figure {
	border: 1px solid #d9e2eb;
	border-radius: 9px;
	overflow: hidden;
}
.network-gallery-grid img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}
.network-gallery-grid figcaption {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding: 15px 18px;
	font-size: 13px;
	font-weight: 600;
}
.network-gallery-grid figcaption span {
	font-size: 10px;
	font-weight: 400;
	color: var(--gray-600);
}
.network-faq {
	background: #f6f8fa;
}
.network-faq .faq-intro {
	font-size: 14px;
	color: var(--gray-600);
	margin: 22px 0;
	max-width: 350px;
}
.network-gallery {
	padding-bottom: 65px;
}
@media (max-width: 1100px) {
	.intake-layout {
		gap: 30px;
	}
	.intake-form {
		padding: 25px;
	}
}
@media (max-width: 850px) {
	.intake-layout {
		grid-template-columns: 1fr;
		gap: 28px;
	}
	.intake-guide {
		grid-row: 1;
	}
	.intake-form {
		grid-row: 2;
	}
	.material-continue {
		display: flex;
		margin-top: 18px;
		width: 100%;
		font-size: 12px;
	}
}
@media (max-width: 600px) {
	.mesh-swatch {
		height: 85px;
	}
	.material-copy {
		padding: 14px;
	}
	.material-copy strong {
		font-size: 13px;
	}
	.intake-heading h2 {
		font-size: 32px;
	}
	.intake-heading {
		margin-bottom: 25px;
	}
	.intake-form {
		padding: 23px 19px;
	}
	.intake-form > h3 {
		font-size: 23px;
	}
	.intake-form input,
	.intake-form select,
	.intake-form textarea {
		font-size: 16px;
	}
	.intake-form .form-row {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.network-gallery-grid {
		gap: 12px;
	}
	.network-gallery-grid img {
		height: 145px;
	}
	.network-gallery-grid figcaption {
		align-items: flex-start;
		flex-direction: column;
		padding: 12px;
		font-size: 12px;
	}
}