/* THE DIALOG THAT ASKS FOR A PERSON OF THE TEAM TO GET IN TOUCH (_HumanContactDialog.cshtml) */
#human-contact-dialog { width: 480px; }
#human-contact-dialog .phone-group .text-field-label { text-transform: none; }
#human-contact-dialog .textarea-group .text-field-label { text-transform: none; }
#human-contact-dialog .eesier-form-submit { text-transform: none; }
#human-contact-dialog .comecar-dialog-content { display: flex; flex-direction: column; gap: var(--space-large); padding: var(--space-medium); }
#human-contact-dialog .comecar-dialog-body { display: flex; flex-direction: column; gap: var(--space-medium); }
/* Title and subtitle read as one group; the form starts a clearly separate block below it. */
#human-contact-dialog .comecar-dialog-intro { display: flex; flex-direction: column; gap: var(--space-small); }
#human-contact-dialog .comecar-dialog-intro p { margin: 0; color: var(--color-muted); text-transform: none; text-align: left; text-align-last: left; hyphens: none; }
#human-contact-dialog .comecar-dialog-intro h2 { font-size: var(--type-size-heading); line-height: 1.3; margin: 0; padding-right: var(--control-height); font-weight: 700; text-transform: none; }
#human-contact-dialog .comecar-dialog-content > .eesier-dialog__close { position: absolute; top: var(--space-small); right: var(--space-small); }
#human-contact-dialog .comecar-error { padding: var(--space-small); border-radius: var(--radius-standard); background: var(--color-danger-surface); color: var(--color-danger); }
#human-contact-dialog .comecar-error[hidden] { display: none; }
@media (max-width: 900px) {
    #human-contact-dialog .comecar-dialog-intro h2 { font-size: calc((var(--type-size-base) + var(--type-size-heading)) / 2); }
    #human-contact-dialog .comecar-dialog-intro p { padding-right: var(--control-height); }
}