/* Pulsanti nella barra in cima agli esempi ("Genera il codice QR", "Prova i turni") e la finestra col QR. */
.barra-demo{display:flex;justify-content:center;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:7px 16px;background:#111;color:#ddd}
.barra-demo .nota-demo{margin:0;padding:0;background:none}
.aurea .barra-demo{background:#2a1016}
.fornace .barra-demo{background:#000}
.osteria .barra-demo{background:#5a3b26}
.qr-apri{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#ffd84d;color:#14110a!important;font:700 .9rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap;box-shadow:0 0 0 0 #ffd84d99;animation:qr-richiamo 2.4s ease-out 1s 2}
.qr-apri::before{content:"";width:14px;height:14px;flex:none;background:linear-gradient(#14110a,#14110a) 0 0/6px 6px no-repeat,linear-gradient(#14110a,#14110a) 100% 0/6px 6px no-repeat,linear-gradient(#14110a,#14110a) 0 100%/6px 6px no-repeat,linear-gradient(#14110a,#14110a) 100% 100%/3px 3px no-repeat}
.qr-apri:hover{background:#fff}
.qr-apri:focus-visible{outline:3px solid #fff;outline-offset:2px}
.demo-ribbon .qr-apri{margin-left:14px;vertical-align:middle}
.turni-apri{display:inline-flex;align-items:center;padding:7px 15px;border:1.5px solid #ffffffb3;border-radius:999px;color:#fff!important;font:600 .9rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap}
.turni-apri:hover{background:#fff;color:#14110a!important}
.turni-apri:focus-visible{outline:3px solid #fff;outline-offset:2px}
.demo-ribbon .turni-apri{margin-left:8px;vertical-align:middle}
.turni-lungo{white-space:pre}
@media (max-width:480px){.turni-lungo{display:none}.barra-demo .nota-demo{flex-basis:100%;text-align:center}}
@keyframes qr-richiamo{0%{box-shadow:0 0 0 0 #ffd84d99}70%{box-shadow:0 0 0 12px #ffd84d00}100%{box-shadow:0 0 0 0 #ffd84d00}}
@media (prefers-reduced-motion:reduce){.qr-apri{animation:none}}
.qr-finestra{width:min(92vw,360px);padding:26px 24px 22px;border:0;border-radius:16px;background:#fff;color:#1a1a1a;text-align:center;font:400 1rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 24px 60px #0006}
.qr-finestra::backdrop{background:#000a}
.qr-finestra h2{margin:0 0 14px;font:700 1.2rem/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0}
.qr-finestra img{display:block;width:240px;height:240px;margin:0 auto;image-rendering:pixelated}
.qr-testo{margin:14px 0 18px;color:#555;font-size:.92rem}
.qr-azioni{display:flex;justify-content:center;gap:10px}
.qr-azioni a,.qr-azioni button{padding:10px 16px;border-radius:10px;font:600 .95rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.qr-scarica{background:#1a1a1a;color:#fff;text-decoration:none}
.qr-chiudi{background:#fff;color:#1a1a1a;border:1px solid #ccc}
.qr-azioni :focus-visible{outline:3px solid #ffb800;outline-offset:2px}