/* Identidad de la plataforma Toque: landing, panel y login */
:root{--ink:#0f1317;--ink2:#2a3138;--paper:#f2f3ee;--card:#fff;--mist:#e5e8df;--line:#d9ddd3;--muted:#576059;--cobalt:#2340f5;--cobalt-d:#1a31c9;--pulse:#d4f26b;--danger:#b3261e;--ok:#1f7a4d;--warn:#a85d00;
  --font:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--disp:'Bricolage Grotesque','Hanken Grotesk',sans-serif;--ease:cubic-bezier(.16,1,.3,1);--r:18px}
*{box-sizing:border-box}[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased}
::selection{background:var(--pulse);color:var(--ink)}
a{color:inherit}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:8px}
.ico{width:20px;height:20px;flex:none}.art{width:100%;height:100%;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:999px;border:0;font:650 15.5px/1 var(--font);cursor:pointer;text-decoration:none;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);transition:transform .2s var(--ease),background .2s,box-shadow .2s;white-space:nowrap}
.btn:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn:active{transform:scale(.97)}
.btn.pri{background:var(--ink);color:#fff;box-shadow:none}.btn.pri:hover{background:var(--ink2)}
.btn.cob{background:var(--cobalt);color:#fff;box-shadow:none}.btn.cob:hover{background:var(--cobalt-d)}
.btn.sm{min-height:44px;padding:0 16px;font-size:14.5px}
.btn.danger{color:var(--danger)}
.wordmark{display:inline-flex;align-items:center;gap:10px;font:800 26px/1 var(--disp);letter-spacing:-.03em;text-decoration:none}
.wordmark svg{width:30px;height:30px}
/* marco de iPhone */
.phone{--s:1;width:calc(300px*var(--s));height:calc(624px*var(--s));position:relative;flex:none}
.phone .bz{position:absolute;inset:0;border-radius:calc(48px*var(--s));background:#0b0e11;padding:calc(12px*var(--s));box-shadow:0 0 0 calc(2px*var(--s)) #2c333a inset,0 40px 70px -30px rgba(15,19,23,.55),0 12px 24px -12px rgba(15,19,23,.35)}
.phone .sc{width:100%;height:100%;border-radius:calc(37px*var(--s));overflow:hidden;background:#fff;position:relative}
.phone iframe{border:0;width:390px;height:808px;transform-origin:0 0;transform:scale(calc(276/390*var(--s)));display:block;background:#fff}
.phone .isl{position:absolute;top:calc(22px*var(--s));left:50%;width:calc(88px*var(--s));height:calc(24px*var(--s));margin-left:calc(-44px*var(--s));border-radius:20px;background:#0b0e11;z-index:2}