@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&display=swap";:root{--red:#e31e24;--red-dark:#b91c21;--white:#fff;--off:#f9fafb;--muted:#9ca3af;--dark:#111827;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--gap:16px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Outfit,sans-serif}::-webkit-scrollbar{display:none}html,body{background-color:var(--off);width:100%;height:100dvh}#root{justify-content:center;align-items:stretch;width:100%;height:100dvh;display:flex}.kiosk-shell{background:var(--white);flex-direction:column;width:100%;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 100px #0000001a}.zone-header,.zone-action,.full-overlay{width:100%;max-width:800px;margin-left:auto;margin-right:auto}.zone-visual{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}@media (width>=481px){.kiosk-shell{border-left:1px solid #e2e4e7;border-right:1px solid #e2e4e7}}.zone-header{background:var(--white);border-bottom:1.5px solid #f3f4f6;flex:none;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.z-logo{object-fit:contain;width:auto;height:48px}.z-tagline{text-align:right;max-width:55%}.z-tagline h4{color:var(--red);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900;line-height:1.2}.z-tagline p{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700;line-height:1.4}.zone-visual{flex-direction:column;flex:1;min-height:200px;padding:12px 16px;display:flex}.visual-frame{border-radius:var(--radius-lg);background:#f3f4f6;border:6px solid #fdfdfd;flex:1;width:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000014}.visual-frame video,.visual-frame img.result-img{object-fit:cover;border-radius:calc(var(--radius-lg) - 4px);width:100%;height:100%;position:absolute;inset:0}.visual-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:1px solid #fff3;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;display:flex;position:absolute;top:10px;left:10px}.visual-badge .dot{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.visual-badge p{color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.alu-corner{object-fit:contain;pointer-events:none;height:90px;position:absolute;bottom:8px;right:8px}.zone-action{background:var(--off);border-top:1.5px solid #f3f4f6;flex-direction:column;flex:none;gap:12px;padding:14px 20px 20px;display:flex}.selector-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:900}.scroll-hint{color:var(--red);text-transform:uppercase;letter-spacing:.05em;background:#fef2f2;border-radius:99px;padding:2px 8px;font-size:9px;font-weight:800;animation:2s infinite pulse}.options-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.opt-btn{background:var(--white);border-radius:var(--radius-sm);text-align:center;text-transform:uppercase;cursor:pointer;border:2.5px solid #0000;padding:10px 4px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;box-shadow:0 2px 8px #0000000a}.opt-btn:active{transform:scale(.94)}.opt-btn.active{border-color:var(--red);color:var(--red);background:#fff5f5;transform:translateY(-3px);box-shadow:0 6px 20px #e31e2426}.btn-main{background:var(--red);color:#fff;border-radius:var(--radius-md);text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 12px;font-size:clamp(15px,2.2vh,20px);font-weight:900;transition:transform .15s,filter .15s;display:flex;box-shadow:0 8px 24px #e31e244d}.btn-main:active{filter:brightness(1.08);transform:scale(.97)}.btn-ghost{background:var(--white);text-transform:uppercase;width:auto;color:var(--muted);cursor:pointer;border:2px solid #e5e7eb;border-radius:99px;align-self:center;align-items:center;gap:8px;padding:12px 28px;font-size:13px;font-weight:800;transition:background .2s;display:flex}.btn-ghost:active{background:#f3f4f6;transform:scale(.97)}.full-overlay{background:var(--white);z-index:50;flex-direction:column;justify-content:space-evenly;align-items:center;padding:24px 20px;display:flex;position:absolute;inset:0;overflow:hidden auto}.qr-wrapper{border:6px solid var(--red);background:#fff;border-radius:28px;padding:20px;position:relative;box-shadow:0 20px 60px #0000001a}.qr-wrapper:before{content:"ESCANEA AQUÍ";background:var(--red);color:#fff;letter-spacing:.1em;white-space:nowrap;border-radius:99px;padding:4px 14px;font-size:11px;font-weight:900;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.step-card{border-radius:var(--radius-md);background:var(--off);border:2px solid #f3f4f6;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.step-card.dark{background:#111827;border-color:#1f2937}.step-num{border-radius:var(--radius-sm);background:var(--red);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:flex}.step-num.green{background:#22c55e;animation:2s infinite pulse}.step-text h4{text-transform:uppercase;color:var(--dark);font-size:13px;font-weight:900}.step-card.dark .step-text h4{color:#fff}.step-text p{text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700;line-height:1.4}.text-red{color:var(--red)}.text-muted{color:var(--muted)}.text-dark{color:var(--dark)}.big-title{text-transform:uppercase;text-align:center;font-size:clamp(28px,6vw,44px);font-weight:900;line-height:1.05}.sub-title{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);text-align:center;font-size:clamp(11px,1.8vw,14px);font-weight:700}.spinner-ring{border:8px solid #fee2e2;border-top-color:var(--red);border-radius:50%;justify-content:center;align-items:center;width:min(240px,45vw);height:min(240px,45vw);animation:1.2s linear infinite spin;display:flex}.spinner-ring img{object-fit:contain;width:60%;height:60%}.progress-bar{background:#f3f4f6;border-radius:99px;width:min(280px,70%);height:8px;overflow:hidden}.progress-fill{background:var(--red);border-radius:99px;height:100%;animation:2s linear infinite fill}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fill{0%{width:0%}to{width:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#000000eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:600px;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:var(--radius-lg);border:4px solid var(--white);width:100%;height:auto;max-height:80vh;box-shadow:0 30px 90px #00000080}.lightbox-close{background:var(--white);width:50px;height:50px;color:var(--dark);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-60px;right:0;box-shadow:0 10px 30px #0000004d}.lightbox-hint{color:#fff9;text-transform:uppercase;letter-spacing:.15em;text-align:center;font-size:10px;font-weight:800;line-height:1.5}