:root{--ink:#08080a;--ink-2:#0e0e12;--ink-3:#15151b;--ink-4:#1c1c24;--line:#ffffff1a;--line-2:#ffffff2e;--text:#ededf0;--text-dim:#9a9aa6;--text-faint:#63636f;--paper:#f3f1ec;--fucsia:#e31c79;--fucsia-soft:#f5237f;--fucsia-hondo:#b3155e;--morado:#7a2bee;--morado-soft:#ae83ff;--marca:linear-gradient(100deg,var(--fucsia) 0%,var(--morado) 100%);--ok:#3dd68c;--warn:#f0b429;--bad:#ff6b6b;--info:#6bb8ff;--ff:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--fd:"Montserrat","Inter Tight",-apple-system,Helvetica,Arial,sans-serif;--fs:"Instrument Serif",Georgia,"Times New Roman",serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--ease:cubic-bezier(.22,1,.36,1);--r:14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--text);font-family:var(--ff);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}h1,h2,h3{text-wrap:balance;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:var(--ff)}a{color:var(--fucsia-soft);text-decoration:none}a:hover{color:var(--morado-soft)}:focus-visible{outline:2px solid var(--fucsia);outline-offset:2px;border-radius:6px}.wordmark{font-family:var(--fd);letter-spacing:-.05em;color:var(--text);font-size:1.15rem;font-weight:900;line-height:1;display:inline-block}.wordmark b{color:var(--fucsia);transform-origin:60% 80%;transition:transform .5s var(--ease);font-weight:900;display:inline-block}a:hover .wordmark b,.brand:hover .wordmark b{transform:scale(1.7)rotate(-8deg)}.wordmark--big{font-size:clamp(1.5rem,4vw,2.1rem)}.app{grid-template-columns:230px 1fr;min-height:100vh;display:grid;position:relative}.app:before{content:"";background:var(--marca);filter:blur(200px);opacity:.1;pointer-events:none;z-index:0;border-radius:50%;width:900px;height:900px;position:fixed;top:-340px;left:120px}.app>*{z-index:1;position:relative}.side{background:var(--ink-2);border-right:1px solid var(--line);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:auto}.brand{border-bottom:1px solid var(--line);padding:22px 20px 18px}.badge-sa{color:var(--fucsia-soft);letter-spacing:.18em;text-transform:uppercase;background:#e31c7924;border-radius:100px;margin-top:10px;padding:3px 9px;font-size:9px;font-weight:800;display:inline-block}nav{flex-direction:column;flex:1;gap:20px;padding:16px 12px;display:flex}.group{flex-direction:column;gap:2px;display:flex}.group>p{letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);margin:0 0 6px 14px;font-size:9px;font-weight:800}.nav-i{color:var(--text-dim);text-align:left;width:100%;transition:background .25s var(--ease), color .25s var(--ease);border-radius:10px;align-items:center;gap:11px;padding:9px 14px;font-size:14px;display:flex}.nav-i:hover{color:var(--text);background:#ffffff0a}.nav-i.activo{color:var(--text);box-shadow:inset 2px 0 0 var(--fucsia);background:#e31c791f;font-weight:500}.nav-i svg{opacity:.9;flex:none;width:16px;height:16px}.pill-n{background:var(--fucsia);color:#fff;min-width:19px;height:19px;font-size:10px;font-weight:800;font-family:var(--mono);border-radius:100px;place-items:center;margin-left:auto;padding:0 6px;display:grid}.side-foot{border-top:1px solid var(--line);padding:14px 12px}.side-foot .quien{color:var(--text-faint);text-overflow:ellipsis;margin:0 0 8px;padding:0 14px;font-size:11.5px;overflow:hidden}.side-foot button{width:100%;color:var(--text-faint);transition:color .25s var(--ease);border-radius:10px;align-items:center;gap:11px;padding:9px 14px;font-size:14px;display:flex}.side-foot button:hover{color:var(--fucsia-soft)}.side-foot button svg{flex:none;width:16px;height:16px}main{flex-direction:column;align-items:stretch;gap:22px;min-width:0;max-width:1240px;padding:34px 40px 80px;display:flex}main>*{min-width:0}.head{flex-wrap:wrap;align-items:flex-end;gap:6px 16px;margin-bottom:6px;display:flex}.head h1{font-family:var(--fd);letter-spacing:-.05em;color:var(--text);font-size:clamp(30px,4vw,42px);font-weight:900;line-height:.98}.head .sub{color:var(--text-faint);letter-spacing:.22em;text-transform:uppercase;flex-basis:100%;order:-1;align-items:center;gap:12px;font-size:10px;font-weight:800;display:flex}.head .sub:before{content:"";background:var(--line-2);flex:none;width:44px;height:1px}.head .acciones{flex-wrap:wrap;align-items:center;gap:9px;margin-left:auto;display:flex}.serif{font-family:var(--fs);color:var(--fucsia-soft);letter-spacing:0;font-style:italic;font-weight:400}.card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.card-h{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-h h2{font-family:var(--fd);letter-spacing:.02em;text-transform:uppercase;font-size:13px;font-weight:800}.card-h .note{color:var(--text-faint);font-size:12.5px}.card-h .right{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.card-b{padding:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:22px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(166px,1fr));gap:14px;display:grid}.kpi{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);transition:border-color .35s var(--ease);flex-direction:column;gap:5px;padding:18px;display:flex;position:relative;overflow:hidden}.kpi:hover{border-color:var(--line-2)}.kpi:before{content:"";background:var(--marca);opacity:.55;height:2px;position:absolute;inset:0 0 auto}.kpi .lbl{letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px;font-weight:800}.kpi .val{font-family:var(--fd);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--text);font-size:30px;font-weight:900;line-height:1.1}.kpis .kpi:first-child .val{background:var(--marca);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.kpis .kpi:first-child:before{opacity:1}.kpi .foot{color:var(--text-faint);font-size:12px}.btn{border:1px solid var(--line-2);color:var(--text-dim);transition:color .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);background:0 0;border-radius:100px;padding:8px 14px;font-size:13px;font-weight:500}.btn:hover{color:var(--text);border-color:var(--text-faint);background:#ffffff08}.btn.pri{background:var(--fucsia);color:#fff;border-color:#0000;font-weight:600}.btn.pri:hover{background:var(--fucsia-soft);color:#fff}.btn-i{border:1px solid var(--line);width:32px;height:32px;color:var(--text-faint);transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);border-radius:9px;place-items:center;display:inline-grid}.btn-i:hover{color:var(--fucsia-soft);background:#e31c7914;border-color:#e31c7966}.btn-i.peligro:hover{color:var(--bad);background:#ff6b6b14;border-color:#ff6b6b66}.btn-i svg{width:15px;height:15px}td .acciones-fila{justify-content:flex-end;gap:6px;display:flex}td.recorta{text-overflow:ellipsis;max-width:250px;overflow:hidden}.btn.peligro{color:var(--bad);border-color:#ff6b6b59}.btn.peligro:hover{color:var(--bad);background:#ff6b6b1a}.btn:disabled{opacity:.4;cursor:not-allowed}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);background:var(--ink-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 20px;font-size:9.5px;font-weight:800}td{border-bottom:1px solid var(--line);white-space:nowrap;color:var(--text-dim);padding:13px 20px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .2s var(--ease)}tbody tr:hover td{background:#ffffff06}td.num,th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}td .name{color:var(--text);font-weight:600}td .sub{color:var(--text-faint);font-size:11.5px;font-weight:400;display:block}.muted{color:var(--text-faint)}.tag{letter-spacing:.01em;border:1px solid #0000;border-radius:100px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.t-activa,.t-pagada{color:var(--ok);background:#3dd68c1f;border-color:#3dd68c38}.t-prueba,.t-enviada{color:var(--info);background:#6bb8ff1f;border-color:#6bb8ff38}.t-por_vencer{color:var(--warn);background:#f0b4291f;border-color:#f0b4293d}.t-vencida{color:var(--bad);background:#ff6b6b1f;border-color:#ff6b6b3d}.t-cancelada,.t-borrador,.t-anulada{color:var(--text-faint);border-color:var(--line);background:#ffffff0d}.t-cortesia{color:var(--morado-soft);background:#7a2bee29;border-color:#7a2bee4d}.attn{border-radius:var(--r);background:linear-gradient(180deg,#7a2bee17,transparent 55%),var(--ink-2);border:1px solid #7a2bee4d;overflow:hidden}.attn h2{font-family:var(--fd);letter-spacing:.22em;text-transform:uppercase;color:var(--morado-soft);border-bottom:1px solid var(--line);padding:14px 20px;font-size:10px;font-weight:800}.attn .tag.t-vencida{background:var(--fucsia-hondo);color:#fff;border-color:#0000;font-weight:700}.attn .tag.t-por_vencer{color:var(--morado-soft);background:#7a2bee2e;border-color:#7a2bee52}.attn ul{margin:0;padding:0;list-style:none}.attn li{border-bottom:1px solid var(--line);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:12px;padding:13px 20px;font-size:14px;display:flex}.attn li:last-child{border-bottom:none}.attn li b{color:var(--text);font-weight:600}.attn .go{color:var(--morado-soft);margin-left:auto;font-size:13px;font-weight:600}.modal-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;animation:aparece .25s var(--ease);background:#040406b3;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}@keyframes aparece{0%{opacity:0}}.modal{background:var(--ink-2);border:1px solid var(--line-2);border-radius:18px;width:min(580px,100%);max-height:90vh;overflow:auto;box-shadow:0 40px 90px -30px #000000e6}.modal h2{font-family:var(--fd);letter-spacing:-.02em;border-bottom:1px solid var(--line);padding:20px 24px;font-size:16px;font-weight:800}.modal .cuerpo{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.modal .pie{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.campo{flex-direction:column;gap:6px;display:flex}.campo>span{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:800}.campo input,.campo select,.campo textarea{border:1px solid var(--line);background:var(--ink);color:var(--text);transition:border-color .25s var(--ease), box-shadow .25s var(--ease);border-radius:10px;padding:11px 13px;font-size:14.5px}.campo input::placeholder,.campo textarea::placeholder{color:var(--text-faint)}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--fucsia);outline:none;box-shadow:0 0 0 3px #e31c7929}.campo .pista{color:var(--text-faint);font-size:12px}.fila{grid-template-columns:1fr 1fr;gap:14px;display:grid}select option{background:var(--ink-2);color:var(--text)}.aviso{border:1px solid #0000;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55}.aviso.error{color:#ffb3b3;background:#ff6b6b1a;border-color:#ff6b6b40}.aviso.ok{color:#9bebc4;background:#3dd68c1a;border-color:#3dd68c40}.aviso.info{color:var(--morado-soft);background:#7a2bee1a;border-color:#7a2bee40}.aviso b{color:var(--text)}.login{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login:before{content:"";aspect-ratio:1;background:var(--marca);filter:blur(160px);opacity:.14;pointer-events:none;border-radius:50%;width:min(760px,120vw);position:absolute;top:-30%;left:50%;transform:translate(-50%)}.login-caja{background:var(--ink-2);border:1px solid var(--line);border-radius:20px;width:min(410px,100%);padding:34px;position:relative;box-shadow:0 40px 90px -40px #000000e6}.login-caja .marca{margin-bottom:6px}.login-caja h1{font-family:var(--fd);letter-spacing:-.03em;margin-top:14px;font-size:19px;font-weight:900}.login-caja .bajada{color:var(--text-faint);margin:6px 0 24px;font-size:13.5px}.login-caja form{flex-direction:column;gap:16px;display:flex}.login-caja .btn.pri{padding:12px;font-size:14.5px}.enlace-suave{color:var(--text-faint);transition:color .25s var(--ease);background:0 0;border:none;align-self:center;padding:0;font-size:13px}.enlace-suave:hover{color:var(--fucsia-soft)}.skeleton{background:linear-gradient(90deg,var(--ink-3),var(--ink-4),var(--ink-3));background-size:200% 100%;border-radius:8px;height:14px;animation:1.4s infinite brillo}@keyframes brillo{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton,.modal-bg{animation:none}*{transition-duration:.01ms!important}}.vacio{text-align:center;color:var(--text-faint);padding:52px 20px;font-size:14px}.vacio b{font-family:var(--fd);color:var(--text);letter-spacing:-.02em;margin-bottom:7px;font-size:16px;font-weight:800;display:block}@media (width<=860px){.app{grid-template-columns:1fr}.side{border-right:none;border-bottom:1px solid var(--line);height:auto;position:static}nav{flex-flow:wrap;gap:8px;padding:12px}.group{flex-flow:wrap}.group>p{display:none}.nav-i{width:auto}main{padding:24px 18px 60px}.fila{grid-template-columns:1fr}}.barra{background:var(--ink-4);border-radius:100px;width:110px;height:6px;display:block;overflow:hidden}.barra i{background:var(--marca);height:100%;transition:width .5s var(--ease);border-radius:100px;display:block}.selector{position:relative}.sel-boton{border:1px solid var(--line);background:var(--ink);width:100%;color:var(--text);text-align:left;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:10px;align-items:center;gap:10px;padding:11px 13px;font-size:14.5px;display:flex}.sel-boton span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sel-boton svg{width:15px;height:15px;color:var(--text-faint);transition:transform .25s var(--ease);flex:none}.sel-boton:hover{border-color:var(--line-2)}.sel-boton.abierto,.sel-boton:focus-visible{border-color:var(--fucsia);outline:none;box-shadow:0 0 0 3px #e31c7929}.sel-boton.abierto svg{transform:rotate(180deg)}.sel-lista{z-index:30;background:var(--ink-3);border:1px solid var(--line-2);max-height:280px;animation:baja .16s var(--ease);border-radius:12px;flex-direction:column;gap:2px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 24px 50px -18px #000000d9}@keyframes baja{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.sel-lista{animation:none}}.sel-op{text-align:left;color:var(--text-dim);border-radius:8px;flex-direction:column;gap:1px;width:100%;padding:9px 12px;font-size:14px;display:flex}.sel-op .det{color:var(--text-faint);font-size:11.5px}.sel-op.marcada{color:var(--text);background:#ffffff0d}.sel-op.elegida{color:var(--fucsia-soft);font-weight:600}.sel-op.elegida.marcada{background:#e31c791f}.sel-accion{color:var(--fucsia-soft);border-top:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;width:100%;margin-top:4px;padding:12px 12px 10px;font-size:13.5px;font-weight:600;display:flex}.sel-accion:hover{background:#e31c791a}.acciones-fila{white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.celda-servicio{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.enlace{color:inherit;cursor:pointer;text-decoration:none}.enlace:hover{color:var(--fucsia-soft);text-decoration:underline}.volver{margin:0 0 6px;font-size:12.5px}.volver a{color:var(--text-faint);text-decoration:none}.volver a:hover{color:var(--fucsia-soft)}.ficha-2col{grid-template-columns:1fr 1fr;gap:0 26px;display:grid}@media (width<=900px){.ficha-2col{grid-template-columns:1fr}}.ficha-2col>.tw{overflow:visible}.ficha-et{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:16px 0 6px;padding:0 16px;font-size:11px;font-weight:700}.ficha-vacio{color:var(--text-faint);margin:0;padding:4px 16px 18px;font-size:13.5px;line-height:1.6}.ficha-vacio b{color:var(--text-dim)}.card-h .btn .cuenta{color:inherit;background:#ffffff1a;border-radius:100px;margin-left:7px;padding:1px 6px;font-size:10.5px}.card-h .btn.pri .cuenta{background:#00000038}.card-h .btn:disabled{opacity:.38;cursor:default}a.btn-i{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.tag--head{letter-spacing:0;border-radius:100px;align-self:stretch;align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.secreto{align-items:center;gap:6px;max-width:100%;display:inline-flex}.secreto code{font-family:var(--mono);color:var(--text);background:var(--ink);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;max-width:220px;padding:3px 8px;font-size:12.5px;overflow:hidden}.secreto code.tapado{color:var(--text-faint);letter-spacing:.14em}.secreto .copiado{color:var(--ok);font-size:12px}.ico-linea{vertical-align:-3px;margin-right:5px;display:inline-block}.ico-linea svg{width:14px;height:14px}.campo-clave{align-items:stretch;gap:8px;display:flex}.campo-clave input{flex:1;min-width:0}.campo-clave .btn{white-space:nowrap}.ver-frase{color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.ver-frase input{accent-color:var(--fucsia);width:15px;height:15px}