/**
 * Gravity Forms — esqueleto compartido de los formularios MF.
 * La piel de cada formulario (cf-forms.css: Capital Femenino; af-forms.css:
 * Afiliadas) trae familias, tamaños y colores según el .dc; aquí vive solo lo
 * que comparten todas las piezas: honeypot, indicador de obligatorio accesible,
 * filas de consentimiento, placeholders y el guard de movimiento reducido.
 * Se encola junto con las pieles solo en páginas que incrustan un bloque
 * gravityforms/form.
 */

/* Honeypot: oculto fuera de pantalla (GF también lo hace vía foundation). */
.gform_wrapper .gform_validation_container {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
}

/* Indicador "(Required)": oculto visualmente, accesible. El " *"
   visible del .dc lo lleva el texto de la etiqueta de cada campo. */
.gform_wrapper .gfield_required {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Filas de consentimiento: casilla + etiqueta en línea. */
.gform_wrapper .gfield--type-consent .ginput_container_consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.gform_wrapper .gfield_consent_label {
	font-size: 15px; /* literal compartido por los formularios del .dc */
	line-height: 1.5;
	cursor: pointer;
}

/* Placeholder de todos los controles: tinta al 38% (compartido). */
.gform_wrapper ::placeholder {
	color: var(--wp--custom--tint--ink-38);
	opacity: 1;
}

/* Movimiento reducido: sin transiciones en controles ni botón. */
@media (prefers-reduced-motion: reduce) {
	.gform_wrapper input,
	.gform_wrapper textarea,
	.gform_wrapper .gform-field-label--type-inline,
	.gform_wrapper .gform-field-label--type-inline::before,
	.gform_wrapper .gform_button {
		transition: none;
	}
}