/* ==========================================================================
   CONTACTO — El primer paso / formulario (template-parts/ct-form.php)
   Extraído de contacto.html (#ct-form). Solo layout + intro con prefijo
   "ct-form-" (clases únicas). El formulario lo renderiza y estiliza Formidable
   (assets/css/formidableform.css) — aquí NO se replican estilos de campos.
   ========================================================================== */

#ct-form {
	background: var(--navy2);
}

.ct-form-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: clamp(2.5rem, 5vw, 5rem);
	align-items: center;
}

.ct-form-title {
	font-family: "Cormorant Garamond", serif;
	font-size: clamp(2.4rem, 4.5vw, 3.6rem);
	font-weight: 600;
	color: var(--white);
	line-height: 1.1;
}

.ct-form-title em {
	font-style: normal;
	color: var(--gold);
}

.ct-form-line {
	display: block;
	width: 170px;
	height: 2px;
	background: var(--gold);
	margin: 1.6rem 0 1.8rem;
}

.ct-form-p {
	font-size: 0.98rem;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.8;
	max-width: 460px;
}

@media (max-width: 900px) {
	.ct-form-grid {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.ct-form-p {
		max-width: none;
	}
}