/* invito dell'autoscuola, solo nella vetrina pubblica (solo-vetrina/invito.js) */
#invito {
  position: fixed; z-index: 20; right: 18px; bottom: 18px;
  width: min(360px, calc(100vw - 36px)); padding: 18px 20px 20px;
  background: var(--vetro); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--accento); border-radius: 16px; box-shadow: var(--ombra);
  color: var(--testo); font-size: 14.5px; line-height: 1.45;
  animation: invito-entra .35s ease-out;
}
#invito[hidden] { display: none; }
#invito .occhiello { margin: 0; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--accento); }
#invito h2 { margin: 4px 0 8px; font-size: 21px; line-height: 1.2; }
#invito p { margin: 0 0 14px; color: var(--tenue); }
#invito strong { color: var(--testo); }
#invito .azioni { display: grid; gap: 8px; }
#invito .azioni a {
  display: block; padding: 11px 14px; border-radius: 11px; text-align: center; text-decoration: none; font-weight: 600;
  border: 1px solid var(--linea); background: var(--vetro-chiaro); color: var(--testo);
}
#invito .azioni a.primario { border: 0; background: var(--accento); color: var(--accento-scuro); }
#invito .azioni a.leggero { border: 0; background: none; padding: 4px; color: var(--accento); }
#invito .chiudi {
  position: absolute; top: 8px; right: 10px; width: 30px; height: 30px; padding: 0;
  border: 0; background: none; color: var(--tenue); font-family: inherit; font-size: 26px; line-height: 1; cursor: pointer;
}
@keyframes invito-entra { from { opacity: 0; transform: translateY(12px); } }
/* telefono: sopra la barra dei comandi */
@media (max-width: 760px) {
  #invito { left: 12px; right: 12px; width: auto; bottom: auto; top: 12px; }
}