/* ==========================================================
   TRAVIO — Moduli (contatti e richiesta demo)
   Caricare dopo bootstrap.min.css e travio.css
   ========================================================== */

.md-intro{background:#fff;color:#14171E;
  padding:clamp(26px,3vw,42px) 0 clamp(24px,2.6vw,36px)}

.briciole{display:flex;align-items:center;gap:9px;margin:0 0 clamp(18px,2.2vw,30px);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase}
.briciole a{color:#8A9099;transition:color .2s}
.briciole a:hover{color:var(--giallo-scuro)}
.briciole span{color:rgba(20,23,30,.25)}
.briciole b{font-weight:500;color:#14171E}

.md-intro h1{font-size:clamp(26px,3.2vw,42px);margin:0 0 12px}
.md-intro > .container-t > p{margin:0;color:#5A6270;font-size:15.5px;line-height:1.7;max-width:88ch}
.md-intro b{color:#14171E;font-weight:600}

/* ---------- corpo: modulo + colonna informativa ---------- */
.md-corpo{background:var(--carta);color:#14171E;
  padding:clamp(30px,3.6vw,52px) 0 clamp(40px,4.6vw,66px)}
.md-doppia{display:grid;gap:clamp(24px,3vw,44px);align-items:start}
@media (min-width:1000px){.md-doppia{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}}

.md-form{background:#fff;border:1px solid rgba(20,23,30,.1);border-radius:8px;
  padding:clamp(22px,2.4vw,34px)}

.md-campi{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:640px){.md-campi{grid-template-columns:repeat(2,1fr);gap:18px}}
.md-campo--largo{grid-column:1/-1}

.md-campo label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:#14171E}
.md-campo label i{font-style:normal;color:var(--giallo-scuro)}

.md-campo input,
.md-campo select,
.md-campo textarea{
  width:100%;font-family:var(--body);font-size:15px;color:#14171E;
  background:#fff;border:1px solid rgba(20,23,30,.18);border-radius:4px;
  padding:12px 14px;min-height:48px;
  transition:border-color .2s,box-shadow .2s;
}
.md-campo textarea{min-height:132px;resize:vertical;line-height:1.6}
.md-campo select{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%2314171E' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:11px;
  padding-right:38px}
.md-campo input:focus,
.md-campo select:focus,
.md-campo textarea:focus{outline:0;border-color:var(--ink);
  box-shadow:0 0 0 3px rgba(255,210,63,.35)}

/* stato di errore: compare solo dopo che il campo è stato toccato */
.md-campo.is-errato input,
.md-campo.is-errato select,
.md-campo.is-errato textarea{border-color:#C43B54;background:#FFF8F9}
.md-errore{display:none;margin:6px 0 0;font-size:12.5px;color:#C43B54}
.md-campo.is-errato .md-errore{display:block}

/* consenso */
.md-consenso{display:flex;align-items:flex-start;gap:11px;margin-top:22px;
  font-size:13.5px;line-height:1.55;color:#5A6270}
.md-consenso input{width:19px;height:19px;min-height:0;flex:none;margin-top:1px;accent-color:var(--giallo-scuro)}
.md-consenso a{color:#14171E;text-decoration:underline;text-underline-offset:2px}

.md-nota{margin:18px 0 0;font-size:12.5px;line-height:1.55;color:#8A9099;
  padding-left:15px;border-left:2px solid var(--giallo)}

/* invio */
.md-invio{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
.md-invio .btn-t[disabled]{background:#E7E5DF;color:#A8ADB5;cursor:not-allowed;
  transform:none;box-shadow:none;border-color:transparent}
.md-invio .btn-t[disabled] svg{opacity:.5}
.md-mancanti{margin:0;font-size:13px;color:#8A9099}
.md-mancanti b{color:#14171E;font-weight:600}

/* esito */
.md-esito{display:none;margin-top:20px;padding:16px 18px;border-radius:6px;font-size:14.5px;
  line-height:1.6}
.md-esito.is-ok{display:block;background:rgba(47,190,119,.12);border:1px solid rgba(18,148,87,.4);
  color:#0A6E40}
.md-esito.is-ko{display:block;background:#FFF3F5;border:1px solid rgba(196,59,84,.4);color:#8E2A3D}
.md-esito.is-attesa{display:block;background:#F4F3EF;border:1px solid rgba(20,23,30,.12);color:#5A6270}

/* trappola per i bot: fuori dallo schermo, non la vede e non la raggiunge nessuno */
.md-trappola{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- colonna informativa ---------- */
.md-info{display:grid;gap:14px}
.md-scheda{background:#fff;border:1px solid rgba(20,23,30,.1);border-radius:8px;
  padding:clamp(20px,2.2vw,26px)}
.md-scheda h2{font-size:17px;margin:0 0 12px}
.md-scheda p{margin:0;font-size:14.5px;line-height:1.65;color:#5A6270}

.md-voce{display:flex;align-items:flex-start;gap:13px;padding:12px 0;
  border-bottom:1px solid rgba(20,23,30,.08)}
.md-voce:last-child{border-bottom:0;padding-bottom:0}
.md-voce:first-of-type{padding-top:0}
.md-voce svg{width:19px;height:19px;flex:none;margin-top:2px;color:var(--giallo-scuro)}
.md-voce b{display:block;font-size:15px;margin-bottom:2px;color:#14171E}
.md-voce span{font-size:13.5px;line-height:1.5;color:#5A6270}
.md-voce a{color:#14171E}
.md-voce a:hover{color:var(--giallo-scuro)}

.md-passi{list-style:none;padding:0;margin:0;counter-reset:passo}
.md-passi li{counter-increment:passo;position:relative;padding:0 0 14px 38px;
  font-size:14.5px;line-height:1.55;color:#5A6270}
.md-passi li:last-child{padding-bottom:0}
.md-passi li::before{content:counter(passo,decimal-leading-zero);position:absolute;left:0;top:0;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--giallo-scuro)}
.md-passi li b{display:block;color:#14171E;font-weight:600;margin-bottom:2px}

.md-scheda--scura{background:var(--ink);border-color:var(--ink);color:#fff}
.md-scheda--scura h2{color:#fff}
.md-scheda--scura p{color:var(--txt)}
.md-scheda--scura .md-voce{border-bottom-color:rgba(255,255,255,.12)}
.md-scheda--scura .md-voce b{color:#fff}
.md-scheda--scura .md-voce span{color:var(--txt)}
.md-scheda--scura .md-voce a{color:#fff}
.md-scheda--scura .md-voce svg{color:var(--giallo)}