:root{--navy:#07182f;--navy-2:#0c2545;--ink:#10233d;--blue:#2865ee;--teal:#08ad91;--teal-dark:#087863;--paper:#f2f6fb;--surface:#fff;--line:#dce6f1;--muted:#687a90;--danger:#c53c49;--shadow:0 20px 60px rgba(7,24,47,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#e8eef6}body{min-height:100dvh;margin:0;background:linear-gradient(145deg,#e9f0f8,#f8fafc);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(40,101,238,.22);outline-offset:2px}
.qr-page{position:relative;width:min(100%,540px);min-height:100dvh;margin:auto;padding:18px 16px 28px;overflow:hidden;background:var(--paper);box-shadow:0 0 80px rgba(7,24,47,.11)}.qr-page:before,.qr-page:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.qr-page:before{width:280px;height:280px;top:-160px;left:-120px;background:rgba(40,101,238,.11)}.qr-page:after{width:220px;height:220px;top:250px;right:-175px;background:rgba(8,173,145,.13)}.qr-page>*{position:relative;z-index:1}
.qr-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.qr-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.qr-brand img{width:48px;height:48px;padding:5px;border:1px solid var(--line);border-radius:15px;background:#fff;object-fit:contain;box-shadow:0 8px 22px rgba(7,24,47,.07)}.qr-brand span{display:grid}.qr-brand strong{font-size:.95rem}.qr-brand small{margin-top:2px;color:#7c8ba0;font-size:.55rem;font-weight:700}.qr-local{display:flex;align-items:center;gap:6px;color:#49627e;font-size:.58rem;font-weight:800}.qr-local i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(8,173,145,.1)}
.qr-hero{padding:27px 2px 18px}.qr-eyebrow{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e4ecfb;color:#315d9e;font-size:.58rem;font-weight:900}.qr-hero h1{margin:10px 0 8px;font-size:clamp(1.85rem,7.6vw,2.65rem);line-height:1.28;letter-spacing:-.045em}.qr-hero h1 em{color:var(--blue);font-style:normal}.qr-hero>p{max-width:470px;margin:0;color:var(--muted);font-size:.73rem;line-height:1.85}.qr-confidence{display:flex;flex-wrap:wrap;gap:13px;margin-top:13px}.qr-confidence span{display:flex;align-items:center;gap:4px;color:#425872;font-size:.57rem;font-weight:800}.qr-confidence i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#dff7f0;color:var(--teal-dark);font-size:.65rem}
.qr-builder{padding:17px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.95);box-shadow:var(--shadow)}.qr-step-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.qr-step-head>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--navy);color:#fff;font:900 .62rem/1 Arial}.qr-step-head h2{margin:0;font-size:1rem}.qr-step-head p{margin:3px 0 0;color:var(--muted);font-size:.57rem}.qr-sectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qr-sectors button{min-width:0;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 3px;border:1px solid #dbe5f0;border-radius:15px;background:#f8fafc;color:#52657d;font-size:.66rem;font-weight:900;transition:.18s ease}.qr-sectors button i{font-size:1rem;color:#7990ab}.qr-sectors button.is-active{transform:translateY(-1px);border-color:var(--blue);background:#edf3ff;color:#174dac;box-shadow:0 8px 20px rgba(40,101,238,.12)}.qr-sectors button.is-active i{color:var(--blue)}
.qr-solution{margin:12px 0 11px;padding:15px;border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;box-shadow:0 14px 30px rgba(7,24,47,.2)}.qr-solution-top{display:flex;align-items:center;justify-content:space-between;color:#77e5cf;font-size:.57rem;font-weight:900}.qr-solution h2{margin:7px 0 4px;font-size:1.02rem}.qr-solution>p{margin:0;color:#c1cfe0;font-size:.62rem;line-height:1.6}.qr-solution ul{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 0;padding:0;list-style:none}.qr-solution li{display:flex;align-items:center;gap:4px;color:#e6eef8;font-size:.52rem;line-height:1.4}.qr-solution li i{color:#62d9bd;font-size:.65rem}
.qr-primary,.qr-submit{width:100%;min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border:0;border-radius:16px;background:linear-gradient(135deg,#235ee4,#159fc0);color:#fff;box-shadow:0 13px 28px rgba(35,94,228,.25)}.qr-primary>span,.qr-submit>span{display:grid;text-align:right}.qr-primary strong,.qr-submit strong{font-size:.84rem}.qr-primary small,.qr-submit small{margin-top:3px;color:#dbecff;font-size:.54rem;font-weight:600}.qr-primary>i{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.14)}.qr-cta-note{display:flex;align-items:flex-start;justify-content:center;gap:5px;margin:9px 4px 0;color:#697b91;text-align:center;font-size:.53rem;line-height:1.55}.qr-cta-note i{color:var(--teal-dark)}
.qr-secondary-actions{margin-top:12px}.qr-direct-wa{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(8,173,145,.27);border-radius:17px;background:#e9faf5;color:#075f50;text-decoration:none}.qr-direct-wa>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--teal);color:#fff;font-size:1.1rem}.qr-direct-wa span{display:grid}.qr-direct-wa strong{font-size:.72rem}.qr-direct-wa small{margin-top:3px;color:#448377;font-size:.52rem}.qr-mini-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.qr-mini-tools a,.qr-mini-tools button{min-height:38px;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#53667e;text-decoration:none;font-size:.54rem;font-weight:800}.qr-mini-tools [data-disable-push]{grid-column:1/-1;color:#7e4350}.qr-status{min-height:12px;margin:5px 4px 0;color:#337967;text-align:center;font-size:.55rem}.qr-install-help{position:relative;margin-top:7px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#4f6177;font-size:.6rem;line-height:1.6}.qr-install-help button{position:absolute;top:5px;left:7px;border:0;background:transparent;color:#677990;font-size:1.1rem}.qr-install-help ol{margin:5px 0 0;padding-right:18px}.qr-page footer{display:flex;justify-content:center;gap:14px;margin-top:12px;color:#8290a3;font-size:.5rem}.qr-page footer a{color:#526a87}
.qr-dialog{position:fixed;z-index:100;inset:0;display:grid;place-items:end center;padding:8px;background:rgba(4,15,30,.76);backdrop-filter:blur(8px)}.qr-dialog[hidden]{display:none}.qr-sheet{width:min(510px,100%);max-height:95dvh;overflow:auto;padding:21px;border-radius:26px 26px 18px 18px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:sheet-in .24s ease}.qr-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.qr-sheet-head span{color:#1a8792;font-size:.57rem;font-weight:900}.qr-sheet-head h2{margin:4px 0;font-size:1.45rem}.qr-sheet-head p{margin:0;color:var(--muted);font-size:.64rem;line-height:1.6}.qr-close{flex:none;width:39px;height:39px;border:1px solid var(--line);border-radius:12px;background:#f7f9fc;color:#61738a;font-size:1.35rem}.qr-sheet form{display:grid;gap:10px}.qr-field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.qr-sheet label{display:grid;gap:5px}.qr-sheet label>span,.qr-choice-group legend{font-size:.62rem;font-weight:900}.qr-sheet label em{color:var(--danger);font-size:.5rem;font-style:normal}.qr-sheet label small{color:#7b8a9d;font-size:.48rem}.qr-sheet input,.qr-sheet select,.qr-sheet textarea{width:100%;min-height:47px;padding:10px 11px;border:1px solid #d6e0eb;border-radius:12px;background:#fbfcfe;color:var(--ink);font-size:.7rem}.qr-sheet textarea{min-height:70px;resize:vertical}.qr-sheet [aria-invalid=true]{border-color:#d44c58;background:#fff7f8}.qr-choice-group{margin:0;padding:0;border:0}.qr-choice-group>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.qr-choice-group label{position:relative}.qr-choice-group input{position:absolute;opacity:0;pointer-events:none}.qr-choice-group label span{min-height:39px;display:grid;place-items:center;padding:6px;border:1px solid var(--line);border-radius:11px;background:#f8fafc;color:#5d6f85;text-align:center;font-size:.55rem}.qr-choice-group input:checked+span{border-color:var(--blue);background:#edf3ff;color:#174dac}.qr-submit{margin-top:2px;background:linear-gradient(135deg,#079b79,#0abc96);box-shadow:0 13px 28px rgba(7,155,121,.22)}.qr-submit>i{font-size:1.3rem}.qr-submit:disabled{opacity:.65}.qr-privacy{margin:0;color:#78889c;text-align:center;font-size:.51rem}.qr-form-status{min-height:16px;margin:0;color:#28735d;text-align:center;font-size:.6rem}.qr-form-status.is-error{color:var(--danger)}
.qr-success{padding:20px 3px 8px;text-align:center}.qr-success-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:#ddf8ef;color:#068b6d;font-size:2rem}.qr-success>span{color:#15846e;font-size:.62rem;font-weight:900}.qr-success h2{margin:5px 0;font-size:1.5rem}.qr-success p{margin:0 0 16px;color:var(--muted);font-size:.7rem}.qr-success-wa{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;background:#09a97f;color:#fff;text-decoration:none;font-size:.82rem;font-weight:900;box-shadow:0 13px 28px rgba(9,169,127,.25)}.qr-success-wa i{font-size:1.2rem}.qr-success>button{margin-top:10px;border:0;background:transparent;color:#61738a;text-decoration:underline;font-size:.58rem}
@keyframes sheet-in{from{transform:translateY(30px);opacity:.5}to{transform:none;opacity:1}}@media(min-width:650px){body{padding:22px}.qr-page{min-height:calc(100dvh - 44px);border:1px solid #dbe4ee;border-radius:30px}}@media(max-width:390px){.qr-page{padding-inline:12px}.qr-local{font-size:.5rem}.qr-hero{padding-top:22px}.qr-hero h1{font-size:1.72rem}.qr-builder{padding:13px}.qr-sectors{gap:6px}.qr-solution ul{grid-template-columns:1fr}.qr-field-row{grid-template-columns:1fr}.qr-sheet{padding:17px}.qr-choice-group>div{grid-template-columns:1fr 1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.qr-sheet{animation:none}}
