/* Front end: helpers used by the converted block markup. */
.is-hidden { display: none !important; }

/* Contact page: Fluent Forms output styled like the static form (contacto.css .contact-field rules). */
.contact-form-col .fluentform .ff-el-group { margin-bottom: 1.5rem; }
.contact-form-col .fluentform .ff-el-input--label label {
	font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase;
	letter-spacing: 0.5px; color: var(--teal);
}
.contact-form-col .fluentform .ff-el-is-required.asterisk-right label::after { color: var(--coral-bright); }
.contact-form-col .fluentform .ff-el-form-control {
	width: 100%; background: var(--white); border: 1px solid var(--mint); border-radius: var(--r-sm);
	padding: 0.85rem 1.2rem; font-family: 'Lato', sans-serif; font-size: 15px; color: var(--teal); height: auto;
}
.contact-form-col .fluentform textarea.ff-el-form-control { height: 150px; line-height: 1.8; }
.contact-form-col .fluentform .ff-el-form-control:focus {
	outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(255,209,102,0.15);
}
.contact-form-col .fluentform .ff-el-is-error .ff-el-form-control { border-color: var(--coral-bright); }
.contact-form-col .fluentform .error, .contact-form-col .fluentform .text-danger {
	color: var(--coral-bright); font-family: 'Lato', sans-serif; font-size: 12px; margin-top: 0.4rem;
}
.contact-form-col .fluentform .contact-consent .ff-el-form-check-label {
	font-family: 'Lato', sans-serif; font-size: 13px; line-height: 1.5; color: var(--teal); text-transform: none;
}
.contact-form-col .fluentform .contact-consent a { color: var(--teal); font-weight: 700; text-decoration: underline; }
.contact-form-col .fluentform .contact-consent input[type="checkbox"] { accent-color: var(--gold); width: 18px; height: 18px; }
.contact-form-col .fluentform .ff-btn-submit.contact-submit {
	display: block; width: 100%; background: var(--gold); color: var(--teal); font-family: 'Lato', sans-serif;
	font-weight: 700; font-size: 14px; padding: 1rem 1.5rem; border: none; border-radius: var(--r-sm); cursor: pointer;
}
.contact-form-col .fluentform .ff-btn-submit.contact-submit:hover { background: #E6B800; }
.contact-form-col .ff-message-success {
	padding: 1.1rem 1.4rem; background: rgba(184,221,209,0.25); border: 0; border-left: 3px solid var(--teal);
	border-radius: var(--r-xs); font-family: 'Lato', sans-serif; font-size: 14px; color: var(--teal); box-shadow: none;
}