.qr-demo{gap:0;display:grid}.qr-horas{background:var(--papel);border-radius:14px;justify-self:start;gap:6px;margin:18px 0;padding:4px;display:inline-flex}.qr-hora{min-height:40px;color:var(--grafito-suave);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-weight:650;display:inline-flex}.qr-hora .herr-ico{width:17px;height:17px}.qr-hora.is-on{color:var(--grafito);background:#fff;box-shadow:0 1px 2px #15171d14,0 6px 14px -8px #15171d59}.qr-escena{grid-template-columns:132px 1fr;align-items:stretch;gap:16px;margin-bottom:18px;display:grid}.qr-codigo{aspect-ratio:1;background:var(--papel);border-radius:16px;padding:8px;position:relative;overflow:hidden}.qr-codigo svg{width:100%;height:100%;display:block}.qr-modulo{fill:var(--grafito)}.qr-marca{fill:none;stroke:var(--grafito);stroke-width:1px}.qr-marca-centro{fill:var(--turquesa)}.qr-barrido{background:var(--turquesa);opacity:0;border-radius:3px;height:3px;position:absolute;top:0;left:6px;right:6px;transform:translateY(8px);box-shadow:0 0 0 1px #ffffffb3,0 6px 14px -4px #15b7b1b3}.qr-codigo.is-escaneando .qr-barrido{animation:qr-barre 1.1s var(--ease)both}@keyframes qr-barre{0%{opacity:0;transform:translateY(8px)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(118px)}}.qr-pantalla{background:var(--grafito);min-height:132px;color:var(--papel);border-radius:16px;padding:14px 16px;position:relative;overflow:hidden}.qr-pantalla-in{animation:qr-aparece .5s var(--ease)both;gap:4px;display:grid}@keyframes qr-aparece{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:none}}.qr-pantalla-hora{color:#f4f3f0b3;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:650}.qr-pantalla-titulo{font-family:var(--titular);letter-spacing:-.02em;font-size:1.1rem;font-weight:800;line-height:1.15}.qr-pantalla-texto{color:#f4f3f0d1;font-size:.86rem;line-height:1.45}.qr-pantalla-accion{background:var(--turquesa);color:var(--grafito);border-radius:999px;justify-self:start;margin-top:6px;padding:6px 12px;font-size:.8rem;font-weight:700}.qr-pantalla-vacia{gap:10px;padding-top:8px;display:grid}.qr-pantalla-vacia i{background:#f4f3f01a;border-radius:6px;height:10px;display:block}.qr-pantalla-vacia i:first-child{width:40%}.qr-pantalla-vacia i:nth-child(2){width:85%}.qr-pantalla-vacia i:nth-child(3){width:65%}.qr-boton{width:100%}@media (max-width:420px){.qr-escena{grid-template-columns:112px 1fr;gap:12px}.qr-codigo.is-escaneando .qr-barrido{animation-name:qr-barre-corto}@keyframes qr-barre-corto{0%{opacity:0;transform:translateY(8px)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(98px)}}}