@import "https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--blue-300:#8fc4e8;--blue-400:#3e97d4;--blue-500:#1a7bd0;--blue-600:#0a5fae;--blue-700:#084c8c;--gold-300:var(--blue-300);--gold-400:var(--blue-600);--gold-500:var(--blue-700);--gold-600:var(--blue-700);--stone-950:#0c1722;--stone-900:#13202e;--stone-800:#1e2f40;--stone-700:#2c4055;--stone-600:#46586c;--paper-50:#fff;--paper-100:#fff;--paper-200:#eef2f6;--paper-300:#e3e9ef;--paper-400:#cdd6df;--gray-100:#e5e7eb;--gray-400:#9aa6b2;--gray-500:#64748b;--gray-700:#334155;--green-500:#10b981;--green-50:#e7f6f0;--red-500:#ef4444;--red-50:#fdecec;--amber-500:#f59e0b;--amber-600:#d97d06;--amber-50:#fef3e2;--blue-50:#e8f1fb;--color-primary:var(--blue-600);--color-primary-press:var(--blue-700);--color-on-primary:#fff;--surface-app:var(--stone-950);--surface-screen:var(--paper-200);--surface-card:var(--paper-100);--surface-card-dark:var(--stone-900);--border-soft:var(--paper-400);--border-dark:var(--stone-800);--text-strong:#0f1d2b;--text-body:#38465a;--text-muted:var(--gray-500);--text-on-dark:#fff;--text-on-dark-muted:#93a3b5;--status-ok:var(--green-500);--status-warn:var(--amber-500);--status-error:var(--red-500);--status-info:var(--blue-500);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-sm:0 1px 2px #1816120f;--shadow-md:0 4px 14px #18161214;--shadow-lg:0 12px 32px #1816121f;--shadow-gold:0 6px 18px #1e78c84d;--shadow-brand:0 6px 18px #1e78c84d;--screen-pad:16px;--nav-height:64px;--tap-min:44px;--font-display:"Poppins", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fs-display:34px;--fs-h1:22px;--fs-h2:18px;--fs-body:15px;--fs-sm:13px;--fs-xs:11px;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--ls-caps:.06em}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--stone-950);color:var(--text-body);-webkit-font-smoothing:antialiased}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.phone{background:var(--surface-screen);max-width:440px;min-height:100dvh;box-shadow:var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex}.app-header{background:var(--stone-950);padding:14px 16px 12px;padding-top:max(14px, env(safe-area-inset-top));z-index:10;position:sticky;top:0}.logo-badge{background:var(--blue-600);color:#fff;width:38px;height:38px;font-family:var(--font-display);box-shadow:var(--shadow-brand);border-radius:11px;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.demo-tag{font-family:var(--font-body);letter-spacing:.08em;color:var(--blue-300);border-radius:var(--radius-pill);border:1px solid #8fc4e866;padding:4px 9px;font-size:10.5px;font-weight:700}.perfil-switch{border-radius:var(--radius-pill);background:#ffffff0f;gap:4px;margin-top:14px;padding:4px;display:flex}.demo-notice{background:var(--paper-300);border-bottom:1px solid var(--paper-400);font-family:var(--font-body);color:var(--text-muted);text-align:center;margin:0;padding:6px 16px;font-size:11px;line-height:1.4}.screen-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h1);color:var(--text-strong);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 4px;display:flex}.screen-title>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.alert-pill{font-family:var(--font-body);color:var(--red-500);background:var(--red-50);border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #ef444433;flex:none;padding:4px 10px;font-size:12px;font-weight:700}.screen-body{flex:1;padding:12px 16px 24px;overflow-y:auto}.dev-footer{padding:9px 16px;padding-bottom:max(9px, env(safe-area-inset-bottom));background:var(--stone-950);font-family:var(--font-body);letter-spacing:.01em;color:var(--text-on-dark-muted);text-align:center;border-top:1px solid #ffffff12;margin:0;font-size:11px;font-weight:500;line-height:1.4}