:root{--paper: #f7f5f0;--paper-raised: #fdfcfa;--paper-sunken: #efece4;--paper-deep: #e8e4da;--ink-1: #141413;--ink-2: #4a4843;--ink-3: #807c73;--ink-inverse: #f7f5f0;--line-hair: #d9d4c9;--line-strong: #141413;--red: #e10600;--red-deep: #b00500;--carbon-1: #141413;--carbon-2: #232220;--positive: #2e6e3e;--warning: #9a6b15;--negative: #b00500;--info: #2f5a78;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-0: 0;--r-sm: 2px;--r-pill: 999px;--topnav-h: 64px;--row-h: 44px;--row-h-compact: 36px;--gutter: 32px;--sidebar-w: 248px;--sidebar-w-collapsed: 72px;--f-sans: "Archivo", system-ui, sans-serif;--f-narrow: "Archivo Narrow", "Archivo", sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, monospace;--f-serif: "Instrument Serif", Georgia, serif;--shadow-pop: 0 12px 32px rgba(20, 20, 19, .18)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink-1);font:400 14px/1.55 var(--f-sans)}.t-display{font:800 44px/.95 var(--f-sans);text-transform:uppercase;letter-spacing:-.01em}.t-h1{font:800 32px/1.05 var(--f-sans);text-transform:uppercase}.t-h2{font:700 20px/1.2 var(--f-sans)}.t-h3{font:700 14px/1.3 var(--f-sans);text-transform:uppercase;letter-spacing:.05em}.t-sm{font-size:13px}.t-xs{font-size:12px;color:var(--ink-2)}.t-stat{font:700 42px/1 var(--f-narrow);font-variant-numeric:tabular-nums}.t-serif{font-family:var(--f-serif);font-style:italic;text-transform:none;letter-spacing:0}.t-label{font:500 11px/1.3 var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.t-mono{font-family:var(--f-mono);font-size:13px}.num{font-family:var(--f-narrow);font-variant-numeric:tabular-nums;font-weight:700}.shell{display:flex;height:100%}.shell-main{flex:1;overflow:auto;padding:var(--sp-6) var(--gutter)}.sidebar{width:var(--sidebar-w);background:var(--paper-raised);border-right:1px solid var(--line-hair);display:flex;flex-direction:column;transition:width .15s ease}.sidebar.colapsado{width:var(--sidebar-w-collapsed)}.sidebar-brand{height:var(--topnav-h);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);border-bottom:1px solid var(--line-hair)}.brand-mark{background:var(--red);color:var(--ink-inverse);font:900 13px/1 var(--f-sans);padding:6px 8px;letter-spacing:.04em}.brand-text{font:800 12px/1.1 var(--f-sans);text-transform:uppercase;letter-spacing:.06em}.sidebar-nav{flex:1;padding:var(--sp-4) 0;overflow-y:auto}.nav-eyebrow{padding:var(--sp-4) var(--sp-4) var(--sp-1)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);height:var(--row-h);padding:0 var(--sp-4);color:var(--ink-2);text-decoration:none;border-left:3px solid transparent;cursor:pointer;background:none;border-top:0;border-right:0;border-bottom:0;width:100%;font:400 14px/1 var(--f-sans);text-align:left}.nav-item:hover{background:var(--paper-sunken)}.nav-item.activo{border-left-color:var(--red);background:var(--paper-sunken);color:var(--ink-1);font-weight:700}.nav-item svg{flex:0 0 auto}.sidebar.colapsado .nav-item{justify-content:center;padding:0}.sidebar.colapsado .nav-label,.sidebar.colapsado .nav-eyebrow,.sidebar.colapsado .brand-text{display:none}.sidebar-foot{border-top:1px solid var(--line-hair);padding:var(--sp-2) 0}.sidebar-toggle{width:100%;height:var(--row-h-compact);background:none;border:0;cursor:pointer;color:var(--ink-3);font:500 14px/1 var(--f-mono)}.sidebar-toggle:hover{background:var(--paper-sunken)}.sidebar-avatar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4)}.avatar-dot{width:28px;height:28px;border-radius:var(--r-pill);background:var(--carbon-2);color:var(--ink-inverse);display:flex;align-items:center;justify-content:center;font:700 11px/1 var(--f-sans);flex:0 0 auto}.page-head{margin-bottom:var(--sp-6);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4)}.page-title .t-serif{color:var(--red)}.page-sub{color:var(--ink-2);margin-top:var(--sp-1)}.kpi-band{display:flex;gap:0;border:1px solid var(--line-hair);background:var(--paper-raised);margin-bottom:var(--sp-5)}.kpi{flex:1;padding:var(--sp-4) var(--sp-5);border-right:1px solid var(--line-hair)}.kpi:last-child{border-right:0}.kpi .neg{color:var(--negative)}.chip{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;padding:4px 8px;border:1px solid var(--line-hair);background:var(--paper-raised);color:var(--ink-2);white-space:nowrap}.chip.positive{color:var(--positive);border-color:var(--positive)}.chip.warning{color:var(--warning);border-color:var(--warning)}.chip.negative{color:var(--negative);border-color:var(--negative)}.chip.info{color:var(--info);border-color:var(--info)}.btn{font:700 13px/1 var(--f-sans);text-transform:uppercase;letter-spacing:.04em;padding:12px 20px;cursor:pointer;border-radius:var(--r-0);border:1px solid var(--line-strong);background:var(--paper-raised);color:var(--ink-1)}.btn:hover{background:var(--paper-sunken)}.btn.primary{background:var(--carbon-1);color:var(--ink-inverse)}.btn.primary:hover{background:var(--carbon-2)}.btn.brand{background:var(--red);border-color:var(--red);color:var(--ink-inverse)}.btn.brand:hover{background:var(--red-deep)}.btn.ghost{border-color:transparent;background:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{padding:8px 12px;font-size:12px}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field input,.field select{font:400 14px/1.4 var(--f-sans);color:var(--ink-1);background:var(--paper-sunken);border:1px solid var(--line-hair);padding:10px 12px;border-radius:var(--r-0)}.field input:focus,.field select:focus{outline:2px solid var(--ink-1);outline-offset:-1px}.tabla{width:100%;border-collapse:collapse;background:var(--paper-raised);border:1px solid var(--line-hair)}.tabla th{font:500 11px/1.3 var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);text-align:left;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-strong)}.tabla td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-hair);height:var(--row-h)}.tabla tr.clickable{cursor:pointer}.tabla tr.clickable:hover td{background:var(--paper-sunken)}.empty{text-align:center;padding:var(--sp-8) var(--sp-6);border:1px solid var(--line-hair);background:var(--paper-raised)}.empty .badge{display:inline-block;font:500 11px/1 var(--f-mono);letter-spacing:.1em;border:1px solid var(--red);color:var(--red);padding:4px 10px;margin-bottom:var(--sp-4)}.alerta{border:1px solid var(--negative);color:var(--negative);background:var(--paper-raised);padding:var(--sp-4);margin-bottom:var(--sp-4)}.alerta.ok{border-color:var(--positive);color:var(--positive)}.skeleton{background:linear-gradient(90deg,var(--paper-sunken) 25%,var(--paper-deep) 50%,var(--paper-sunken) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;height:var(--row-h);margin-bottom:var(--sp-2)}@keyframes shimmer{to{background-position:-200% 0}}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line-strong);margin-bottom:var(--sp-5)}.tab{font:700 13px/1 var(--f-sans);text-transform:uppercase;letter-spacing:.04em;padding:12px 20px;cursor:pointer;border:0;background:none;color:var(--ink-3);border-bottom:3px solid transparent;margin-bottom:-1px}.tab.activo{color:var(--ink-1);border-bottom-color:var(--red)}.fila{display:flex;gap:var(--sp-4);align-items:center}.crece{flex:1}.panel{border:1px solid var(--line-hair);background:var(--paper-raised);padding:var(--sp-5)}.hr{border:0;border-top:1px solid var(--line-hair);margin:var(--sp-5) 0}a{color:var(--ink-1)}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center}.login-card{width:360px;border:1px solid var(--line-hair);background:var(--paper-raised);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.tipos{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.tipo-card{border:1px solid var(--line-hair);background:var(--paper-raised);padding:var(--sp-4);cursor:pointer;text-align:left}.tipo-card.activo{border-color:var(--red);box-shadow:inset 3px 0 0 var(--red)}.dropzone{border:1px dashed var(--ink-3);background:var(--paper-sunken);padding:var(--sp-7);text-align:center;cursor:pointer}.dropzone.activo{border-color:var(--red)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141373;display:flex;align-items:center;justify-content:center;z-index:50}.dialog{background:var(--paper-raised);border:1px solid var(--line-strong);box-shadow:var(--shadow-pop);width:440px;padding:var(--sp-6)}.builder{display:grid;grid-template-columns:1fr 280px;gap:var(--sp-5);align-items:start}.filtro-row{display:flex;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-2);flex-wrap:wrap}.filtro-row select,.filtro-row input{font:inherit;font-size:13px;padding:8px 10px;background:var(--paper-sunken);border:1px solid var(--line-hair)}.conteo-panel{border:1px solid var(--line-strong);background:var(--paper-raised);padding:var(--sp-5);text-align:center;position:sticky;top:0}.conteo-panel .t-stat{font-size:56px;color:var(--red)}.grupo-filtros{border:1px solid var(--line-hair);background:var(--paper-raised);padding:var(--sp-4);margin-bottom:var(--sp-4)}.steps{display:flex;gap:0;margin-bottom:var(--sp-6);border:1px solid var(--line-hair);background:var(--paper-raised)}.step{flex:1;padding:var(--sp-3) var(--sp-4);border-right:1px solid var(--line-hair);color:var(--ink-3);font:700 12px/1.3 var(--f-sans);text-transform:uppercase;letter-spacing:.05em}.step:last-child{border-right:0}.step.activo{color:var(--ink-1);box-shadow:inset 0 -3px 0 var(--red)}.step.hecho{color:var(--positive)}.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-bottom:var(--sp-4)}.plantilla-card{border:1px solid var(--line-hair);background:var(--paper-raised);padding:var(--sp-4);cursor:pointer;text-align:left}.plantilla-card.activo{border-color:var(--red);box-shadow:inset 3px 0 0 var(--red)}.preview-frame{width:100%;background:#fff;border:1px solid var(--line-hair);height:480px}.preview-frame.movil{width:390px;margin:0 auto;display:block}textarea.html-input{width:100%;min-height:200px;font:400 12px/1.5 var(--f-mono);background:var(--paper-sunken);border:1px solid var(--line-hair);padding:var(--sp-3);resize:vertical}.toast{position:fixed;bottom:var(--sp-5);right:var(--sp-5);background:var(--carbon-1);color:var(--ink-inverse);border-left:3px solid var(--positive);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-pop);z-index:60;font:700 13px/1.3 var(--f-sans)}.dialog .pii-aviso{font-size:12px;color:var(--warning);border:1px solid var(--warning);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3)}.dialog textarea{width:100%;min-height:120px;font:400 14px/1.5 var(--f-sans);background:var(--paper-sunken);border:1px solid var(--line-hair);padding:var(--sp-3);resize:vertical}.dialog .contexto{font:500 11px/1.4 var(--f-mono);color:var(--ink-3);margin:var(--sp-2) 0 var(--sp-3)}.respuesta-block{border-left:3px solid var(--red);background:var(--paper-sunken);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-2)}.aud-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--sp-6);align-items:start}.seg-option{display:flex;align-items:center;gap:var(--sp-4);width:100%;text-align:left;background:var(--paper-raised);border:1px solid var(--line-hair);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-3);cursor:pointer}.seg-option:hover{background:var(--paper-sunken)}.seg-option.sel{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.seg-radio{width:18px;height:18px;border-radius:var(--r-pill);border:1px solid var(--ink-3);flex:0 0 auto;display:flex;align-items:center;justify-content:center}.seg-option.sel .seg-radio{border-color:var(--red)}.seg-option.sel .seg-radio:after{content:"";width:10px;height:10px;border-radius:var(--r-pill);background:var(--red)}.seg-nombre{font:700 14px/1.3 var(--f-sans)}.seg-desc{font:400 12px/1.4 var(--f-mono);color:var(--ink-3);margin-top:2px}.seg-count{margin-left:auto;font:700 22px/1 var(--f-narrow);font-variant-numeric:tabular-nums}.live-panel{border:1px solid var(--line-strong);background:var(--paper-raised);padding:var(--sp-5);position:sticky;top:0}.live-panel .eyebrow{display:flex;align-items:center;gap:8px}.live-panel .dot{width:7px;height:7px;border-radius:var(--r-pill);background:var(--red)}.live-panel .num{font:700 58px/1 var(--f-narrow);font-variant-numeric:tabular-nums;margin:var(--sp-3) 0 var(--sp-1)}.live-panel .sub{font-family:var(--f-serif);font-style:italic;font-size:16px;color:var(--ink-2)}.live-bar{height:8px;background:var(--paper-sunken);margin:var(--sp-4) 0 var(--sp-2)}.live-bar>span{display:block;height:100%;background:var(--red)}.tpl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.tpl-card{border:1px solid var(--line-hair);background:var(--paper-raised);cursor:pointer;text-align:left;padding:0;overflow:hidden}.tpl-card:hover{border-color:var(--ink-3)}.tpl-card.sel{border-color:var(--red)}.tpl-thumb{height:140px;background:#fff;position:relative;overflow:hidden}.tpl-thumb.empty{background:var(--paper-sunken);display:flex;align-items:center;justify-content:center}.tpl-thumb .bar{position:absolute;top:0;left:0;right:0;height:4px;background:var(--red);z-index:1}.tpl-thumb .plus{font:300 42px/1 var(--f-sans);color:var(--ink-3)}.thumb-frame{width:600px;height:320px;border:0;background:#fff;transform:scale(.46);transform-origin:top left;pointer-events:none}.thumb-vacio{display:flex;align-items:center;justify-content:center;height:100%;color:var(--ink-3)}.thumb-vacio span{font:400 12px/1.4 var(--f-mono)}.tpl-meta{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--line-hair)}.tpl-meta .nombre{font:700 14px/1.3 var(--f-sans)}.tpl-meta .sub{font:400 12px/1.4 var(--f-mono);color:var(--ink-3);margin-top:2px}.tpl-meta .sel-badge{font:500 11px/1 var(--f-mono);color:var(--red);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;display:flex;align-items:center;gap:6px}.tpl-meta .sel-badge .dot{width:6px;height:6px;border-radius:var(--r-pill);background:var(--red)}