:root{--lilac-50:oklch(0.977 0.013 305);--lilac-100:oklch(0.949 0.031 306);--lilac-200:oklch(0.904 0.061 306);--lilac-300:oklch(0.838 0.107 305);--lilac-400:oklch(0.752 0.163 304);--lilac-500:oklch(0.672 0.205 303);--lilac-600:oklch(0.595 0.226 302);--lilac-700:oklch(0.52 0.213 301);--lilac-800:oklch(0.445 0.18 301);--lilac-950:oklch(0.268 0.103 303);--ink:oklch(0.205 0.011 300);--ink-soft:oklch(0.455 0.016 300);--ink-faint:oklch(0.53 0.014 300);--ink-ghost:oklch(0.72 0.011 300);--surface:oklch(1 0 0);--canvas:oklch(0.988 0.004 305);--sunken:oklch(0.967 0.008 305);--hairline:oklch(0.912 0.01 305);--hairline-soft:oklch(0.945 0.008 305);--refract-cool:oklch(0.84 0.1 250);--gold-300:oklch(0.89 0.09 85);--gold-400:oklch(0.82 0.13 78);--gold-700:oklch(0.54 0.14 55);--positive-300:oklch(0.9 0.07 158);--positive-700:oklch(0.47 0.12 153);--critical:oklch(0.55 0.21 25);--shadow-soft:0 1px 2px rgb(60 30 90/0.04),0 4px 12px rgb(60 30 90/0.04);--shadow-lift:0 2px 4px rgb(60 30 90/0.04),0 8px 24px rgb(60 30 90/0.06);--shadow-card:0 1px 2px rgb(60 30 90/0.03),0 6px 20px rgb(60 30 90/0.04);--shadow-boton:0 2px 10px rgb(120 60 200/0.28),inset 0 1px 0 rgb(255 255 255/0.22);--radius-card:24px;--radius-campo:14px;--ease:cubic-bezier(0.22,1,0.36,1);--bg:var(--canvas);--panel:var(--surface);--panel-alt:var(--sunken);--border:var(--hairline-soft);--border-fuerte:var(--hairline);--text:var(--ink);--text-dim:var(--ink-faint);--accent:var(--lilac-700);--marino:var(--lilac-950);--marino-2:var(--lilac-700);--marino-3:var(--lilac-600);--ok:var(--positive-700);--ok-fondo:rgb(from var(--positive-300) r g b/0.35);--warn:var(--gold-700);--warn-fondo:rgb(from var(--gold-300) r g b/0.4);--danger:var(--critical);--danger-fondo:rgb(from var(--critical) r g b/0.08)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(60rem 28rem at 8% -6%,rgb(from var(--lilac-300) r g b/.3),transparent 70%),radial-gradient(50rem 26rem at 96% -4%,rgb(from var(--refract-cool) r g b/.16),transparent 70%),var(--canvas);background-attachment:fixed;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI Variable Display,Segoe UI,Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:rgb(from var(--lilac-500) r g b/.22);color:var(--lilac-950)}h1,h2,h3{letter-spacing:-.022em;text-wrap:balance}p{text-wrap:pretty}.mono,code{font-family:ui-monospace,Cascadia Code,Courier New,monospace}header.app{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:12px 24px;background:rgb(255 255 255/.62);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border-bottom:1px solid rgb(255 255 255/.6);box-shadow:0 1px 0 var(--hairline-soft)}header.app,header.app h1{display:flex;align-items:center}header.app h1{gap:10px;font-size:16px;font-weight:650;margin:0;color:var(--ink)}header.app h1 .logo{display:grid;place-items:center;width:32px;height:32px;border-radius:12px;color:var(--lilac-600);background:linear-gradient(to bottom right,rgb(from var(--lilac-500) r g b/.16),rgb(from var(--lilac-500) r g b/.06));box-shadow:inset 0 0 0 1px rgb(from var(--lilac-500) r g b/.16)}header.app .entorno{font-size:12px;color:var(--ink-faint)}header.app .estado{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgb(255 255 255/.66);border:1px solid rgb(255 255 255/.8);box-shadow:var(--shadow-soft)}header.app .estado:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold-400)}.barra-nav{background:transparent}nav.tabs{display:flex;gap:2px;max-width:1080px;margin:0 auto;padding:14px 24px 0;overflow-x:auto;scrollbar-width:none}nav.tabs button{display:inline-flex;align-items:center;gap:8px;background:none;border:none;box-shadow:none;color:var(--ink-soft);padding:8px 16px;font-size:14px;font-weight:500;border-radius:999px;white-space:nowrap;transition:color .3s var(--ease),background-color .3s var(--ease)}nav.tabs button svg{width:17px;height:17px;flex:none}nav.tabs button:hover{background:rgb(from var(--lilac-500) r g b/.07);color:var(--ink)}nav.tabs button.activa{background:rgb(from var(--lilac-500) r g b/.12);color:var(--lilac-700);font-weight:600}main{max-width:1080px;margin:0 auto;padding:24px}.intro{margin-bottom:20px}.intro h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.028em;line-height:1.15;color:var(--ink)}.intro p{margin:6px 0 0;color:var(--ink-soft);font-size:15px;max-width:62ch}.tarjeta{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:var(--radius-card);padding:22px;margin-bottom:16px;box-shadow:var(--shadow-card);overflow-x:auto}.tarjeta h2{font-size:12px;margin:0 0 12px;color:var(--lilac-700);text-transform:uppercase;letter-spacing:.08em;font-weight:700}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--hairline-soft);vertical-align:top}th{color:var(--ink-faint);font-weight:600;font-size:12px;background:var(--sunken)}th:first-child{border-top-left-radius:10px}th:last-child{border-top-right-radius:10px}button,input,select,textarea{font:inherit;background:var(--surface);border:1px solid var(--hairline);color:var(--ink);border-radius:var(--radius-campo);padding:9px 14px}input::placeholder,textarea::placeholder{color:var(--ink-ghost)}input,select,textarea{min-width:0;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--lilac-500);box-shadow:0 0 0 3px rgb(from var(--lilac-500) r g b/.18)}a:focus-visible,button:focus-visible{outline:2px solid var(--lilac-500);outline-offset:3px}button{cursor:pointer;font-weight:600;letter-spacing:-.01em;border-radius:999px;padding:9px 18px;box-shadow:var(--shadow-soft);transition:background-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}button:hover:not(:disabled){background:rgb(from var(--lilac-500) r g b/.06)}button:active:not(:disabled){transform:scale(.985)}button.primario{color:#fff;border-color:transparent;background:linear-gradient(to bottom,var(--lilac-500),var(--lilac-600));box-shadow:var(--shadow-boton)}button.primario:hover:not(:disabled){background:linear-gradient(to bottom,var(--lilac-400),var(--lilac-600))}button.peligro{color:var(--critical);border-color:rgb(from var(--critical) r g b/.25);background:var(--danger-fondo);box-shadow:none}button.peligro:hover:not(:disabled){background:rgb(from var(--critical) r g b/.14)}button:disabled{opacity:.5;cursor:default}.fila{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 11px;border-radius:999px;border:1px solid var(--hairline);background:var(--sunken)}.badge,.badge.nueva{color:var(--ink-faint)}.badge.activa{color:var(--positive-700);background:var(--ok-fondo);border-color:rgb(from var(--positive-300) r g b/.9)}.badge.pausada{color:var(--gold-700);background:var(--warn-fondo);border-color:rgb(from var(--gold-300) r g b/.9)}.aviso{font-size:13px;padding:10px 14px;border-radius:14px;margin-bottom:12px}.aviso.error{background:var(--danger-fondo);color:var(--critical);border:1px solid rgb(from var(--critical) r g b/.22)}.aviso.exito{background:var(--ok-fondo);color:var(--positive-700);border:1px solid rgb(from var(--positive-300) r g b/.9)}.vacio{color:var(--ink-faint);font-size:13px;padding:8px 0}a{color:var(--lilac-700)}.renglon{border-top:1px solid var(--hairline-soft);padding-top:12px;margin-top:12px}.subtitulo{font-size:13px;color:var(--ink-faint);font-weight:600;margin:18px 0 8px}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recortado{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr.clicable{cursor:pointer}tr.clicable:focus-visible,tr.clicable:hover{background:rgb(from var(--lilac-500) r g b/.06);outline:none}tr.atenuado td{color:var(--ink-faint)}dl.datos{display:grid;grid-template-columns:max-content 1fr;grid-gap:6px 18px;gap:6px 18px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--hairline-soft);font-size:13px}dl.datos dt{color:var(--ink-faint)}dl.datos dd{margin:0}ol.pasos{margin:0 0 10px;padding-left:20px;display:grid;grid-gap:4px;gap:4px}.ayuda{color:var(--ink-faint);font-size:13px;margin:0}.filtros{margin-bottom:16px}.segmentado{display:inline-flex;background:var(--sunken);border:1px solid var(--hairline-soft);border-radius:999px;padding:3px;gap:2px}.segmentado button{border:none;background:none;box-shadow:none;color:var(--ink-soft);padding:6px 14px;border-radius:999px}.segmentado button.activa{background:var(--surface);color:var(--lilac-700);box-shadow:var(--shadow-soft)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.tile{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--hairline-soft);border-radius:20px;padding:16px 18px;text-align:left;box-shadow:var(--shadow-card)}.tile.hero{grid-column:span 2}.tile.enlace{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.tile.enlace:hover{background:var(--surface);box-shadow:var(--shadow-lift)}.tile-label{font-size:12px;font-weight:600;color:var(--ink-faint)}.tile-valor{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}.tile.hero .tile-valor{font-size:52px;background:linear-gradient(135deg,var(--lilac-700) 0,var(--lilac-600) 45%,var(--lilac-800) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tile-nota{font-size:12px;color:var(--ink-faint)}.grafica{position:relative}.grafica svg{display:block;outline:none}.grafica svg:focus-visible{box-shadow:0 0 0 2px var(--lilac-500);border-radius:4px}.grafica .barra{fill:var(--lilac-500)}.grafica .barra.activa{fill:var(--lilac-700)}.grafica .rejilla{stroke:var(--hairline-soft);stroke-width:1}.grafica .base{stroke:var(--hairline);stroke-width:1}.grafica .eje{fill:var(--ink-faint);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grafica .tooltip{position:absolute;transform:translateX(-50%);pointer-events:none;background:rgb(255 255 255/.85);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);color:var(--ink);border:1px solid var(--hairline-soft);border-radius:12px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;white-space:nowrap;box-shadow:var(--shadow-lift)}.grafica .tooltip strong{font-size:15px}.grafica .tooltip span{font-size:12px;color:var(--ink-faint)}.tabla-alterna{margin-top:12px}.tabla-alterna summary{cursor:pointer;color:var(--ink-faint);font-size:13px}.tabla-alterna table{margin-top:8px;max-width:320px}ul.codigos{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;padding:0}.login{min-height:100vh;max-width:none;display:grid;place-items:center;padding:24px}.login .tarjeta{width:100%;max-width:420px;padding:30px;box-shadow:var(--shadow-lift)}.login h1{font-size:22px;letter-spacing:-.028em;margin:0 0 4px;color:var(--ink)}.login form{display:flex;flex-direction:column;gap:6px}.activar{max-width:600px;margin:0;padding:0}.activar .tarjeta{display:flex;flex-direction:column;gap:6px}.activar form.tarjeta{counter-reset:paso 1}.activar .etiqueta{display:flex;align-items:center;gap:10px;font-weight:650;margin-top:12px;color:var(--ink)}.activar .etiqueta:first-child{margin-top:0}.activar .etiqueta:before{counter-increment:paso;content:counter(paso);display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:rgb(from var(--lilac-500) r g b/.12);color:var(--lilac-600);font-size:12px;font-weight:700}.activar>.tarjeta:first-child .etiqueta:before{content:"1"}.activar .opcional{font-weight:400;color:var(--ink-faint)}.activar input{width:100%;min-height:46px}.activar input.codigo{font-size:26px;letter-spacing:.22em;text-transform:uppercase;text-align:center;font-weight:600;color:var(--lilac-800);background:var(--sunken)}.activar .ayuda{margin:0;color:var(--ink-faint);font-size:13px}.activar button.grande{min-height:50px;margin-top:16px;width:100%;font-size:16px}.activar .acciones{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.activar .acciones button{min-height:44px}.activar .aviso{margin:12px 0 0}.login.activar .etiqueta:before{display:none}.ficha-grid{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);grid-gap:0 16px;gap:0 16px;align-items:start}@media (max-width:1000px){.ficha-grid{grid-template-columns:minmax(0,1fr)}}button.enlace-boton{align-self:flex-start;background:none;border:none;box-shadow:none;padding:2px 0;color:var(--lilac-700);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;border-radius:6px}button.enlace-boton:hover:not(:disabled){background:none;color:var(--lilac-800)}dialog.modal{width:min(480px,calc(100vw - 32px));padding:0;border:1px solid var(--hairline-soft);border-radius:var(--radius-card);background:var(--surface);color:var(--ink);box-shadow:0 20px 60px rgb(60 30 90/.25)}dialog.modal::-webkit-backdrop{background:rgb(40 20 70/.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog.modal::backdrop{background:rgb(40 20 70/.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-cuerpo{padding:24px}.modal-cuerpo h3{margin:0 0 6px;font-size:18px;font-weight:700;letter-spacing:-.02em}.modal-cuerpo input{width:100%;min-height:46px;margin-top:6px}.partir{overflow-wrap:anywhere}@media (max-width:640px){main{padding:16px}header.app{padding:10px 16px}nav.tabs{padding:10px 12px 0}.intro h2{font-size:24px}button,input,select,textarea{font-size:16px}.tile.hero{grid-column:auto}.tile.hero .tile-valor{font-size:40px}}