/* HandShake: warm surfaces, deep green actions and the connecting-points motif. */
.identity-cover.is-animated:before,.identity-cover.is-animated:after{display:none}.identity-cover.is-animated svg{width:100%;height:100%;display:block;pointer-events:none}.identity-cover.is-animated ellipse{opacity:.35}.identity-cover.is-animated path{opacity:.5}.identity-cover.is-animated circle{filter:drop-shadow(0 0 6px #a9dfca40)}
:root{--cream:#f6f7f2;--ink:#173b39;--muted:#586e67;--mint:#e0eee4;--line:#dce5dd}
html,body,.phone{background:var(--cream)}
.phone>header{padding:20px 24px 17px;padding-top:max(20px,env(safe-area-inset-top));border-bottom:1px solid #e2e8df;background:#f6f7f2;z-index:2}
header .brand{font-size:12px;letter-spacing:1.6px}header .avatar.small{width:44px;height:44px;border:2px solid #fff;box-shadow:0 2px 10px #173b3910;overflow:hidden;padding:0}header .avatar img{width:100%;height:100%;object-fit:cover}
.phone>main{padding-top:25px;padding-bottom:30px;scrollbar-width:thin}
h2{font-size:30px;font-weight:500;letter-spacing:-1.2px;line-height:1.18;margin-bottom:16px;overflow-wrap:anywhere}h3{font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.35px}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#527465;line-height:1.6;margin-bottom:10px}.muted{font-size:14px;line-height:1.65}.hint{font-size:12px;line-height:1.6}.home-intro{font-size:13px;color:var(--muted);margin:0 0 22px}main[data-page=inicio]>h2{font-size:34px;margin-bottom:9px}
.hero{background:linear-gradient(130deg,#183f3c,#244d46 70%,#335c4e);color:#f6f8f2;border-radius:26px;padding:24px;margin:0 0 18px;box-shadow:0 10px 24px #173b3910;isolation:isolate}.hero:after{content:'';position:absolute;right:17px;top:30px;width:9px;height:9px;border-radius:50%;background:#acd5c0;box-shadow:-17px 99px 0 3px #a8cce1,12px 145px 0 -1px #d5aea6;opacity:.7;z-index:-1}.hero h3{font-size:24px;line-height:1.25;font-weight:500;max-width:235px;margin-bottom:14px;letter-spacing:-.8px}.hero .muted{color:#c6d9ce;max-width:255px;font-size:13px}.hero .network{opacity:.23;right:-65px;top:35px}.hero .primary{background:#e4f0dc;color:#183c34;padding:14px 16px;border-radius:14px;margin-top:14px;font-weight:700;min-height:46px}
.primary,.secondary{min-height:48px;border-radius:14px;font-weight:600;font-size:13px}.primary{background:#214e40;box-shadow:0 3px 9px #173b390b}.secondary{background:#fff;border-color:#d9e3db}.card{border:1px solid #e0e7df;border-radius:21px;box-shadow:0 4px 14px #173b3904;padding:20px}.card h3{margin-bottom:9px}.pill{background:#e8f1e8;color:#345c48;font-size:9px;letter-spacing:.6px;padding:7px 10px}
.feature-actions{gap:9px;margin:18px 0}.feature-actions button{background:#edf2e9;border:1px solid #dce6da;border-radius:15px;min-height:48px;font-size:12px;line-height:1.45;color:#244c3f}.feature-actions.home-shortcuts{display:grid;grid-template-columns:1fr;gap:9px;margin:0 0 27px}.home-shortcuts button{display:flex;align-items:center;gap:13px;text-align:left;min-height:68px;background:#fff;border:1px solid #dfe7dc;padding:12px 15px}.home-shortcuts button>span:nth-child(2){flex:1}.home-shortcuts strong{display:block;font-size:13px;font-weight:600}.home-shortcuts small{display:block;font-size:11px;color:#63766a;margin-top:2px}.shortcut-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e8f0e2;font-size:23px;color:#39624b}.home-shortcuts button:nth-child(2) .shortcut-mark{background:#e5eef2;color:#4c717b}
.row>h3{margin:0}.textbutton{font-size:12px;color:#3c6c53;min-height:44px}.contact-row{padding:16px 0;gap:13px;min-height:78px}.contact-avatar{width:48px;height:48px;border-radius:16px;border:1px solid #e4e9df}.contact-copy strong{font-size:14px}.contact-copy span{font-size:12px}.contact-copy small{font-size:11px}.contact-row>span:last-child:not(.contact-copy){color:#658373}.connection-tabs{border-radius:14px;background:#e9eee4;padding:4px}.connection-tabs button{min-height:42px}.connection-tabs button[aria-pressed=true]{box-shadow:0 2px 5px #173b390a;border-radius:11px}.sync-compact{background:#eaf0e5;color:#43634d;font-size:12px;padding:12px 14px;border:1px solid #dde6d6;border-radius:13px}.filters{border-bottom:1px solid var(--line);padding-bottom:5px}.demo-controls{font-size:11px;margin-top:22px}.demo-controls summary{min-height:40px}
input,textarea,.feature-form select{border-radius:13px;border-color:#d8e2d8;padding:14px;background:#fff;line-height:1.45}label{font-size:12px;font-weight:600;color:#496351;margin-top:20px;margin-bottom:8px}input:focus,textarea:focus{border-color:#6e977f}textarea{min-height:100px}.photo-editor{background:#eef3e9;border:1px solid #dce7d5;border-radius:21px}.social{padding:16px 18px;min-height:51px;border-radius:15px;color:#254c3e}.social:nth-of-type(2){background:#f0e2dc}.social:nth-of-type(3){background:#e3edf0}
.identity-card{background:white;border:1px solid #e0e7de;border-radius:24px;overflow:hidden;padding:0 18px 24px;margin:6px 0 22px}.identity-cover{height:97px;background:linear-gradient(120deg,#224a40,#608773);margin:0 -18px 0;position:relative;overflow:hidden}.identity-cover:before,.identity-cover:after{content:'';position:absolute;border:1px solid #b7d4bf50;width:240px;height:95px;border-radius:50%;right:-20px;top:25px;transform:rotate(-24deg)}.identity-cover:after{transform:rotate(30deg);right:30px;top:-12px}.identity-cover i{position:absolute;width:13px;height:13px;border-radius:50%;background:#aed7bf;left:25px;top:55px}.identity-cover i:nth-child(2){background:#a8cce1;left:78%;top:20px;width:9px;height:9px}.identity-cover i:nth-child(3){background:#d5aea6;left:86%;top:68px;width:7px;height:7px}.identity-card .avatar.large{position:relative;width:86px;height:86px;margin-top:-28px;box-shadow:0 3px 12px #173b3912}.identity-card .profile-cover{width:calc(100% + 36px);max-width:none;margin:0 -18px;height:125px;border-radius:0}.identity-card h2{font-size:28px;margin-top:12px;margin-bottom:8px}.profile .company{letter-spacing:.5px;font-size:12px}.identity-card .muted{margin:13px 0 18px}
.phone>nav{border-top:1px solid #dde5da;background:#fafbf7;padding-top:10px;padding-bottom:7px;gap:5px}.phone>nav button{padding:9px 3px 6px;color:#60786a;border-radius:14px;min-height:55px}.phone>nav button[aria-current=page]{background:#e5efde;color:#28583f}.phone>nav span{font-size:10px;margin-top:5px}.phone>nav button[aria-current=page] span:after{display:none}.phone>.demo{background:#fafbf7;color:#627567;font-size:7px;letter-spacing:1.6px;padding-top:4px}.auth-notification{background:#e2edf0;border:1px solid #d3e2e6;font-size:12px;line-height:1.5;border-radius:15px}.auth-demo-note,.account-demo{font-size:12px;line-height:1.6}.auth-switch{font-weight:500}.auth-settings input[type=checkbox]{padding:0}.recap-story{box-shadow:0 12px 24px #173b3914}.recap-story h2{overflow-wrap:normal}.recap-progress button{min-height:30px}.back{min-height:44px;color:#4b6c59;margin-bottom:15px;font-size:12px}
@media(hover:hover){.primary:hover{background:#2d604d}.hero .primary:hover{background:#d5e8c9}.home-shortcuts button:hover,.feature-actions button:hover{border-color:#9eb89f;background:#f2f6ed}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .18s,border-color .18s,transform .18s}button:active:not(:disabled){transform:scale(.985)}}
@media(max-width:360px){.phone>header{padding-left:18px;padding-right:18px}.phone>main{padding-left:18px;padding-right:18px}.hero{padding:21px}.hero h3{font-size:22px}.feature-actions button{min-width:100px}}

/* 06/10/2026 — approved Menta natural, exclusive App Fake finishing layer. */
:root{color-scheme:light;--cream:#e4fff0;--ink:#103c31;--muted:#3a6c5b;--mint:#cceedd;--blue:#b0e2e6;--blush:#f8fffa;--line:#b4d6c6}
html,body{background:#d9f5e8;color:var(--ink)}.phone{background:linear-gradient(155deg,#e4fff0,#bcead9);color:var(--ink)}
.phone>header,.phone>nav,.phone>.demo{background:#edfff5;border-color:#b4d6c6;color:#3a6c5b}
header .brand{font-size:20px;font-weight:500;letter-spacing:-.6px;color:#103c31;gap:10px}.symbol{width:26px;height:31px;background:url('assets/handshake-symbol.svg') center/contain no-repeat}.symbol i,.symbol:before,.symbol:after{display:none}
.eyebrow,.textbutton,.back,em{color:#22654e}.home-intro,.muted,.hint,small,.profile .company{color:#3a6c5b}
.hero{background:radial-gradient(ellipse at 100% 0%,#b0e2e680,transparent 70%),linear-gradient(130deg,#d2f6e3,#bce4df);border:1px solid #a7ceba;color:#103c31;box-shadow:0 10px 25px #21523e0b}.hero h3{color:#103c31}.hero .muted{color:#3a6c5b}.hero .network,.hero .network:before,.hero .network:after{border-color:#287f68;opacity:.28}.hero:after{background:#39bd90;box-shadow:-17px 99px 0 3px #00a9e7,12px 145px 0 -1px #00b99a}
.primary,.hero .primary{background:#174e3e;color:#e7fff1}.secondary{background:#f8fffa;color:#294e43;border-color:#b4d6c6}
.card,.identity-card,.home-shortcuts button,.feature-actions button{background:#f5fff9;color:#103c31;border-color:#b7d9c7}.home-shortcuts small{color:#3a6c5b}.shortcut-mark{background:#cceedd;color:#174e3e}.home-shortcuts button:nth-child(2) .shortcut-mark{background:#b0e2e6;color:#205861}
.contact-row{border-color:#b4d6c6}.contact-avatar{border-color:#b4d6c6;background:#cceedd}.contact-copy span,.contact-copy small{color:#3a6c5b}.contact-row>span:last-child:not(.contact-copy){color:#27664a}.pill{background:#c8ead8;color:#245942}
.connection-tabs{background:#cdebdc}.connection-tabs button{color:#3a6c5b}.connection-tabs button[aria-pressed=true]{background:#f8fffa;color:#174e3e}.sync-compact,.sync-panel{background:#c8ead8;color:#245942;border-color:#acd2ba}.sync-state{color:#27664a!important}.filters{color:#22654e;border-color:#b4d6c6}
label{color:#315f4a}input,textarea,.feature-form select,.connection-filters select,.demo-controls select,.auth-settings select,#auth-requester{background:#f8fffa;color:#103c31;border-color:#abcdbb}input::placeholder,textarea::placeholder{color:#527966}.photo-editor{background:#dbf3e4;border-color:#acd2ba}.photo-editor input{background:#f8fffa}.photo-editor input::file-selector-button{background:#c3e8d2;color:#174e3e}.avatar.large{border-color:#effff4}
.social{background:#174e3e;color:#e7fff1}.social:nth-of-type(2){background:#f8fffa;color:#294e43;border:1px solid #b4d6c6}.social:nth-of-type(3){background:#b0e2e6;color:#205861}.social small{color:inherit}
.identity-cover{background:radial-gradient(ellipse at 80% 10%,#16705c66,transparent 65%),linear-gradient(120deg,#103c31,#1b5c48)}.identity-cover.is-animated ellipse{opacity:.4}.identity-cover.is-animated path{opacity:.65}.identity-cover.is-animated circle{filter:drop-shadow(0 0 7px #00efd066)}
.auth-demo-note{background:#e1f6e9;color:#3a6c5b}.auth-notification,.account-demo{background:#d5eee7;color:#245942;border-color:#a6cebf}.event-note{border-color:#b4d6c6}.stat{background:#c8ead8;color:#103c31}.stat span{color:#3a6c5b}
.tag-art{background:radial-gradient(ellipse,#a6dbbd80,transparent 68%)}.activation-progress li{color:#527564;border-color:#b4d6c6}.activation-progress .current,.activation-progress .complete{color:#1c6246;border-color:#3c9970}.scan-illustration,.nfc-illustration{background:#e8fff0;border-color:#5dab83;color:#245942}.scan-illustration span{color:#3a6c5b}.steps li:before{background:#bde5cf;color:#24543d}.steps li.pending:before{background:#e4f2e9;color:#527564}.steps li:not(:last-child):after{background:#b4d6c6}
.phone>nav button{color:#527564}.phone>nav button[aria-current=page]{background:#c8ead8;color:#174e3e}.phone>.demo{color:#537663}#toast{background:#174e3e;color:#effff4}
.recap-story{background:radial-gradient(ellipse at 100% 25%,#12655055,transparent 65%),linear-gradient(140deg,#103c31,#041510);color:#effff4}.recap-scene h2{color:#effff4}.recap-scene h2 em{color:#80f5d0}.recap-number{color:#baffd6}.recap-caption{color:#cceedd}.recap-note,.recap-kicker,.recap-month,.recap-places small{color:#aed9c5}.recap-orbits i:nth-child(2){border-color:#00a9e755}.recap-orbits b:nth-last-child(2){background:#00a9e7}.recap-orbits b:last-child{background:#00efd0}.recap-details>summary{color:#22654e}
main{scrollbar-color:#81b69b transparent}:where(a,button,input,textarea,select,summary):focus-visible{outline-color:#257957}.recap-story :focus-visible{outline-color:#80f5d0}
@media(hover:hover){.primary:hover,.hero .primary:hover{background:#22664f;color:#fff}.home-shortcuts button:hover,.feature-actions button:hover,.contact-row:hover{background:#e1f6e9;border-color:#9ac7af}}
@media(prefers-reduced-motion:no-preference){.hero .network{animation:app-mint-orbit 9s ease-in-out infinite alternate}@keyframes app-mint-orbit{from{transform:rotate(-15deg)}to{transform:rotate(12deg) translateY(6px)}}}

/* Quiet futurism: translucent mint surfaces and precise luminous accents. */
.phone{background:radial-gradient(ellipse at 105% 14%,#9ee9db70,transparent 50%),radial-gradient(ellipse at -15% 74%,#effff3b0,transparent 55%),linear-gradient(155deg,#e4fff0,#bcead9)}
.phone>header{background:#edfff5dc;border-bottom:1px solid #ffffffb0;box-shadow:0 4px 20px #103c3104;backdrop-filter:blur(16px)}
header .brand{font-size:19px;letter-spacing:-.7px}header .avatar.small{box-shadow:0 0 0 4px #ffffff50,0 3px 12px #103c3112}
.phone>main{padding-top:28px}h2{font-weight:500;letter-spacing:-1.35px}.eyebrow{font-size:8px;letter-spacing:2px}main[data-page=inicio]>h2{font-size:36px;letter-spacing:-1.8px}.home-intro{font-size:12px;margin-bottom:25px}
.hero{border:1px solid #f4fff8;background:radial-gradient(ellipse at 95% 0%,#92e6da66,transparent 65%),linear-gradient(125deg,#f0fff4cf,#c2eaddb0);border-radius:28px;box-shadow:inset 0 1px 0 #fff,0 12px 32px #174e3e0c;padding:25px;overflow:hidden}
.hero:before{content:'';position:absolute;left:24px;top:0;width:70px;height:2px;background:linear-gradient(90deg,#47cfa7,#00a9e7);box-shadow:0 0 15px #00c6b360}.hero h3{font-size:25px;font-weight:500;letter-spacing:-1px;line-height:1.2}.hero .muted{font-size:12px;line-height:1.7;max-width:245px}.hero .network{width:230px;height:190px;right:-115px;top:8px;opacity:.28}.hero:after{width:6px;height:6px;right:25px;top:35px;box-shadow:-5px 82px 0 2px #00a9e7,4px 144px 0 0 #00b99a}
.primary,.hero .primary{background:linear-gradient(115deg,#174e3e,#103c31);border:1px solid #2a6954;color:#e7fff1;box-shadow:inset 0 1px 0 #80f5d022,0 5px 14px #103c3110;font-weight:500;letter-spacing:.1px}.hero .primary{margin-top:14px;border-radius:14px}.secondary{background:#f8fffacc;border-color:#ffffffc0;box-shadow:0 2px 8px #103c3105}
.feature-actions.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:19px 0 27px}.home-shortcuts button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:17px 14px;min-height:127px;background:linear-gradient(145deg,#ffffffd9,#effff6a6);border:1px solid #ffffffdc;border-radius:21px;box-shadow:0 6px 18px #103c3105}.home-shortcuts button>span:nth-child(2){flex:0}.home-shortcuts button>span:last-child{position:absolute;right:14px;top:17px;color:#4c8677;font-size:13px}.home-shortcuts strong{font-size:12px;letter-spacing:-.2px}.home-shortcuts small{font-size:10px;line-height:1.5;max-width:125px;margin-top:4px}.shortcut-mark{width:33px;height:33px;border-radius:11px;background:#d1efe0;border:1px solid #ffffffa0}.shortcut-mark svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.home-shortcuts button:nth-child(2) .shortcut-mark{background:#c5eaf0}
.card{background:#f8fffad4;border-color:#ffffffce;box-shadow:0 7px 24px #174e3e06}.pill{background:#d4efe1;border:1px solid #ffffff80;font-weight:600;font-size:8px;letter-spacing:.8px}.contact-row{border-color:#7eb39b33}.contact-avatar{border:2px solid #f4fff8;box-shadow:0 3px 10px #174e3e0a}.contact-copy strong{font-weight:500}.contact-copy span{font-size:11px}.contact-row>span:last-child:not(.contact-copy){font-size:13px}
.feature-actions:not(.home-shortcuts) button{background:#f4fff8c4;border-color:#ffffffcc;border-radius:15px}.connection-tabs{background:#9fcebb30;border:1px solid #a4cfbc55}.connection-tabs button[aria-pressed=true]{background:#f8fffa;box-shadow:0 2px 7px #103c3108}.sync-compact{background:#d8f2e4b0;border:1px solid #ffffff70}
input,textarea,.feature-form select,.connection-filters select,.auth-settings select,#auth-requester{background:#f8fffad9;border-color:#a7cdbb;box-shadow:inset 0 1px 2px #103c3103}.photo-editor{background:#e4f8ecd9;border:1px solid #ffffffd0}
.identity-card{border:1px solid #ffffffed;border-radius:27px;background:#f8fffade;box-shadow:0 12px 32px #174e3e0b}.identity-cover{height:112px;background:radial-gradient(ellipse at 85% 0%,#06796360,transparent 65%),linear-gradient(125deg,#103c31,#174e3e)}.identity-card .avatar.large{margin-top:-33px;box-shadow:0 0 0 5px #e8fff350,0 6px 18px #103c3120}.identity-card h2{font-size:29px;font-weight:500}.identity-card .company{font-size:11px}.identity-card .muted{font-size:13px}.social{border-radius:16px;box-shadow:0 4px 12px #103c3105}.social:nth-of-type(2){border-color:#fff}.social:nth-of-type(3){background:linear-gradient(120deg,#b0e2e6,#caecea)}
.phone>nav{background:#effff5eb;backdrop-filter:blur(18px);border-top:1px solid #ffffffd0;box-shadow:0 -5px 24px #174e3e07;padding-top:9px;padding-bottom:5px}.phone>nav button{border:1px solid transparent;position:relative;border-radius:16px}.phone>nav button[aria-current=page]{background:linear-gradient(135deg,#cceedd,#c0e6df);border-color:#ffffffbc;box-shadow:inset 0 1px 0 #ffffff80}.phone>nav button[aria-current=page]:before{content:'';position:absolute;top:0;left:calc(50% - 11px);width:22px;height:2px;border-radius:5px;background:#318b6e}.phone>nav span{font-size:9px;font-weight:500}.phone>.demo{background:#effff5eb;font-size:7px;letter-spacing:1.8px}
.auth-notification{background:linear-gradient(120deg,#d4eee4,#c7e9e7);border-color:#ffffffb0}.auth-demo-note{background:#e0f4e980}.recap-story{border:1px solid #5abf9c50;box-shadow:0 14px 30px #103c3118}.recap-progress button[aria-current]:after{background:linear-gradient(90deg,#baffd6,#00caca);box-shadow:0 0 8px #00efd040}
@media(hover:hover){.home-shortcuts button:hover{background:#f8fffa;border-color:#8fcab0;box-shadow:0 8px 22px #103c3110}.primary:hover,.hero .primary:hover{background:#22664f}}
@media(max-width:360px){.home-shortcuts button{padding:14px 11px;min-height:124px}.home-shortcuts strong{font-size:11px}.home-shortcuts small{font-size:10px}.hero{padding:22px}.hero h3{font-size:23px}}

/* Central quick-profile QR action; remaining four destinations are preserved. */
.phone>nav{grid-template-columns:1fr 1fr 78px 1fr 1fr;gap:2px;overflow:visible;position:relative;z-index:3;padding-top:10px}
.phone>nav .nav-qr{position:relative;overflow:visible;background:transparent;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:55px}
.phone>nav .nav-qr:before{display:none}.phone>nav .nav-qr-disc{display:grid;place-items:center;position:absolute;bottom:21px;width:68px;height:68px;margin:0;border-radius:50%;background:linear-gradient(135deg,#215e49,#103c31);border:6px solid #effff5;box-shadow:0 -2px 0 #ffffffcc,0 5px 14px #103c3120;color:#baffd6}.phone>nav .nav-qr svg{width:27px;height:27px;stroke-width:1.6}.phone>nav .nav-qr-label{font-size:9px;margin:0 0 2px;color:#174e3e}.phone>nav .nav-qr[aria-current=page] .nav-qr-disc{background:linear-gradient(135deg,#26735a,#174e3e);box-shadow:0 0 0 1px #72c9af,0 5px 20px #00b99a20}.phone>nav .nav-qr:focus-visible{outline-offset:4px}.phone>main{padding-bottom:46px}
.quick-qr-heading{text-align:center}.quick-qr-heading h2{font-size:29px}.quick-qr-heading .muted{font-size:12px}.quick-qr-card{text-align:center;background:#f8fffae6;border:1px solid white;border-radius:27px;padding:22px 18px;box-shadow:0 12px 30px #103c3108}.quick-qr-card .avatar.large{width:62px;height:62px;margin-bottom:10px}.quick-qr-card h3{font-size:20px;margin-bottom:4px}.quick-qr-card>.muted{font-size:11px;margin-bottom:17px}.quick-qr-code{width:min(100%,248px);margin:0 auto 16px;background:#fff;border-radius:17px;border:1px solid #dceade;padding:6px;aspect-ratio:1}.quick-qr-code img{display:block;width:100%;height:100%;object-fit:contain}.quick-qr-card .hint{max-width:260px;margin:13px auto 0;font-size:11px}.quick-qr-privacy{font-size:12px;line-height:1.6;color:#3a6c5b;margin:18px 3px 8px}
@media(max-width:360px){.phone>nav{grid-template-columns:1fr 1fr 68px 1fr 1fr}.phone>nav .nav-qr-disc{width:62px;height:62px}.phone>nav span{font-size:8px}}
.phone>nav button.nav-qr,.phone>nav button.nav-qr[aria-current=page]{background:transparent;border:0;box-shadow:none}.phone>nav button.nav-qr[aria-current=page]:before{display:none}
/* Refined quick QR: compact identity, quiet framing and an integrated central action. */
.phone>nav .nav-qr-disc{width:70px;height:70px;bottom:20px;border:7px solid #effff5;background:radial-gradient(circle at 30% 15%,#387d63,#174e3e 65%);box-shadow:0 -1px 0 #ffffff,0 6px 14px #103c311a}
.phone>nav .nav-qr-disc:after{content:'';position:absolute;inset:3px;border:1px solid #baffd626;border-radius:50%;pointer-events:none}
.phone>nav .nav-qr svg{width:25px;height:25px}.phone>nav .nav-qr-label{letter-spacing:.2px;font-weight:600}
.phone>main[data-page=qr-perfil]{padding-top:21px;padding-bottom:35px}
.quick-qr-heading .eyebrow{margin-bottom:7px;font-size:8px;letter-spacing:1.8px}.quick-qr-heading h2{font-size:28px;letter-spacing:-1px;margin-bottom:7px}.quick-qr-heading .muted{margin:0 0 19px;font-size:12px}
.quick-qr-card{position:relative;padding:19px 20px 16px;border-radius:26px;background:linear-gradient(150deg,#ffffffed,#f5fff9df);box-shadow:0 15px 35px #103c310a,inset 0 1px 0 #fff;overflow:hidden}
.quick-qr-card:before{content:'';position:absolute;top:0;left:calc(50% - 32px);width:64px;height:2px;background:linear-gradient(90deg,transparent,#58bba0,transparent)}
.quick-qr-person{display:flex;align-items:center;gap:11px;text-align:left;margin-bottom:17px}.quick-qr-person .avatar.large{width:44px;height:44px;margin:0;border:2px solid white;box-shadow:0 3px 10px #103c3112;flex-shrink:0}.quick-qr-person h3{font-size:17px;line-height:1.3;margin:0 0 3px;letter-spacing:-.5px;font-weight:500}.quick-qr-person .muted{font-size:10px;margin:0;line-height:1.4}.quick-qr-spark{margin-left:auto;color:#498b73;font-size:22px;font-weight:300}
.quick-qr-code{width:min(100%,222px);margin:0 auto 13px;padding:7px;border-radius:19px;border:1px solid #d9ebe1;box-shadow:0 4px 15px #103c3104;background:#fff}
.quick-qr-caption{display:flex;align-items:center;justify-content:center;gap:6px;font-size:7px;letter-spacing:1.1px;color:#3a6c5b}.quick-qr-caption>span{width:4px;height:4px;background:#5aab87;border-radius:50%}
.quick-qr-demo{border-top:1px solid #d9ebe1;margin-top:15px;padding-top:12px}.quick-qr-demo .pill{font-size:7px;padding:4px 7px;letter-spacing:1px;background:#e6f3ec;border:0}.quick-qr-card .hint{font-size:10px;line-height:1.5;margin:8px auto 0}
.quick-qr-privacy{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:14px 3px;margin:0;min-height:65px;border-radius:12px;color:#3a6c5b}.quick-qr-privacy svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}.quick-qr-privacy strong{display:block;font-size:11px;font-weight:500;color:#174e3e}.quick-qr-privacy small{display:block;font-size:9px;margin-top:3px;line-height:1.4}.quick-qr-privacy>span:last-child{margin-left:auto;font-size:22px}.quick-qr-try{display:flex;align-items:center;justify-content:space-between;margin:0;width:100%;font-size:12px}
@media(hover:hover){.phone>nav .nav-qr:hover .nav-qr-disc{background:#28684f}.quick-qr-privacy:hover{background:#f8fffa66}}
@media(prefers-reduced-motion:no-preference){.nav-qr-disc{transition:box-shadow .25s,background .25s}.quick-qr-card{animation:quick-qr-arrive .35s ease-out}@keyframes quick-qr-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:360px){.quick-qr-heading h2{font-size:25px}.quick-qr-card{padding:16px}.quick-qr-code{width:204px}.phone>nav .nav-qr-disc{width:64px;height:64px}}
.phone>main[data-page=qr-perfil]{padding-top:16px}.quick-qr-heading .muted{margin-bottom:15px}.quick-qr-code{width:min(100%,202px)}.quick-qr-person{margin-bottom:13px}.quick-qr-demo{margin-top:12px;padding-top:10px}.quick-qr-card{padding-bottom:14px}
/* Profile Tag alignment — isolated app adaptation, October 6. */
main[data-page=perfil] .identity-card{padding-bottom:22px;background:linear-gradient(155deg,#f8fffbe8,#e6f9efdd);border-radius:28px;margin-top:3px}
main[data-page=perfil] .identity-cover{height:130px;background:radial-gradient(ellipse at 90% 0,#287b5b66,transparent 65%),linear-gradient(130deg,#061b16,#174e3e)}
main[data-page=perfil] .identity-card .avatar.large{width:88px;height:88px;margin-top:-39px;border:4px solid #f4fff8}
.app-profile-greeting{font-size:8px;letter-spacing:2px;color:#427c63;margin:15px 0 9px}
main[data-page=perfil] .identity-card h2{font-size:31px;letter-spacing:-1.3px;margin:0 0 7px}
main[data-page=perfil] .identity-card .muted{font-size:14px;margin:16px 0 18px}
.app-profile-links{display:grid;gap:11px;margin:20px 0!important}
.app-profile-links .social{display:flex;align-items:center;gap:12px;width:100%;padding:16px;min-height:76px;margin:0;text-align:left;border-radius:19px}
.app-contact-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#ffffff20;flex-shrink:0}
.app-contact-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.app-contact-copy{flex:1;min-width:0}.app-contact-copy strong{display:block;font-size:12px;font-weight:500;letter-spacing:-.1px}.app-contact-copy small{display:block;font-size:10px;margin-top:5px;color:inherit;overflow-wrap:anywhere}
.app-profile-links .app-contact-instagram{background:linear-gradient(115deg,#ffac91,#ff84a3);color:#4b1830;border:1px solid #ee8296}.app-contact-instagram .app-contact-icon{background:#ffffff40}
.app-profile-links .app-contact-website{background:linear-gradient(115deg,#b0e2e6,#caecea);color:#205861;border:1px solid #eafff5}
@media(max-width:360px){.app-profile-links .social{padding:13px;gap:9px}.app-contact-copy strong{font-size:11px}}
.sharing-settings{margin-top:22px}.sharing-option{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:51px;margin:0;padding:12px 0;border-bottom:1px solid #c9e4d6}.sharing-option span{overflow-wrap:anywhere;min-width:0;font-size:12px}.sharing-option input{width:21px;height:21px;flex-shrink:0;accent-color:#24664e;padding:0}.sharing-settings .hint{font-weight:400}
/* Minimal QR presentation: decoration stays outside the readable code. */
.phone>main[data-page=qr-perfil]{background:radial-gradient(ellipse at 50% 44%,#7ee4ce30,transparent 62%);padding:30px 24px 38px}
.qr-focus{text-align:center;padding-top:8px}.qr-focus .eyebrow{font-size:7px;letter-spacing:2.5px;margin:0 0 12px;color:#3b7863}.qr-focus h2{font-size:27px;font-weight:400;letter-spacing:-.8px;margin:0}
.qr-focus-stage{position:relative;display:grid;place-items:center;isolation:isolate;padding:34px 15px;margin:19px 0 12px;min-height:292px}
.qr-focus-orbit{position:absolute;inset:7px 0;border:1px solid #31987b22;border-radius:50%;transform:rotate(-22deg);pointer-events:none;z-index:-1}
.qr-focus-orbit:before{content:'';position:absolute;inset:15px -6px;border:1px solid #1c9fb92b;border-radius:50%;transform:rotate(48deg)}
.qr-focus-orbit:after{content:'';position:absolute;left:24px;top:33px;width:5px;height:5px;border-radius:50%;background:#1cb997;box-shadow:0 0 14px #00b99a60}
.qr-focus-code{width:min(100%,246px);aspect-ratio:1;padding:9px;background:#fff;border:1px solid #fff;border-radius:25px;box-shadow:0 0 0 7px #ffffff35,0 0 0 8px #ffffff65,0 18px 45px #17634c12;position:relative}
.qr-focus-code:after{content:'';position:absolute;left:30%;right:30%;top:-9px;height:2px;background:linear-gradient(90deg,transparent,#3ad9b5,transparent);box-shadow:0 0 12px #3ad9b580}
.qr-focus-code img{display:block;width:100%;height:100%;object-fit:contain;border-radius:14px}
.qr-focus-name{font-size:16px;letter-spacing:-.3px;margin:0 0 9px;color:#174e3e}.qr-focus-note{font-size:9px;color:#497866;margin:0;letter-spacing:.2px}
.qr-focus-options{text-align:center;margin:32px 0 0;border-top:1px solid #397f6219;padding-top:9px}.qr-focus-options summary{font-size:10px;color:#3a6c5b;cursor:pointer;min-height:44px;align-content:center;list-style:none}.qr-focus-options summary:after{content:' +';margin-left:5px}.qr-focus-options[open] summary:after{content:' −'}.qr-focus-options summary::-webkit-details-marker{display:none}.qr-focus-options .secondary{width:100%;margin:8px 0}.qr-focus-options .textbutton{width:100%}
@media(prefers-reduced-motion:no-preference){.qr-focus-orbit{animation:qr-focus-drift 12s ease-in-out infinite alternate}@keyframes qr-focus-drift{to{transform:rotate(-8deg)}}}
@media(max-width:360px){.qr-focus-stage{padding:30px 10px;min-height:264px}.qr-focus-code{width:220px}}
.phone>main[data-page=qr-perfil]{overflow-x:hidden}.qr-focus-stage{overflow:hidden}
/* Dark QR scene. Motion is confined to the surrounding decoration. */
.phone>main[data-page=qr-perfil]{background:radial-gradient(ellipse at 50% 43%,#12624d77,transparent 57%),linear-gradient(160deg,#092b24,#031410 85%);color:#e9fff5}
.qr-focus .eyebrow{color:#88bbaa}.qr-focus h2{color:#eefff8}.qr-focus-name{color:#e0ffef}.qr-focus-note{color:#9abbad}
.qr-focus-stage{overflow:hidden;margin-top:22px;padding-top:40px;padding-bottom:40px}
.qr-focus-code{z-index:2;flex-shrink:0;background:#fff;box-shadow:0 0 0 7px #90ffda09,0 0 0 8px #91ffdf30,0 0 42px #3de5bb18,0 20px 42px #0004}
.qr-focus-code:after{background:linear-gradient(90deg,transparent,#80ffda,transparent);box-shadow:0 0 13px #57ffd8}
.qr-focus-orbit{inset:9px 0;border-color:#64edc748;z-index:0;box-shadow:0 0 18px #4cdbb608}
.qr-focus-orbit:before{border-color:#59cfee45}.qr-focus-orbit:after{background:#9effdc;box-shadow:0 0 8px #68ffd9,0 0 20px #49e8bd}
.qr-energy{position:absolute;inset:0;z-index:1;pointer-events:none}
.qr-energy i{position:absolute;width:3px;height:3px;border-radius:50%;background:#8dffda;box-shadow:0 0 7px #7affd5,0 0 16px #35cda7;opacity:.65}
.qr-energy i:nth-child(1){left:4%;top:44%}.qr-energy i:nth-child(2){left:14%;top:12%;width:2px;height:2px}.qr-energy i:nth-child(3){right:6%;top:26%;background:#85e8ff}.qr-energy i:nth-child(4){right:8%;bottom:17%;width:4px;height:4px}.qr-energy i:nth-child(5){left:17%;bottom:9%;background:#85e8ff}.qr-energy i:nth-child(6){right:28%;top:5%;width:2px;height:2px}
.qr-focus-options{border-color:#b8ffe11c}.qr-focus-options summary{color:#a3cdbd}.qr-focus-options .secondary{background:#123e33;border-color:#4b8d7666;color:#dffff0}.qr-focus-options .textbutton{color:#b4ebd1}
@media(prefers-reduced-motion:no-preference){
 .qr-focus-orbit{animation:qr-focus-drift 12s ease-in-out infinite alternate,qr-aura-pulse 5s ease-in-out infinite}
 .qr-energy i{animation:qr-particle-float 6s ease-in-out infinite alternate}
 .qr-energy i:nth-child(2n){animation-delay:-2s;animation-duration:8s}.qr-energy i:nth-child(3n){animation-delay:-4s;animation-duration:7s}
 @keyframes qr-aura-pulse{0%,100%{opacity:.45;box-shadow:0 0 14px #4cdbb608}50%{opacity:1;box-shadow:0 0 25px #4cdbb61c}}
 @keyframes qr-particle-float{from{transform:translateY(-7px);opacity:.35}to{transform:translateY(7px);opacity:.9}}
}
@media(prefers-reduced-motion:reduce){.qr-focus-orbit,.qr-energy i{animation:none}}
/* Let the ambient animation extend across the full QR screen. */
.qr-focus{position:relative;isolation:isolate}
.qr-focus-stage{position:static;isolation:auto;overflow:visible}
.qr-focus-orbit{inset:52px -75px 24px;z-index:-1;border-radius:50%}
.qr-energy{inset:32px -24px -30px;z-index:-1}
.qr-focus-code{z-index:1}
.phone>main[data-page=qr-perfil]{background:radial-gradient(ellipse at 50% 43%,#12624d55,transparent 74%),linear-gradient(160deg,#092b24,#031410 85%)}
.qr-focus{margin-inline:-24px;padding-inline:24px;overflow:clip}.qr-focus-orbit{inset:52px -51px 24px}.qr-energy{inset:32px 0 0}