/* ==========================================================================
   PÁGINA INICIAL — SECÇÃO DE CONTACTOS
   Dossier: cabeçalho e canais directos à esquerda, formulário à direita,
   sobre off-white. Sem filetes no topo das colunas e sem posições fixas.
   ========================================================================== */

.contacto {
	padding-block: clamp(4rem, 8vw, 7rem);
	background: var(--c-offwhite);
	scroll-margin-top: 5rem;
}

/* --- Cabeçalho ----------------------------------------------------------- */

.contacto__eyebrow {
	margin: 0 0 var(--sp-3);
	font-family: var(--font-body);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--c-gold);
}

.contacto__title {
	margin: 0 0 var(--sp-4);
	font-family: var(--font-heading);
	font-size: var(--fs-3xl);
	font-weight: 400;
	letter-spacing: -0.015em;
	line-height: var(--lh-tight);
	color: var(--c-ink);
	text-wrap: balance;
}

.contacto__lead {
	max-width: 46ch;
	margin: 0;
	font-size: var(--fs-base);
	line-height: var(--lh-body);
	color: var(--c-muted);
	text-wrap: pretty;
}

/* --- Canais directos ----------------------------------------------------- */

.contacto__channels {
	display: grid;
	gap: 0.7rem;
	margin: var(--sp-6) 0 0;
	padding: 0;
	list-style: none;
}

.contacto__channel {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	font-size: var(--fs-sm);
	line-height: 1.5;
	color: var(--c-muted);
}

.contacto__channel svg {
	flex: none;
	width: 18px;
	height: 18px;
	margin-top: 0.1rem;
}

.contacto__channel a {
	color: var(--c-primary);
	text-decoration: none;
	border-bottom: 1px solid var(--c-line-strong);
	transition: color var(--tr-fast), border-color var(--tr-fast);
}

.contacto__channel a:hover {
	color: var(--c-gold-700);
	border-bottom-color: var(--c-gold);
}

/* --- Dossier ------------------------------------------------------------- */

.contacto__dossier {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: clamp(2rem, 6vw, 5rem);
	align-items: start;
}

.contacto .home-form .field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.contacto .home-form .field select,
.contacto .home-form .field textarea {
	border-color: var(--c-line);
}

.contacto .home-form .choice { background: var(--c-white); }

/* --- Responsivo ---------------------------------------------------------- */

@media (max-width: 900px) {
	.contacto__dossier { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
	.contacto { padding-block: 3.25rem; }

	.contacto__title { font-size: var(--fs-2xl); }
}