/* ==========================================================================
   WineFor VERSIONE 2 — PAGINA RICHIEDI DEMO
   Riusa .ris-hero / .ris-hero-griglia / .ris-form-card / .risorsa-form /
   .ris-punti da risorsa.css e .chi-valori/.chi-valore da chi-siamo.css.
   Qui solo le aggiunte specifiche di questa pagina: select (nessuna delle
   altre pagine ne usa una) e il riposizionamento di .hero-trust dentro la
   form-card.
   ========================================================================== */

.risorsa-form select {
  width: 100%;
  margin-top: 6px;
  padding: 11px 14px;
  font-family: inherit;
  font-size: 16px;
  color: var(--testo);
  background: var(--off-white);
  border: 1px solid var(--bordo);
  border-radius: var(--radius);
  outline: none;
  cursor: pointer;
  transition: border-color var(--transition), box-shadow var(--transition);
}

.risorsa-form select:invalid {
  color: var(--testo-muted);
}

.risorsa-form select:focus {
  background: var(--bianco);
  border-color: var(--blu);
  box-shadow: 0 0 0 3px rgba(43, 106, 98, 0.16);
}

/* .hero-trust nasce centrata per l'hero della home: qui vive dentro una
   colonna stretta e allineata a sinistra, serve un riposizionamento */
.rd-form-trust {
  justify-content: flex-start;
  margin: 4px 0 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--bordo-soft);
}

/* Blocco "Come lavora il sistema WineFor" nella colonna testo dell'hero —
   la colonna form (a destra) e' molto piu' alta di questa, quindi diamo
   respiro verticale generoso invece di stringere tutto in alto */
.rd-come-lavora {
  margin-top: 44px;
  padding-top: 36px;
  border-top: 1px solid var(--bordo-soft);
}

.rd-come-lavora-titolo {
  margin-bottom: 28px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--testo);
}

.rd-come-lavora-lista {
  display: grid;
  gap: 30px;
  list-style: none;
}

.rd-come-lavora-lista li {
  position: relative;
  padding-left: 24px;
}

.rd-come-lavora-lista li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ottone);
}

.rd-come-lavora-lista strong {
  display: block;
  margin-bottom: 6px;
  font-size: 16.5px;
  font-weight: 700;
  color: var(--testo);
}

.rd-come-lavora-lista span {
  display: block;
  font-size: 15px;
  line-height: 1.7;
  color: var(--testo-muted);
}