.youcontacts-form { column-gap: 1.75rem!important; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr))!important; max-width: 54rem; row-gap: 1.3rem!important; }
.youcontacts-field { display: grid; gap: .4rem; grid-column: 1 / -1; margin: 0; min-width: 0; }
.youcontacts-field--key-cognome, .youcontacts-field--key-nome, .youcontacts-field--key-last-name, .youcontacts-field--key-first-name, .youcontacts-field--key-last_name, .youcontacts-field--key-first_name, .youcontacts-field--personal-name, .youcontacts-field--type-email, .youcontacts-field--type-phone { grid-column: span 1; }
.youcontacts-form input:not([type="checkbox"]), .youcontacts-form textarea, .youcontacts-form select { border: 1px solid #b9cbd1; border-radius: 4px; font: inherit; min-width: 0; padding: .7rem; width: 100%; }
.youcontacts-form textarea { min-height: 8rem; }.youcontacts-form button[type="submit"], .youcontacts-privacy-dialog__action { background: #17364d; border: 0; border-radius: 4px; color: #fff; cursor: pointer; font: inherit; justify-self: start; padding: .8rem 1.2rem; }
.youcontacts-hp { height: 0; overflow: hidden; position: absolute; width: 0; }.youcontacts-error { color: #a11928; }.youcontacts-success { color: #196b4d; }
.youcontacts-field--consent { align-items: baseline; column-gap: .45rem; display: flex; flex-wrap: wrap; }
.youcontacts-field--consent label { display: inline; }
.youcontacts-form .youcontacts-privacy-link { appearance: none; background: transparent; border: 0; color: #175b7a; cursor: pointer; display: inline; font: inherit; padding: 0; text-decoration: underline; text-underline-offset: .18em; }
.youcontacts-privacy-link:hover, .youcontacts-privacy-link:focus-visible { color: #0f3d54; }
.youcontacts-privacy-dialog { border: 0; border-radius: .65rem; box-shadow: 0 1.5rem 4rem rgb(12 34 48 / .28); color: #17364d; max-width: min(42rem, calc(100vw - 2rem)); padding: 0; width: 100%; }
.youcontacts-privacy-dialog::backdrop { background: rgb(10 28 40 / .6); }
.youcontacts-privacy-dialog__header { align-items: center; border-bottom: 1px solid #d8e5e9; display: flex; font-size: 1.1rem; justify-content: space-between; padding: 1rem 1.25rem; }
.youcontacts-privacy-dialog__close { background: transparent; border: 0; color: #17364d; cursor: pointer; font-size: 1.7rem; line-height: 1; padding: .2rem .45rem; }
.youcontacts-privacy-dialog__content { line-height: 1.6; max-height: min(60vh, 32rem); overflow: auto; padding: 1.25rem; }
.youcontacts-privacy-dialog__action { margin: 0 1.25rem 1.25rem; }
.youcontacts-confirmation { align-items: flex-start; background: linear-gradient(135deg, #effaf5, #f8fcfa); border: 1px solid #b9dfcc; border-radius: .75rem; color: #17364d; display: grid; gap: .9rem; margin: 1.5rem auto; max-width: 42rem; padding: 2rem; }
.youcontacts-confirmation__icon { align-items: center; background: #176b4d; border-radius: 50%; color: #fff; display: inline-flex; font-size: 1.35rem; font-weight: 700; height: 2.75rem; justify-content: center; width: 2.75rem; }
.youcontacts-confirmation__eyebrow { color: #176b4d; font-size: .75rem; font-weight: 700; letter-spacing: .12em; margin: 0; }
.youcontacts-confirmation h2 { color: #17364d; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.2; margin: 0; }
.youcontacts-confirmation p { color: #375b6d; line-height: 1.6; margin: 0; }
.youcontacts-confirmation__next { background: #fff; border-left: 3px solid #176b4d; display: grid; gap: .25rem; padding: .85rem 1rem; }
.youcontacts-confirmation__next span { color: #375b6d; }
.youcontacts-confirmation__link { color: #175b7a; font-weight: 700; text-underline-offset: .18em; }
@media (max-width: 640px) { .youcontacts-form { grid-template-columns: 1fr; } .youcontacts-field--key-cognome, .youcontacts-field--key-nome, .youcontacts-field--key-last-name, .youcontacts-field--key-first-name, .youcontacts-field--key-last_name, .youcontacts-field--key-first_name, .youcontacts-field--personal-name, .youcontacts-field--type-email, .youcontacts-field--type-phone { grid-column: 1 / -1; } }
/* The host theme supplies typography and colours. Sites may override only these variables. */
.youcontacts-form { --youcontacts-accent: var(--wp--preset--color--ink, #17364d); --youcontacts-on-accent: #fff; --youcontacts-border: currentColor; color: inherit; font: inherit; }
.youcontacts-form input:not([type="checkbox"]), .youcontacts-form textarea, .youcontacts-form select { background: transparent; border-color: color-mix(in srgb, var(--youcontacts-border) 32%, transparent); color: inherit; font: inherit; }
.youcontacts-form button[type="submit"] { align-self: center; background: var(--youcontacts-accent) !important; border: 1px solid var(--youcontacts-accent) !important; border-radius: var(--youcontacts-button-radius, 4px); color: var(--youcontacts-on-accent) !important; grid-column: 1 / -1; justify-self: center; text-decoration: none !important; }
.youcontacts-form .youcontacts-privacy-link, .youcontacts-confirmation__link { color: inherit; }
.youcontacts-confirmation { background: color-mix(in srgb, var(--youcontacts-accent) 7%, transparent); border-color: color-mix(in srgb, var(--youcontacts-accent) 25%, transparent); color: inherit; }
.youcontacts-confirmation h2, .youcontacts-confirmation p, .youcontacts-confirmation__next span { color: inherit; }
.youcontacts-confirmation__icon { background: var(--youcontacts-accent); color: var(--youcontacts-on-accent); }