.modulo-richiesta { display: grid; gap: 16px; max-width: 560px; margin: 16px 0; }
.modulo-richiesta .campo { flex: none; }
.modulo-richiesta .campo .facoltativo { font-weight: 400; color: var(--secondario); }
.modulo-richiesta .campo .aiuto { color: var(--secondario); font-size: 0.9375rem; margin: 4px 0 0; }
.modulo-richiesta textarea { width: 100%; max-width: 100%; font: inherit; font-size: 1rem; color: var(--testo); background: #fff; border: 1px solid var(--bordo-controlli); border-radius: 8px; padding: 10px 12px; min-height: 120px; resize: vertical; }
.modulo-richiesta .campo input:focus-visible, .modulo-richiesta .campo select:focus-visible, .modulo-richiesta textarea:focus-visible, .modulo-richiesta .consenso input:focus-visible { outline: 3px solid var(--primario); outline-offset: 2px; }

.modulo-richiesta .trappola { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.modulo-richiesta .consenso { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; }
.modulo-richiesta .consenso input { width: 20px; height: 20px; margin-top: 2px; }
.informativa-breve { background: #fff; border: 1px solid var(--bordo-schede); border-radius: var(--raggio); padding: 14px 18px; font-size: 0.9375rem; }
.informativa-breve h2 { font-size: 1.0625rem; margin: 0 0 6px; }
.informativa-breve ul { margin: 6px 0 0; padding-left: 20px; }
.informativa-breve li { margin: 3px 0; }
.modulo-richiesta .pulsante { justify-self: start; }
.modulo-richiesta .pulsante[disabled] { opacity: .6; cursor: default; }
.modulo-richiesta .nota-js { color: var(--secondario); font-size: 0.9375rem; margin: 0; }

.pagina-richiesta { padding-bottom: 36px; }
.pagina-richiesta .nota { color: var(--secondario); font-size: 0.875rem; margin: 8px 0 0; }
.modulo-richiesta .rq-i .informativa-breve { background: var(--superficie); }
@media (min-width: 900px) {
  .modulo-richiesta { max-width: none; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 24px; align-items: start; }
  .modulo-richiesta > * { grid-column: 1; }
  .modulo-richiesta > .rq-i { grid-column: 2; grid-row: 1 / span 5; position: sticky; top: calc(var(--th, 61px) + 12px); }
}