/* Registrazione del webinar «Agenti AI» — il modulo che sblocca il video.
 *
 * Serve su /eventi/ e su /webinar-agenti-ai/. Il modulo vive dentro un
 * riquadro scuro in entrambe, quindi è tutto chiaro su scuro: campi
 * semitrasparenti invece che bianchi, che sul gradiente sembrerebbero
 * ritagli di carta incollati sopra.
 */
.wreg { margin-top: 28px; }
.wreg .wreg-form { display: none; }
.wreg[data-stato="aperto"] .wreg-avvio { display: none; }
.wreg[data-stato="aperto"] .wreg-form { display: block; }

.wreg-intro { margin: 0 0 18px; font-size: 15px; line-height: 1.55; color: rgba(255,255,255,0.8); }
.wreg-campi { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.wreg-campo--largo { grid-column: 1 / -1; }
.wreg-campo > span {
  display: block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em;
  text-transform: uppercase; color: rgba(255,255,255,0.62); margin-bottom: 7px;
}
.wreg-campo input {
  width: 100%; box-sizing: border-box; padding: 12px 14px;
  font: inherit; font-size: 15px; color: #fff;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.26); border-radius: 10px;
  transition: border-color 0.18s ease, background 0.18s ease;
}
.wreg-campo input::placeholder { color: rgba(255,255,255,0.45); }
.wreg-campo input:focus-visible {
  outline: none; background: rgba(255,255,255,0.16); border-color: var(--green-lime);
}
.wreg-campo.bad input { border-color: #ffd9ea; background: rgba(255,130,180,0.18); }

.wreg-privacy {
  display: flex; gap: 10px; align-items: flex-start; margin-top: 16px;
  font-size: 13.5px; line-height: 1.5; color: rgba(255,255,255,0.8);
}
.wreg-privacy input { margin-top: 3px; flex: 0 0 auto; accent-color: var(--green-lime); }
.wreg-privacy a { color: #fff; text-underline-offset: 3px; }
.wreg-privacy.bad { color: #ffd9ea; }

/* Fuori dallo schermo e non display:none, altrimenti i robot più accorti
   capiscono che è una trappola e lo lasciano vuoto. */
.wreg-trappola { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

.wreg-stato { text-transform: none; letter-spacing: 0.01em; font-size: 13px; color: rgba(255,255,255,0.8); }
.wreg-stato.bad { color: #ffd9ea; }
.wreg-fatto {
  margin: 0; font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgba(255,255,255,0.72);
}

.wreg-player { margin-top: 26px; }
.wreg-cornice {
  position: relative; width: 100%; aspect-ratio: 16 / 9;
  border-radius: 22px; overflow: hidden; background: #000;
  box-shadow: 0 30px 60px rgba(0,0,0,0.24);
}
.wreg-cornice iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.wreg-fuori {
  display: inline-block; margin-top: 14px;
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--muted);
}
@media (max-width: 680px) {
  .wreg-campi { grid-template-columns: 1fr; }
}