/* ===== Agregados de la plataforma: portada, cuentas, avisos ===== */
.boot{min-height:100vh;display:grid;place-items:center;color:var(--muted)}
.boot .spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.mark{width:40px;height:40px;flex:none;border-radius:50%;display:block}
.mark svg{width:100%;height:100%;display:block}

/* --- Portada --- */
.lp{min-height:100vh;background:var(--bg)}
.lp-nav{position:sticky;top:0;z-index:30;padding:calc(12px + env(safe-area-inset-top,0px)) clamp(16px,4vw,40px) 12px;display:flex;align-items:center;gap:14px;background:var(--glass);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--line)}
.lp-nav .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.lp-nav .brand b{font:800 1.2rem var(--f-head);letter-spacing:-.02em}
.lp-nav .brand small{display:block;font-size:.72rem;color:var(--muted)}
.lp-nav .links{display:flex;gap:4px;margin-left:auto;align-items:center;flex-wrap:wrap}
.lp-nav .links a.txt{color:var(--muted);text-decoration:none;font-weight:500;padding:8px 12px;border-radius:999px;transition:background .2s,color .2s}
.lp-nav .links a.txt:hover{background:var(--surface-2);color:var(--ink)}
@media (max-width:760px){.lp-nav .links a.txt{display:none}}
.lp-wrap{max-width:1140px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.lp-hero{position:relative;overflow:hidden;isolation:isolate;background:#0B1F33;color:#fff}
.lp-hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.lp-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,18,31,.92) 0%,rgba(6,18,31,.6) 50%,rgba(6,18,31,.15) 100%),linear-gradient(0deg,rgba(6,18,31,.75),transparent 50%)}
.lp-hero .lp-wrap{padding-block:clamp(56px,10vw,120px) clamp(48px,8vw,96px);display:grid;gap:22px;max-width:1140px}
.lp-hero .eyebrow{color:#7DD3FC}
.lp-hero h1{font:800 clamp(2.4rem,6.4vw,4.6rem)/1.02 var(--f-head);letter-spacing:-.04em;margin:0;max-width:16ch}
.lp-hero h1 em{font-style:normal;background:linear-gradient(90deg,#7DD3FC,#38BDF8);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-hero p{margin:0;color:#C9D9E8;font-size:1.12rem;max-width:52ch}
.lp-hero .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25);backdrop-filter:blur(8px)}
.lp-hero .btn-ghost:hover{background:rgba(255,255,255,.18)}
.lp-hero .chips{margin-top:4px}
.lp-hero > .lp-wrap > *{animation:rise .7s var(--ease) both}
.lp-hero > .lp-wrap > *:nth-child(2){animation-delay:.08s}.lp-hero > .lp-wrap > *:nth-child(3){animation-delay:.16s}.lp-hero > .lp-wrap > *:nth-child(4){animation-delay:.24s}.lp-hero > .lp-wrap > *:nth-child(5){animation-delay:.32s}
.lp-sec{padding-block:clamp(48px,8vw,96px)}
.lp-sec .head{margin-bottom:28px}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.feat .svc{cursor:default}
.feat .svc:hover{transform:none}
.precios{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;max-width:880px}
.precio{position:relative;display:grid;gap:12px;padding:28px;border-radius:22px;background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow)}
.precio.top{background:linear-gradient(160deg,#0B1F33,#0E4A6E);border-color:transparent;color:#fff}
.precio.top .note,.precio.top li{color:#C9D9E8}
.precio .badge2{position:absolute;top:-12px;right:20px;font:700 .72rem var(--f-body);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--accent);color:#06182A}
.precio ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:var(--muted);font-size:.92rem}
.precio li{display:flex;gap:8px;align-items:center}
.precio li svg{width:16px;height:16px;color:var(--accent)}
.pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;counter-reset:p}
.paso{padding:22px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);display:grid;gap:8px}
.paso .nro{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);font:800 1rem var(--f-head)}
.lp-foot{border-top:1px solid var(--line);padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:.88rem}
.lp-foot .lp-wrap{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:center}
.lp-foot a{color:var(--accent-strong)}

/* --- Cuentas --- */
.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--bg)}
.auth-side{position:relative;overflow:hidden;isolation:isolate;background:#0B1F33;color:#fff;padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.auth-side canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.auth-side::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,18,31,.9),rgba(6,18,31,.35))}
.auth-side h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem)}
.auth-side p{color:#C9D9E8;margin:0}
.auth-main{display:grid;place-items:center;padding:clamp(20px,4vw,48px) 16px}
.auth-card{width:100%;max-width:460px;display:grid;gap:18px}
.auth-card form{display:grid;gap:14px}
.auth-card .fields{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.auth-card .alt{font-size:.9rem;color:var(--muted)}
.auth-card .alt a,.linklike{color:var(--accent-strong);font-weight:600;cursor:pointer;background:none;border:0;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px}
.err{padding:12px 14px;border-radius:12px;background:var(--warn-soft);color:var(--ink);border:1px solid var(--bad);font-size:.9rem}
.okbox{padding:16px;border-radius:14px;background:var(--ok-soft);color:var(--ink);display:grid;gap:8px}
@media (max-width:860px){.auth{grid-template-columns:1fr}.auth-side{min-height:auto;padding-block:28px}.auth-side .hide-m{display:none}}

/* --- Avisos --- */
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;z-index:60;background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow-lg);font-size:.9rem;transition:opacity .25s,transform .25s var(--ease);pointer-events:none;max-width:calc(100vw - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.banner{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:14px 18px;border-radius:var(--r);background:var(--accent-soft);color:var(--ink)}
.banner.warn{background:var(--warn-soft)}
.banner b{font-family:var(--f-head)}
.lockscreen{max-width:620px;margin:6vh auto;display:grid;gap:18px;text-align:center;justify-items:center}
.lockscreen .ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--warn-soft);color:var(--warn)}
.lockscreen .ic svg{width:30px;height:30px}
.demo-bar{position:sticky;top:0;z-index:45;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;background:linear-gradient(90deg,#0369A1,#0EA5E9);color:#fff;font-size:.86rem}
.demo-bar a,.demo-bar button{color:#fff;font-weight:700;background:rgba(255,255,255,.16);border:0;border-radius:999px;padding:5px 12px;text-decoration:none;cursor:pointer;font-size:.82rem}
.sb-logo-img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#fff;flex:none;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.logo-prev{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;flex:none}
.logo-prev img{width:100%;height:100%;object-fit:cover}
.logo-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.pill.info{background:var(--accent-soft);color:var(--accent-strong)}
.pill.off{background:var(--surface-2);color:var(--muted)}
.ag-row.pedido{background:var(--warn-soft);border-color:transparent}
.nt-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:start;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.nt-row .who b{display:block;font:700 1.05rem var(--f-head)}
.nt-row .sub{display:block}
.nt-row .sub a{color:var(--accent-strong)}
.nt-row .row-actions{grid-column:1/-1;padding-top:10px;border-top:1px solid var(--line)}
.nt-row .estado{display:grid;gap:6px;justify-items:end;text-align:right}
@media (max-width:760px){.nt-row{grid-template-columns:1fr}.nt-row .estado{justify-items:start;text-align:left}}
.demo-bar{position:relative}
.unavailable{min-height:80vh;display:grid;place-items:center;text-align:center;padding:24px}
#main > section{display:grid;gap:24px}
.banner > span{flex:1 1 240px}
.banner > svg{flex:none}