/* Comune alle due proposte: riquadri da sbloccare, utilità */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bloccato{position:relative;overflow:hidden;max-width:100%;min-width:0;background:#0D0D0D;color:#fff;min-height:220px;isolation:isolate}
.bloccato__codice{position:absolute;inset:0;margin:0;padding:6px 8px;font:500 13px/15px ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.06em;color:#B5D334;opacity:.22;white-space:pre;overflow:hidden;user-select:none;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 18%,#000 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 18%,#000 75%)}
.bloccato__centro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;z-index:1}
.bloccato__lucchetto{color:#B5D334}
.bloccato__cosa{font:600 17px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;max-width:28ch}
.bloccato__firma{display:inline-flex;align-items:center;gap:4px;font:700 12px/1 system-ui,-apple-system,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.18);padding:6px 12px 6px 4px;border-radius:999px}
.bloccato .bloccato__firma img{position:static;width:26px;height:26px;max-width:none;flex:none}
.bloccato::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(181,211,52,0),rgba(181,211,52,.07) 50%,rgba(181,211,52,0));height:40%;animation:scansione 3.6s linear infinite;z-index:0}
@keyframes scansione{from{transform:translateY(-100%)}to{transform:translateY(260%)}}
@media (prefers-reduced-motion:reduce){.bloccato::after{animation:none;display:none}}