/**
 * Santaurora — piel del formulario Gravity Forms (.sa-precuela).
 * La caja del precuela del .dc: PT Serif, entrada con subrayado tinta pleno,
 * consentimiento 16px, botón tinta/oro alineado a la izquierda. El esqueleto
 * compartido (honeypot, "(required)", filas de consentimiento, placeholder,
 * reduced-motion) vive en gf-forms-base.css; aquí los valores de Santaurora,
 * todo consumiendo tokens del theme. Se encola junto con las pieles solo en
 * páginas que incrustan un bloque gravityforms/form.
 */

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

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

.sa-precuela_wrapper .gform_fields {
	--gf-color-danger: var(--wp--preset--color--gold-dark);
	--gf-field-gap-x: 0px;
	--gf-field-gap-y: 26px;
	--gf-field-choice-gap: 0px;
	--gf-desc-space: 10px;
}

/* Etiquetas: Jost 10px mayúsculas .28em, tinta plena (label del input del .dc). */
.sa-precuela .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--tracking);
	text-transform: uppercase;
	color: var(--wp--preset--color--ink);
}

/* ---- Input: PT Serif 20px, subrayado tinta, caja transparente ---- */

.sa-precuela_wrapper .sa-precuela .ginput_container input[type="email"] {
	--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--preset--color--ink);
	--gf-ctrl-border-color-focus: var(--wp--preset--color--ink);
	--gf-ctrl-border-color-hover: var(--wp--preset--color--ink);
	--gf-ctrl-border-width: 0px;
	--gf-ctrl-height: auto;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 20px;
	color: var(--wp--preset--color--ink);
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	padding: 8px 0;
	width: 100%;
}

.sa-precuela_wrapper .sa-precuela .ginput_container input[type="email"]:focus {
	outline: none;
	border-bottom-color: var(--wp--preset--color--ink);
}

/* ---- Consentimiento: casilla nativa 16px, accent tinta ---- */

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

/* ---- Botón: tinta/oro, Jost 10px .28em 600, alineado a la izquierda ---- */

.sa-precuela_wrapper .sa-precuela .gform_button {
	--gf-ctrl-btn-bg-color-primary: var(--wp--preset--color--ink);
	--gf-ctrl-btn-color-primary: var(--wp--preset--color--gold);
	--gf-ctrl-btn-border-width-ctrl: 0px;
	--gf-ctrl-btn-border-width-primary: 0px;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--gold);
	border: none;
	border-radius: 0;
	font-family: var(--wp--preset--font-family--jost);
	font-size: var(--wp--custom--label--font-size);
	font-weight: 600;
	letter-spacing: var(--wp--custom--label--tracking);
	text-transform: uppercase;
	text-align: left;
	padding: 18px 20px;
	cursor: pointer;
	transition: background 0.25s ease, color 0.25s ease;
}

.sa-precuela_wrapper .sa-precuela .gform_button:hover,
.sa-precuela_wrapper .sa-precuela .gform_button:focus-visible {
	background: var(--wp--preset--color--cream);
	color: var(--wp--preset--color--ink);
}

/* ---- Confirmación: la línea del .dc («Te la mando al momento.») ---- */

.sa-precuela_wrapper .gform_confirmation_wrapper {
	margin-top: 0;
	border-top: none;
}

.sa-precuela_wrapper .gform_confirmation_wrapper p {
	margin: 0;
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--body-15);
	line-height: 1.55;
	color: var(--wp--custom--tint--ink-72);
}

/* Reto — los demás campos de texto comparten el subrayado del correo. */
.sa-precuela_wrapper .sa-precuela .ginput_container input:is([type="text"],[type="number"],[type="tel"],[type="url"],[type="search"]) {
	--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--preset--color--ink);
	--gf-ctrl-border-color-focus: var(--wp--preset--color--ink);
	--gf-ctrl-border-color-hover: var(--wp--preset--color--ink);
	--gf-ctrl-border-width: 0px;
	--gf-ctrl-height: auto;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 20px;
	color: var(--wp--preset--color--ink);
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	padding: 8px 0;
	width: 100%;
}

.sa-precuela_wrapper .sa-precuela .ginput_container input:is([type="text"],[type="number"],[type="tel"],[type="url"],[type="search"]):focus {
	outline: none;
	border-bottom-color: var(--wp--preset--color--ink);
}

/* Reto — la nota legal del formulario (campo HTML) con el diseño del párrafo de abajo. */
.sa-precuela_wrapper .gfield--type-html.gfield_html,
.sa-precuela_wrapper .gfield--type-html.gfield_html p {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 0.75rem; /* body-12 */
	line-height: 1.55;
	color: var(--wp--preset--color--gold);
	margin: 0;
	padding: 0;
}

.sa-precuela_wrapper .gfield--type-html.gfield_html a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}