/*
 * 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: 8px;
	padding: 0.8rem 1rem;
}

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

.fluentform .ff-el-is-required.asterisk-right label::after {
	color: var(--wp--preset--color--acento-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 */
.fluentform .ff-btn-submit,
.fluentform .ff-btn-submit:not(.ff_btn_no_style) {
	font-family: var(--wp--preset--font-family--cuerpo);
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: #FFFFFF;
	background-color: var(--wp--preset--color--acento-texto);
	border: 1.5px solid var(--wp--preset--color--acento-texto);
	border-radius: 8px;
	padding: 0.95rem 1.5rem;
	opacity: 1;
}

.fluentform .ff-btn-submit:hover,
.fluentform .ff-btn-submit:not(.ff_btn_no_style):hover {
	color: #FFFFFF;
	background-color: var(--wp--preset--color--verde);
	border-color: var(--wp--preset--color--verde);
	opacity: 1;
}

.fluentform .ff-btn-submit:focus-visible {
	outline: 2px solid var(--wp--preset--color--acento-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;
}

/* Adjuntos (plugin mp-automatizaciones): selector de archivos del formulario de testimonios. */
.mp-adjuntos { display: grid; gap: 0.5rem; }
.mp-adjuntos__titulo { margin: 0; font-weight: 600; }
.mp-adjuntos__opcional { font-weight: 400; color: var(--wp--preset--color--texto-suave); }
.mp-adjuntos__ayuda { margin: 0; font-size: var(--wp--preset--font-size--xs); color: var(--wp--preset--color--texto-suave); }
.mp-adjuntos__input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.mp-adjuntos__boton { justify-self: start; display: inline-flex; align-items: center; gap: 0.5em; padding: 0.7rem 1.1rem; border: 1.5px dashed var(--wp--preset--color--borde-control); border-radius: 8px; background: #FFFFFF; color: var(--wp--preset--color--texto); font-weight: 600; cursor: pointer; }
.mp-adjuntos__boton::before { content: "+"; font-size: 1.2em; line-height: 1; }
.mp-adjuntos__boton:hover { border-color: var(--wp--preset--color--acento-texto); }
.mp-adjuntos__input:focus-visible + .mp-adjuntos__boton { outline: 2px solid var(--wp--preset--color--acento-texto); outline-offset: 2px; }
.mp-adjuntos__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; }
.mp-adjuntos__lista:empty { display: none; }
.mp-adjuntos__item { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem 0.75rem; padding: 0.55rem 0.8rem; border: 1px solid var(--wp--preset--color--borde); border-radius: 8px; background: rgba(255, 255, 255, 0.6); font-size: var(--wp--preset--font-size--xs); }
.mp-adjuntos__nombre { flex: 1 1 12rem; overflow-wrap: anywhere; }
.mp-adjuntos__estado { color: var(--wp--preset--color--texto-suave); }
.mp-adjuntos__item--ok .mp-adjuntos__estado { color: var(--wp--preset--color--acento-texto); font-weight: 600; }
.mp-adjuntos__item--error { border-color: #9B2C2C; }
.mp-adjuntos__item--error .mp-adjuntos__estado { color: #9B2C2C; flex-basis: 100%; order: 3; }
.mp-adjuntos__item progress { flex: 1 1 100%; height: 6px; accent-color: var(--wp--preset--color--acento-texto); }
.mp-adjuntos__quitar { border: 0; background: none; padding: 0.2rem; color: var(--wp--preset--color--texto-suave); text-decoration: underline; cursor: pointer; font: inherit; }
form.mp-adjuntos-subiendo button[type="submit"] { opacity: 0.6; cursor: progress; }