/**
 * Masterclass Seis Cifras — piel del formulario Gravity Forms (.ms-reserva).
 * El panel de reserva del .dc: fondo tinta, etiquetas Instrument Sans 10px
 * mayúsculas .24em, entradas SIN caja (solo el subrayado crema al 40 %),
 * texto Instrument Sans 17px, y el botón oro/tinta 12px .24em. El esqueleto
 * compartido (honeypot, "(required)", placeholder, reduced-motion) vive en
 * gf-forms-base.css; aquí los valores del .dc, todo consumiendo tokens del
 * theme. Se encola junto con las pieles solo en páginas que incrustan un
 * bloque gravityforms/form.
 *
 * Las reglas van con el id `#reserva` (el ancla del panel en el patrón
 * mf-masterclass-hero) por la misma razón que las del Reto del Dinero van con
 * `#apuntate`: la piel de Gravity Forms 3.1 con su tema «framework» se
 * construye con VARIABLES (`--gf-ctrl-*`) y su CSS se encola DESPUÉS del
 * tema, así que sin un id las reglas del plugin ganan a las nuestras.
 */

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

#reserva .ms-reserva_wrapper {
	font-family: var(--wp--preset--font-family--instrument-sans);
	color: var(--wp--preset--color--cream);
}

#reserva .ms-reserva_wrapper .gform_fields {
	--gf-color-danger: var(--wp--preset--color--gold);
	--gf-field-gap-x: 0px;
	--gf-field-gap-y: 18px;
	--gf-field-choice-gap: 0px;
	--gf-desc-space: 10px;
}

/* Etiquetas: Instrument Sans 10px mayúsculas .24em, crema al 72 %. */
#reserva .ms-reserva .gform-field-label:not(.gform-field-label--type-inline) .gform-field-label__text {
	font-family: var(--wp--preset--font-family--instrument-sans);
	font-size: var(--wp--custom--label--font-size);
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: var(--wp--custom--label--tight);
	text-transform: uppercase;
	color: var(--wp--custom--tint--cream-72);
}

/* ---- Inputs: sin caja, solo el subrayado crema al 40 % ---- */

#reserva .ms-reserva_wrapper .ms-reserva .ginput_container input[type="text"],
#reserva .ms-reserva_wrapper .ms-reserva .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--custom--tint--cream-40);
	--gf-ctrl-border-color-focus: var(--wp--preset--color--gold);
	--gf-ctrl-border-color-hover: var(--wp--custom--tint--cream-40);
	--gf-ctrl-border-width: 0px;
	--gf-ctrl-height: auto;
	--gf-ctrl-padding-y: 12px;
	--gf-ctrl-padding-x: 0px;
	font-family: var(--wp--preset--font-family--instrument-sans);
	font-size: var(--wp--preset--font-size--body-17);
	color: var(--wp--preset--color--cream);
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--wp--custom--tint--cream-40);
	border-radius: 0;
	padding: 12px 0;
	width: 100%;
}

#reserva .ms-reserva_wrapper .ms-reserva .ginput_container input[type="text"]:focus,
#reserva .ms-reserva_wrapper .ms-reserva .ginput_container input[type="email"]:focus {
	outline: none;
	border-bottom-color: var(--wp--preset--color--gold);
}

#reserva .ms-reserva_wrapper .ms-reserva .ginput_container input::placeholder {
	color: var(--wp--custom--tint--cream-45);
}

/* ---- Botón: oro/tinta, Instrument Sans 12px 600 .24em ---- */

#reserva .ms-reserva_wrapper .ms-reserva .gform_button {
	--gf-ctrl-btn-bg-color-primary: var(--wp--preset--color--gold);
	--gf-ctrl-btn-color-primary: var(--wp--preset--color--ink);
	--gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--cream);
	--gf-ctrl-btn-color-hover-primary: var(--wp--preset--color--ink);
	--gf-ctrl-btn-border-width-primary: 0px;
	--gf-ctrl-btn-font-family: var(--wp--preset--font-family--instrument-sans);
	--gf-ctrl-btn-font-size: 12px;
	--gf-ctrl-btn-font-weight: 600;
	--gf-ctrl-btn-letter-spacing: var(--wp--custom--label--tight);
	--gf-ctrl-btn-text-transform: uppercase;
	--gf-ctrl-btn-padding-y: 19px;
	--gf-ctrl-btn-padding-x: 24px;
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--ink);
	border: none;
	border-radius: 0;
	font-family: var(--wp--preset--font-family--instrument-sans);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: var(--wp--custom--label--tight);
	text-transform: uppercase;
	text-align: center;
	padding: 19px 24px;
	cursor: pointer;
	transition: background 0.25s ease, color 0.25s ease;
}

#reserva .ms-reserva_wrapper .ms-reserva .gform_button:hover,
#reserva .ms-reserva_wrapper .ms-reserva .gform_button:focus-visible {
	background: var(--wp--preset--color--cream);
	color: var(--wp--preset--color--ink);
}

/* ---- Confirmación: las dos líneas del .dc ---- */

#reserva .ms-reserva_wrapper .gform_confirmation_wrapper {
	margin-top: 0;
	border-top: none;
}

#reserva .ms-reserva_wrapper .gform_confirmation_wrapper p {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: 30px;
	font-style: italic;
	line-height: 1.15;
	color: var(--wp--preset--color--cream);
}

#reserva .ms-reserva_wrapper .gform_confirmation_wrapper p + p {
	font-family: var(--wp--preset--font-family--instrument-sans);
	font-size: var(--wp--preset--font-size--body-15);
	font-style: normal;
	line-height: 1.5;
	color: var(--wp--custom--tint--cream-72);
}