/**
 * Afiliadas — piel del formulario Gravity Forms (.af-solicitud).
 * El esqueleto compartido (honeypot, "(Required)", filas de consentimiento,
 * placeholder, movimiento reducido) vive en gf-forms-base.css; aquí solo los
 * valores del .dc (familias, tamaños, colores), todo consumiendo tokens del
 * theme. CSS irreducible: los internos de GF no son alcanzables desde bloque
 * ni theme.json. Se encola solo en páginas con un bloque gravityforms/form.
 */

/* ---- API de variables de GF ---- */

.af-solicitud_wrapper {
	font-family: var(--wp--preset--font-family--serif); /* PT Serif del .dc */
	color: var(--wp--preset--color--ink);
}

.af-solicitud_wrapper .gform_fields {
	--gf-color-danger: var(--wp--preset--color--gold-dark);
	--gf-field-gap-x: 28px;
	--gf-field-gap-y: 30px;
	--gf-field-choice-gap: 8px;
	--gf-desc-space: 10px;
}

/* ---- Estructura ---- */

.af-solicitud_wrapper .gfield {
	margin-block-start: 30px;
}

/* Etiquetas: Jost 10px mayúsculas, .24em (custom label tight), tinta-70. */
.af-solicitud .gform-field-label:not(.gform-field-label--type-inline) .gform-field-label__text {
	font-family: var(--wp--preset--font-family--jost);
	font-size: var(--wp--custom--label--font-size);
	font-weight: 400;
	letter-spacing: var(--wp--custom--label--tight);
	text-transform: uppercase;
	color: var(--wp--custom--tint--ink-70);
}

/* Enlaces dentro del formulario: tinta (el .dc marca los de la caja). */
.af-solicitud a {
	color: var(--wp--preset--color--ink);
	text-underline-offset: 3px;
}

/* Mensajes de validación: 15px dorado oscuro, literal del .dc. */
.af-solicitud .gfield_validation_message {
	font-size: var(--wp--preset--font-size--body-15);
	color: var(--wp--preset--color--gold-dark);
}

/* ---- Controles: subrayado PT Serif 17px (foco tinta del .dc) ---- */

.af-solicitud_wrapper .af-solicitud .ginput_container input[type="text"],
.af-solicitud_wrapper .af-solicitud .ginput_container input[type="email"],
.af-solicitud_wrapper .af-solicitud .ginput_container input[type="url"],
.af-solicitud_wrapper .af-solicitud .ginput_container textarea {
	--gf-ctrl-bg-color: transparent;
	--gf-ctrl-bg-color-focus: transparent;
	--gf-ctrl-bg-color-hover: transparent;
	--gf-ctrl-bg-color-error: transparent;
	--gf-ctrl-border-color: var(--wp--custom--tint--ink-40);
	--gf-ctrl-border-color-focus: var(--wp--preset--color--ink);
	--gf-ctrl-border-color-hover: var(--wp--custom--tint--ink-40);
	--gf-ctrl-border-width: 0px;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 17px;
	color: var(--wp--preset--color--ink);
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--wp--custom--tint--ink-40);
	border-radius: 0;
	padding: 8px 0;
	width: 100%;
	transition: border-color 0.2s ease;
}

.af-solicitud_wrapper .af-solicitud .ginput_container input:focus,
.af-solicitud_wrapper .af-solicitud .ginput_container textarea:focus {
	border-bottom-color: var(--wp--preset--color--ink);
	outline: none;
}

/* 17px × lineHeight 1.6 × 3 filas + 8px arriba/abajo (GF impone su altura;
   mismo mecanismo !important de cf-forms.css). */
.af-solicitud_wrapper .af-solicitud .ginput_container textarea {
	height: 98px !important;
	min-height: 98px !important;
	line-height: 1.6;
	resize: vertical;
}

/* ---- Chips «¿Qué te gustaría recomendar?» ----
   Jost 11px, .16em literal del .dc (sin token), borde tinta pleno. */

.af-solicitud .af-chips .gfield_checkbox {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.af-solicitud .af-chips .gchoice {
	position: relative;
}

.af-solicitud .af-chips .gchoice .gfield-choice-input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	margin: 0;
}

.af-solicitud .af-chips .gchoice label.gform-field-label--type-inline {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 13px 16px;
	font-family: var(--wp--preset--font-family--jost);
	font-size: var(--wp--custom--form--label--font-size);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	border: 1px solid var(--wp--preset--color--ink);
	background: transparent;
	color: var(--wp--preset--color--ink);
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.af-solicitud .af-chips .gchoice .gfield-choice-input:checked + .gform-field-label--type-inline {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--cream);
}

.af-solicitud .af-chips .gchoice .gfield-choice-input:focus-visible + .gform-field-label--type-inline {
	outline: 2px solid var(--wp--preset--color--gold);
	outline-offset: 3px;
}

/* ---- Consentimientos: casilla nativa 17px, accent tinta ---- */

.af-solicitud input[type="checkbox"],
.af-solicitud input[type="checkbox"].gform-choice-input {
	width: 17px;
	height: 17px;
	flex: none;
	margin: 3px 0 0;
	accent-color: var(--wp--preset--color--ink);
	cursor: pointer;
}

/* ---- Botón: Jost 11px 600 .28em, tinta → fondo oro al flotar ---- */

.af-solicitud_wrapper .af-solicitud .gform_button {
	--gf-ctrl-btn-bg-color-primary: var(--wp--preset--color--ink);
	--gf-ctrl-btn-color-primary: var(--wp--preset--color--cream);
	--gf-ctrl-btn-border-width-ctrl: 0px;
	--gf-ctrl-btn-border-width-primary: 0px;
	display: inline-block;
	border: none;
	border-radius: 0;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--cream);
	font-family: var(--wp--preset--font-family--jost);
	font-size: var(--wp--custom--form--label--font-size);
	font-weight: 600;
	letter-spacing: var(--wp--custom--label--tracking);
	text-transform: uppercase;
	cursor: pointer;
	padding: 20px 34px;
	transition: background 0.25s ease, color 0.25s ease;
}

.af-solicitud_wrapper .af-solicitud .gform_button:hover,
.af-solicitud_wrapper .af-solicitud .gform_button:focus-visible {
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--ink);
}

/* ---- Confirmación (solicitud recibida del .dc) ----
   La de cf-forms.css lleva ámbito de pie; aquí la tipografía propia. */

.af-solicitud_wrapper .gform_confirmation_wrapper {
	margin-top: 32px;
	padding-top: 34px;
	border-top: 1px solid var(--wp--preset--color--ink);
}

.af-solicitud_wrapper .gform_confirmation_wrapper .af-confirm-label {
	margin: 0;
	font-family: var(--wp--preset--font-family--jost);
	font-size: var(--wp--custom--label--font-size);
	letter-spacing: var(--wp--custom--label--tracking);
	text-transform: uppercase;
	color: var(--wp--preset--color--gold-dark);
}

.af-solicitud_wrapper .gform_confirmation_wrapper .af-confirm-title {
	margin: 12px 0 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--display-32);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.03em;
	color: var(--wp--preset--color--ink);
}

.af-solicitud_wrapper .gform_confirmation_wrapper p:not(.af-confirm-label):not(.af-confirm-title) {
	margin: 0;
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--body-17);
	line-height: 1.65;
	color: var(--wp--custom--tint--ink-78);
}