/* Expanded app visual refinement, scoped to app surfaces. */
.refined-next{margin:0 0 24px!important;padding:18px!important;background:linear-gradient(120deg,#f8fffbd9,#d9f3e9b3)!important}.refined-next h3{font-size:15px}.refined-next>p{font-size:12px;line-height:1.6;color:#426e5b;margin:7px 0 13px}.refined-next>.secondary{display:inline-flex;width:auto;min-height:40px;padding:9px 12px;margin:3px 5px 0 0;font-size:11px;border:1px solid #b9dacb;background:#ffffff85}
.refined-settings{margin-top:26px;padding:0 0 10px}.refined-settings>.eyebrow{margin:0 4px 12px}.refined-settings .feature-actions{display:block;margin:0;padding:0;background:#f6fff9b8}.refined-settings .feature-actions:first-of-type{border-radius:19px 19px 0 0;overflow:hidden}.refined-settings .feature-actions:last-child{border-radius:0 0 19px 19px;overflow:hidden}.phone .refined-settings button.refined-setting{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:14px 17px;margin:0;border:0;border-bottom:1px solid #b8d7c844;border-radius:0;box-shadow:none;background:transparent;text-align:left;font-size:12px;color:#214f3e}.refined-setting>span{font-size:20px;color:#679a82}
.refined-editor .refined-fieldset{min-width:0;border:1px solid #ffffffdc;border-radius:22px;background:#f7fffaad;padding:6px 18px 20px;margin:25px 0}.refined-fieldset legend{font-size:16px;font-weight:500;padding:0 7px;letter-spacing:-.35px;color:#174e3e}.refined-fieldset>.hint{margin:5px 0 12px;font-size:11px}.refined-fieldset label{display:block;font-weight:500;margin-top:17px}.refined-fieldset input,.refined-fieldset textarea{width:100%}.refined-editor .refined-section{padding:20px;margin:24px 0}.refined-editor .refined-section h3{font-size:17px;font-weight:500}.refined-editor input:not([type=checkbox]),.refined-editor textarea{font-size:16px}.refined-editor>.primary{width:100%;min-height:50px}.refined-editor .sharing-option{min-height:54px}.refined-editor .photo-editor{padding:20px;background:#effff68c}
.refined-workspace>h2{font-size:29px;line-height:1.15;margin:0 0 14px}.refined-workspace>.eyebrow{margin:3px 0 8px}.refined-workspace>.back{margin-bottom:14px}.refined-workspace>p{font-size:13px;line-height:1.7;color:#3a6c5b}.refined-workspace .card{margin:18px 0;padding:20px;border-radius:22px}.refined-workspace .card h3{font-size:17px;font-weight:500;margin-top:10px}.refined-workspace .card p{font-size:12px;line-height:1.7}.refined-workspace>.secondary{width:100%;margin:6px 0;min-height:49px;text-align:left;padding:14px 17px;background:#f6fff9c9;border:1px solid #ffffffc0}.refined-workspace .card .secondary{width:100%;font-size:12px}.refined-workspace form:not(.card){margin-top:22px}.refined-workspace form>.primary{width:100%}.refined-workspace label{font-weight:500}.refined-workspace .sharing-option{min-height:51px}.refined-workspace input:not([type=checkbox]),.refined-workspace textarea{font-size:16px;width:100%}.refined-workspace summary{font-size:12px;min-height:28px;cursor:pointer}.refined-workspace .pill{display:inline-block;font-size:8px;letter-spacing:.8px;line-height:1.5}
.qr-focus-options .qr-export-options{background:transparent;border:1px solid #76ba9b33;box-shadow:none;margin:12px 0;padding:12px}.qr-export-options .hint{color:#a3cdbd}.qr-export-options .textbutton{color:#c1efdd}
@media(hover:hover){.phone .refined-settings button.refined-setting:hover{background:#dff3e9}.refined-next>.secondary:hover{background:#f8fffa}}
main[data-page=inicio] .hero{padding:21px;margin-bottom:15px}main[data-page=inicio] .hero h3{font-size:23px;margin-bottom:10px}main[data-page=inicio] .hero .muted{margin-bottom:10px}main[data-page=inicio] .hero .primary{margin-top:10px}main[data-page=inicio] .home-shortcuts{margin:15px 0 18px}main[data-page=inicio] .home-shortcuts button{min-height:108px;padding:14px;gap:9px}main[data-page=inicio] .home-intro{margin-bottom:20px}
/* Clear primary actions and quieter secondary surfaces. */
.phone>main:not([data-page=qr-perfil]){background:linear-gradient(155deg,#f0fcf5a8,#d8f0e64d)}
.refined-workspace>.eyebrow{font-size:8px;letter-spacing:1.8px;margin-top:0}.refined-workspace>.back{font-size:11px;min-height:36px;margin-bottom:12px}.refined-workspace>h2{font-size:30px;font-weight:400;letter-spacing:-1.1px}
.refined-workspace .agenda-intro{font-size:12px;margin:-4px 0 23px;color:#597a69}
.agenda-actions{display:grid;gap:10px;margin:0 0 23px}.agenda-actions button.secondary{display:flex;align-items:center;justify-content:space-between;gap:13px;width:100%;padding:17px 18px;min-height:72px;margin:0;text-align:left;border:1px solid #fff;border-radius:19px;background:#f8fffbcc;color:#224b3b;font-size:13px;box-shadow:0 5px 18px #153e2e04}.agenda-actions button small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#537665}.agenda-actions button.action-lead{justify-content:flex-start;background:linear-gradient(115deg,#225b47,#123d32);border-color:#386e57;color:#effff5;box-shadow:0 7px 18px #174e3e14}.agenda-actions .action-lead small{color:#bedccd}.agenda-actions .action-lead>span:first-child{font-size:23px;font-weight:300;width:32px;height:32px;display:grid;place-items:center;background:#ffffff0d;border-radius:10px}
.refined-workspace .agenda-connection{background:#f5fcf7a3;border:1px solid #bfd9cb80;padding:18px;box-shadow:none}.agenda-connection .pill{background:#e4eee5;color:#5b725e;font-size:7px}.refined-workspace .agenda-connection h3{font-size:16px}.agenda-connection button[disabled]{min-height:40px;background:#dbe9df;border-color:transparent;color:#526c5a;opacity:1}.refined-workspace .agenda-connection .hint{font-size:10px}
.agenda-preferences{border-top:1px solid #bfd9cb;margin-top:24px}.agenda-preferences>summary{padding:18px 2px;min-height:58px;font-size:13px;color:#214f3e;cursor:pointer}.agenda-preferences>summary>span{display:block;margin:6px 0 0 17px;font-size:10px;color:#5e7d6b}.agenda-preferences form.card{margin:0 0 16px}
.editor-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 24px}.editor-shortcuts button{border:1px solid #bdd8c8;background:#f8fffaab;color:#365f49;padding:10px 12px;border-radius:25px;min-height:40px;font-size:11px}.refined-fieldset,.refined-section{scroll-margin-top:18px}
.phone .refined-settings button.refined-setting{min-height:66px}.refined-setting .setting-copy{font-size:13px;line-height:1.4;color:#214f3e}.setting-copy small{display:block;margin-top:4px;font-size:10px;color:#5b7c69;font-weight:400}.refined-settings .feature-actions{background:#f8fffbad}
@media(hover:hover){.editor-shortcuts button:hover{background:#fff;border-color:#7eaf95}.agenda-actions button.secondary:hover{filter:brightness(1.025)}}
/* Approved brand palette: Forest / Mint / Cyan / Natural mint. */
:root{--app-forest:#061b16;--app-mint:#80f5d0;--app-cyan:#00a9e7;--app-natural:#e4fff0}
.phone{background:var(--app-natural);color:var(--app-forest)}
.phone>main:not([data-page=qr-perfil]){background:radial-gradient(ellipse at 100% 0%,#80f5d01f,transparent 60%),#e4fff0;color:#061b16}
.phone>header,.phone>nav,.phone>.demo{background:#edfff5;border-color:#ffffffb3}
.phone h2,.phone h3{color:#061b16}.phone .muted,.phone .hint{color:#496c5d}
.phone .primary,.phone .hero .primary{background:#061b16;color:#e4fff0;border:1px solid #22483a;box-shadow:0 5px 15px #061b1610}
.phone .hero{background:linear-gradient(125deg,#f8fffb,#d6f9e8);border:1px solid #fff;box-shadow:0 8px 25px #061b1607}.phone .hero:before{background:linear-gradient(90deg,#80f5d0,#00a9e7);box-shadow:none}
.phone .home-shortcuts button,.phone .card,.phone .refined-fieldset{background:#f6fffad9;border-color:#fff;box-shadow:0 5px 18px #061b1605}
.phone .shortcut-mark{background:#80f5d04d;color:#174e3e;border-color:#fff}.phone .home-shortcuts button:nth-child(2) .shortcut-mark{background:#00a9e717;color:#0079a5}
.phone .refined-next{background:linear-gradient(115deg,#f9fffc,#dcfaed)!important;border-color:#fff!important}
.phone .pill{background:#80f5d033;color:#215642;border-color:#fff6}
.phone>nav button[aria-current=page]{background:#80f5d04d;border-color:#fff;color:#061b16}.phone>nav button[aria-current=page]:before{background:#00a9e7}
.phone>nav .nav-qr-disc{background:#061b16;color:#80f5d0}.phone>nav .nav-qr[aria-current=page] .nav-qr-disc{background:#061b16;box-shadow:0 0 0 1px #80f5d0,0 5px 18px #061b1620}
.phone .identity-cover{background:radial-gradient(ellipse at 90% 0%,#80f5d01c,transparent 65%),#061b16!important}
.phone .app-profile-links .app-contact-whatsapp{background:#061b16;color:#e4fff0}.phone .app-profile-links .app-contact-instagram{background:linear-gradient(115deg,#b1f9df,#80f5d0);color:#123b2e;border-color:#b1f9df}.phone .app-profile-links .app-contact-website{background:#00a9e719;color:#075776;border-color:#c6edf8}
.phone .agenda-actions button.action-lead{background:#061b16;color:#e4fff0;border-color:#22483a}.phone .agenda-actions .action-lead>span:first-child{background:#80f5d018;color:#80f5d0}
.phone .agenda-connection.card{background:#f4fff899;border-color:#b9d9c780;box-shadow:none}.phone .agenda-connection .pill{background:#00a9e712;color:#276078;border-color:transparent}
.phone .refined-settings .feature-actions{background:#f6fffa}.phone .refined-setting>span:last-child{color:#0089b9}.phone .refined-setting .setting-copy{color:#173f30}
.phone .refined-workspace>.eyebrow{color:#36725b}.phone .editor-shortcuts button{background:#f6fff9;border-color:#c0dfce;color:#285540}
.phone input:focus,.phone textarea:focus,.phone select:focus{border-color:#008bb5;outline-color:#008bb5}
.phone>main[data-page=qr-perfil]{background:radial-gradient(ellipse at 50% 43%,#80f5d016,transparent 74%),#061b16}.phone .qr-focus h2{color:#e4fff0}.phone .qr-focus-options .card{background:transparent;box-shadow:none;border-color:#80f5d030}
.phone .recap-story h2{color:#e4fff0}.phone .recap-story{background:radial-gradient(ellipse at 100% 25%,#80f5d019,transparent 65%),#061b16}
@media(hover:hover){.phone .primary:hover,.phone .hero .primary:hover{background:#163e30}.phone .editor-shortcuts button:hover{background:#80f5d038}.phone .agenda-actions button.action-lead:hover{background:#163e30}}
/* Brand colors for contact actions, exclusive to App Fake. */
.phone .app-profile-links .app-contact-whatsapp{background:#25d366;color:#062b17;border:1px solid #20bd5b;box-shadow:0 5px 16px #25d36618}
.phone .app-profile-links .app-contact-instagram{background:linear-gradient(115deg,#833ab4 0%,#c13584 42%,#e1306c 70%,#b94720 100%);color:#fff;border:1px solid #c1358470;box-shadow:0 5px 16px #c1358414}
.phone .app-profile-links .app-contact-whatsapp small,.phone .app-profile-links .app-contact-instagram small{color:inherit}
.phone .app-contact-instagram .app-contact-icon{background:#ffffff20;color:#fff}
@media(hover:hover){.phone .app-profile-links .app-contact-whatsapp:hover{background:#21c45e}.phone .app-profile-links .app-contact-instagram:hover{filter:brightness(1.06)}}
/* App-wide brand tokens. Contact brand colors above remain independent. */
:root{--cream:#e4fff0;--ink:#061b16;--muted:#496c5d;--mint:#80f5d0;--blue:#00a9e7;--line:#bedccd}
.phone .secondary{background:#f6fff9;color:#173f30;border-color:#bedccd}
.phone .feature-actions:not(.home-shortcuts) button{background:#f4fff8;color:#173f30;border-color:#c4e5d4}
.phone .connection-tabs{background:#80f5d022;border-color:#bedccd}.phone .connection-tabs button{color:#496c5d}.phone .connection-tabs button[aria-pressed=true]{background:#061b16;color:#e4fff0;box-shadow:0 3px 10px #061b1610}
.phone .contact-row{border-color:#bedccd}.phone .contact-copy strong{color:#061b16}.phone .contact-copy span,.phone .contact-copy small{color:#496c5d}.phone .contact-row>span:last-child:not(.contact-copy){color:#007ba8}.phone .contact-avatar{border-color:#f6fff9;background:#80f5d038}
.phone .sync-compact,.phone .sync-panel{background:#80f5d026;border-color:#b6e6ce;color:#285540}.phone .sync-state{color:#285540!important}
.phone .auth-notification{background:linear-gradient(115deg,#80f5d028,#00a9e711);border-color:#b9e3d1;color:#174e3e}.phone .auth-demo-note,.phone .account-demo{background:#80f5d018;color:#496c5d;border-color:#bedccd}
.phone .stat{background:#061b16;color:#80f5d0;border:1px solid #22483a}.phone .stat strong{color:#80f5d0}.phone .stat span{color:#e4fff0}
.phone input:not([type=checkbox]),.phone textarea,.phone select{background:#f8fffb;color:#061b16;border-color:#bedccd}.phone input::placeholder,.phone textarea::placeholder{color:#627f70}.phone input[type=checkbox]{accent-color:#17654b}.phone label{color:#285540}
.phone .textbutton,.phone .back{color:#285540}.phone .filters{color:#285540;border-color:#bedccd}.phone .photo-editor{background:#80f5d018;border-color:#c4e5d4}.phone .photo-editor input::file-selector-button{background:#80f5d045;color:#173f30}
.phone .activation-progress li{color:#496c5d;border-color:#bedccd}.phone .activation-progress .current,.phone .activation-progress .complete{color:#061b16;border-color:#00a9e7}.phone .scan-illustration,.phone .nfc-illustration{background:#80f5d018;border-color:#80f5d0;color:#174e3e}.phone .steps li:before{background:#80f5d066;color:#061b16}.phone .steps li.pending:before{background:#e4fff0;color:#496c5d}.phone .steps li:not(:last-child):after{background:#bedccd}
.phone .tag-art{background:radial-gradient(ellipse,#80f5d025,transparent 68%)}.phone .event-note{border-color:#bedccd}.phone .success{background:#80f5d040;color:#174e3e}
.phone .recap-caption{color:#d1ebdf}.phone .recap-number,.phone .recap-scene h2 em{color:#80f5d0}.phone .recap-note,.phone .recap-kicker,.phone .recap-month,.phone .recap-places small{color:#b0d5c4}.phone .recap-progress button[aria-current]:after{background:linear-gradient(90deg,#80f5d0,#00a9e7)}.phone .recap-orbits i:nth-child(2){border-color:#00a9e755}.phone .recap-orbits b:last-child{background:#80f5d0}
.phone main{scrollbar-color:#96c5ae transparent}#toast{background:#061b16;color:#e4fff0}
.phone :where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #0086b6;outline-offset:3px}.phone .recap-story :focus-visible,.phone main[data-page=qr-perfil] :focus-visible{outline-color:#80f5d0}
/* Keep prominent actions dark and brand-specific contact buttons distinct. */
.phone .agenda-actions button.action-lead{background:#061b16;color:#e4fff0;border-color:#22483a}.phone .agenda-actions .action-lead small{color:#bedccd}
.phone .app-profile-links .app-contact-whatsapp{background:#25d366;color:#062b17;border-color:#20bd5b}.phone .app-profile-links .app-contact-instagram{background:linear-gradient(115deg,#833ab4,#c13584 42%,#e1306c 70%,#b94720);color:#fff;border-color:#c1358470}
.phone main[data-page=qr-perfil] .secondary{background:#123e33;border-color:#80f5d030;color:#e4fff0}.phone main[data-page=qr-perfil] .textbutton{color:#b4ebd1}
@media(hover:hover){.phone .contact-row:hover{background:#80f5d018}.phone .feature-actions:not(.home-shortcuts) button:hover{background:#80f5d030}.phone .app-profile-links .app-contact-whatsapp:hover{background:#21c45e}}