/*
 * Formularios migrados a Fluent Forms.
 *
 * El diseño lo siguen poniendo las hojas originales de cada página: las
 * landings, la de Piezas CTP y el sitio. Los campos de Fluent Forms llevan las
 * mismas clases que los formularios anteriores (fg, fg-2, form-group…), así que
 * esas reglas aplican solas.
 *
 * Aquí solo se corrige lo que la hoja estructural de Fluent Forms impone:
 * bordes, márgenes entre filas, el hueco entre columnas y el contenedor de las
 * etiquetas.
 *
 * Cada <form> lleva la clase maqro-form-{variante}, que llega por el ajuste
 * form_extra_css_class del formulario (crear-formularios.js). Los selectores
 * empiezan en .fluentform para ganarle en especificidad a la hoja de Fluent
 * Forms sin importar el orden de carga.
 */

/* Fluent Forms envuelve cada etiqueta en un div inline-block con 5 px de
   margen; en el original la etiqueta va suelta y el campo queda justo debajo. */
.fluentform .maqro-form .ff-el-input--label {
	display: block;
	margin-bottom: 0;
}

/* En el original el botón cierra el formulario, sin margen debajo. El "form."
   le gana a las reglas de .ff-el-group de cada variante. */
.fluentform form.maqro-form .ff_submit_btn_wrapper {
	margin-bottom: 0;
}

/* ---------- Landings de campaña John Deere (6 páginas, mismo diseño) ---------- */

.fluentform .maqro-form-landing .ff-el-group {
	margin-bottom: 1rem;
}

/* Mismo hueco entre columnas que .fg-2 del original (Fluent Forms pone 15 px). */
.fluentform .maqro-form-landing .ff-t-container {
	gap: .8rem;
}

.fluentform .maqro-form-landing .ff-el-form-control {
	border: 1px solid rgba(255, 255, 255, .1);
}

.fluentform .maqro-form-landing .ff-el-form-control:focus {
	border-color: var(--yellow, #ffde00);
}

.fluentform .maqro-form-landing .ff-btn.fsend {
	padding: .85rem;
	font-size: 1.1rem;
	line-height: normal;
}

/* Mensajes de validación legibles sobre el fondo oscuro. */
.fluentform .maqro-form-landing .ff-el-is-error .ff-el-form-control {
	border-color: #ff4444;
}

.fluentform .maqro-form-landing .error.text-danger {
	color: #ff6b6b;
	font-size: .75rem;
	margin-top: .3rem;
}

/* ---------- Formularios del sitio (Contacto, Bolsa, Quejas, Maquinaria usada) ---------- */

/* Mismo hueco entre columnas que la rejilla de Bootstrap del original (24 px). */
.fluentform .maqro-form-sitio .ff-t-container {
	gap: 24px;
}

/* El espacio entre filas lo da el margen de los campos en main.css; Fluent Forms
   sumaba 20 px más por grupo. */
.fluentform .maqro-form-sitio .ff-el-group {
	margin-bottom: 0;
}

/* Bolsa de trabajo: nota con el correo para el CV, en lugar del campo de archivo. */
.fluentform .maqro-form-sitio .nota-cv {
	margin: 12px 0 7px;
	font-size: 18px;
}

.fluentform .maqro-form-sitio .nota-cv a {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
}

/* ---------- Fila del reCAPTCHA (se activó al lanzar) ----------
   Fluent Forms la pone en un .ff-el-group sin clase propia; se ubica por su
   contenido. Medidas tomadas del sitio anterior antes del cambio de dominio. */
.fluentform .maqro-form-sitio .ff-el-group:has(.g-recaptcha) {
	margin-top: 24px;
	margin-bottom: 33px;
}

/* Landings y CTP: 25 px desde el último campo; hasta el botón, 16 px (landings)
   y 24 px (CTP), igual que antes. El margin-top absorbe el margen del grupo
   anterior (los márgenes verticales colapsan). */
.fluentform .maqro-form-landing .ff-el-group:has(.g-recaptcha) {
	margin-top: 25px;
	margin-bottom: 9px;
}

.fluentform .maqro-form-ctp .ff-el-group:has(.g-recaptcha) {
	margin-top: 25px;
	margin-bottom: 16px;
}

/* Maquinaria usada (formulario 8): en el lugar del antiguo "código de seguridad". */
.fluentform .fluent_form_8 .ff-el-group:has(.g-recaptcha) {
	margin-top: 14px;
	margin-bottom: 7px;
}