/*
 * Formularios de Fluent Forms con los tokens del tema (theme.json).
 * Solo se carga en páginas con un formulario de Fluent Forms.
 */
.fluentform .ff-el-group label,
.fluentform .ff-el-input--label label {
	font-family: var(--wp--preset--font-family--cuerpo);
	font-weight: 600;
	color: var(--wp--preset--color--texto);
}

.fluentform .ff-el-form-control {
	font-family: var(--wp--preset--font-family--cuerpo);
	font-size: var(--wp--preset--font-size--s);
	color: var(--wp--preset--color--texto);
	background-color: #fff;
	border: 1px solid var(--wp--preset--color--borde-control);
	border-radius: 12px;
	padding: 0.8rem 1rem;
}

.fluentform .ff-el-form-control:focus,
.fluentform input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--wp--preset--color--oro-texto);
	outline-offset: 2px;
	border-color: var(--wp--preset--color--oro-texto);
	box-shadow: none;
}

.fluentform .ff-el-is-required.asterisk-right label::after {
	color: var(--wp--preset--color--oro-texto);
}

.fluentform .ff-el-tc label,
.fluentform .ff_t_c {
	font-weight: 400;
}

.fluentform .ff-el-is-error .ff-el-form-control {
	border-color: #8a1c1c;
}

.fluentform .error,
.fluentform .text-danger {
	color: #8a1c1c;
}

/* Botón: el mismo que el botón principal del tema (línea, mayúsculas) */
.fluentform .ff-btn-submit,
.fluentform .ff-btn-submit:not(.ff_btn_no_style) {
	font-family: var(--wp--preset--font-family--cuerpo);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--fondo);
	background-color: var(--wp--preset--color--texto);
	border: 1.5px solid var(--wp--preset--color--texto);
	border-radius: 999px;
	padding: 0.95rem 1.5rem;
	opacity: 1;
}

.fluentform .ff-btn-submit:hover,
.fluentform .ff-btn-submit:not(.ff_btn_no_style):hover {
	color: var(--wp--preset--color--texto);
	background-color: transparent;
	opacity: 1;
}

.fluentform .ff-btn-submit:focus-visible {
	outline: 2px solid var(--wp--preset--color--oro-texto);
	outline-offset: 2px;
}

.ff-message-success {
	border-radius: 18px;
	border: 1px solid var(--wp--preset--color--borde);
	background-color: var(--wp--preset--color--superficie);
	box-shadow: none;
}