:root{--color-primary:#2563eb;--color-accent:#7c3aed;--color-primary-soft:#2563eb1f;--color-accent-soft:#7c3aed1f;--bg:#0b0f1a;--bg-elevated:#111827;--surface:#ffffff09;--surface-2:#ffffff12;--border:#ffffff14;--border-strong:#ffffff29;--bg-light:#f5f7fb;--surface-light:#fff;--border-light:#e8ecf3;--text:#f1f5f9;--text-muted:#b6c2d4;--text-dim:#9aa8bd;--text-faint:#8494ac;--text-dark:#1f2937;--text-dark-muted:#545e6b;--ok:#10b981;--ok-dark:#059669;--ok-soft:#10b98124;--warn:#f59e0b;--warn-soft:#f59e0b24;--danger:#ef4444;--danger-dark:#dc2626;--danger-soft:#ef444424;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--font:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs:13px;--fs-sm:15px;--fs-base:17px;--fs-lg:20px;--fs-xl:26px;--fs-2xl:34px;--lh:1.5;--touch:48px;--shadow-sm:0 2px 8px #00000040;--shadow:0 8px 28px #00000059;--shadow-light:0 2px 8px #0000000f;--transition:.18s ease}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-track{background:0 0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.fade-up{animation:.35s both fadeUp}.fade-in{animation:.25s both fadeIn}.scale-in{animation:.3s cubic-bezier(.2,.9,.3,1.1) both scaleIn}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.stack-sm{gap:var(--sp-2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-3);display:flex}.row-tight{align-items:center;gap:var(--sp-2);display:flex}.spacer{margin-left:auto}.grow{flex:1;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.center{justify-content:center;align-items:center;display:flex}.portada{min-height:100vh;padding:var(--sp-8) var(--sp-5);background:radial-gradient(ellipse 90% 60% at 50% -10%, color-mix(in srgb, var(--color-primary) 42%, transparent), transparent 70%), radial-gradient(ellipse 70% 50% at 85% 105%, color-mix(in srgb, var(--color-accent) 30%, transparent), transparent 70%), var(--bg);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.portada:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(to right, color-mix(in srgb, var(--color-primary) 12%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-primary) 12%, transparent) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%)}.portada__inner{z-index:1;gap:var(--sp-6);flex-direction:column;width:100%;max-width:1080px;margin:0 auto;display:flex;position:relative}.portada__badge{align-self:flex-start;align-items:center;gap:var(--sp-2);padding:8px var(--sp-4);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--color-primary) 45%, transparent);background:color-mix(in srgb, var(--color-primary) 14%, transparent);color:#fff;font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:700;display:inline-flex}.portada__marca{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.portada__logo{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));width:76px;height:76px;font-size:var(--fs-xl);color:#fff;box-shadow:0 12px 40px color-mix(in srgb, var(--color-primary) 40%, transparent);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.portada__logo img{object-fit:cover;width:100%;height:100%}.portada__nombre{letter-spacing:-.02em;color:#fff;text-wrap:balance;font-size:clamp(34px,7.5vw,76px);font-weight:800;line-height:1.04}.portada__ubicacion{font-size:var(--fs-lg);color:var(--text-muted);line-height:1.4}.portada__reloj{align-items:baseline;gap:var(--sp-3);color:var(--text-muted);flex-wrap:wrap;display:flex}.portada__hora{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-2xl);color:#fff;font-weight:700;line-height:1}.portada__fecha{font-size:var(--fs-sm)}.portada__fecha:first-letter{text-transform:uppercase}.portada__roles{gap:var(--sp-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}@media (width<=1000px){.portada__roles{grid-template-columns:repeat(2,minmax(0,1fr))}}.rolecard{align-items:flex-start;gap:var(--sp-2);min-height:160px;padding:var(--sp-5);text-align:left;border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 82%, transparent);color:var(--text);transition:transform var(--transition), border-color var(--transition), background var(--transition);flex-direction:column;display:flex}.rolecard:hover{border-color:color-mix(in srgb, var(--color-primary) 60%, transparent);background:color-mix(in srgb, var(--color-primary) 12%, var(--bg-elevated));transform:translateY(-3px)}.rolecard:active{transform:translateY(-1px)}.rolecard:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.rolecard__icon{border-radius:var(--radius);background:color-mix(in srgb, var(--color-primary) 20%, transparent);color:#fff;width:52px;height:52px;margin-bottom:var(--sp-1);justify-content:center;align-items:center;display:flex}.rolecard__title{font-size:var(--fs-base);font-weight:700}.rolecard__desc{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.45}.portada .enter{animation:.5s cubic-bezier(.2,.8,.3,1) both fadeUp;animation-delay:calc(var(--i,0) * 70ms)}@media (prefers-reduced-motion:reduce){.portada .enter{animation:none}}@media (width<=600px){.portada{padding:var(--sp-6) var(--sp-4)}.portada__roles{grid-template-columns:minmax(0,1fr)}.rolecard{min-height:var(--touch);flex-direction:row;align-items:center}.rolecard__icon{margin-bottom:0}}.rolebar{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:60;flex-wrap:wrap;display:flex;position:sticky;top:0}.rolebar__brand{min-height:var(--touch);align-items:center;gap:var(--sp-2);padding:0 var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text);transition:background var(--transition);font-weight:700;display:flex}.rolebar__brand:hover{background:var(--surface-2)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.rolebar__mark{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));width:30px;height:30px;font-size:var(--fs-xs);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.rolebar__mark img{object-fit:cover;width:100%;height:100%}.rolebar__tabs{flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.rolebar__tab{min-height:var(--touch);padding:10px var(--sp-4);border-radius:var(--radius-pill);font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;transition:background var(--transition), color var(--transition);flex-shrink:0;align-items:center;gap:6px;font-weight:600;display:flex}.rolebar__tab:hover{background:var(--surface-2);color:var(--text)}.rolebar__tab--active,.rolebar__tab--active:hover{background:var(--color-primary);color:#fff}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:12px var(--sp-4);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--text);background:var(--surface-2);border:1px solid var(--border);transition:filter var(--transition), transform var(--transition);font-weight:600;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.45}.btn--primary{background:var(--color-primary);color:#fff;border-color:#0000}.btn--accent{background:var(--color-accent);color:#fff;border-color:#0000}.btn--ok{background:var(--ok-dark);color:#fff;border-color:#0000}.btn--danger{background:var(--danger-dark);color:#fff;border-color:#0000}.btn--ghost{border-color:var(--border);color:var(--text-muted);background:0 0}.btn--block{width:100%}.btn--sm{min-height:var(--touch);padding:10px var(--sp-3);font-size:var(--fs-xs);border-radius:var(--radius-sm)}.btn--icon{width:var(--touch);height:var(--touch);min-height:var(--touch);border-radius:var(--radius-sm);padding:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5)}.card--flush{padding:0;overflow:hidden}.card__title{font-size:var(--fs-base);color:var(--text);margin-bottom:var(--sp-4);align-items:center;gap:var(--sp-2);font-weight:700;display:flex}.card__label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:700;line-height:1.4}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4)}.kpi__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-2xl);margin-top:6px;font-weight:700;line-height:1.1}.kpi__sub{font-size:var(--fs-xs);color:var(--text-faint);margin-top:5px;line-height:1.4}.field{flex-direction:column;gap:5px;display:flex}.field>label,.field>span:first-child{font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);font-weight:700}.field__hint{font-size:var(--fs-xs);color:var(--text-faint);line-height:1.45}.input,.select,.textarea{width:100%;min-height:var(--touch);padding:12px var(--sp-3);font-size:var(--fs-sm);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);transition:border-color var(--transition)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary)}.textarea{resize:vertical;min-height:88px;line-height:1.55}.input--color{cursor:pointer;height:40px;padding:4px}.switch{min-height:var(--touch);align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.switch input{width:22px;height:22px;accent-color:var(--color-primary);cursor:pointer}.badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);white-space:nowrap;padding:5px 11px;font-weight:700;line-height:1.3;display:inline-block}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--color-primary-soft);color:var(--color-primary)}.badge--neutral{background:var(--surface-2);color:var(--text-muted)}.chip{min-height:var(--touch);padding:10px var(--sp-4);border-radius:var(--radius-pill);font-size:var(--fs-xs);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;transition:background var(--transition), color var(--transition);border:1px solid #0000;flex-shrink:0;align-items:center;font-weight:600;display:inline-flex}.chip--active{background:var(--color-primary);color:#fff}.chip-row{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot--ok{background:var(--ok)}.dot--danger{background:var(--danger)}.dot--warn{background:var(--warn)}.list{flex-direction:column;display:flex}.list__item{align-items:center;gap:var(--sp-3);min-height:var(--touch);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);text-align:left;width:100%;display:flex}.list__item:last-child{border-bottom:none}button.list__item{min-height:var(--touch);transition:background var(--transition)}button.list__item:hover{background:var(--surface-2)}.list__title{font-size:var(--fs-sm);color:var(--text);font-weight:600;line-height:1.35}.list__sub{font-size:var(--fs-xs);color:var(--text-faint);margin-top:3px;line-height:1.4}.list__meta{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.list__empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-faint);font-size:var(--fs-sm);line-height:var(--lh)}.list--scroll{max-height:420px;overflow-y:auto}.avatar{border-radius:var(--radius);width:44px;height:44px;font-weight:700;font-size:var(--fs-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar--ok{background:var(--ok-soft);color:var(--ok)}.avatar--warn{background:var(--warn-soft);color:var(--warn)}.avatar--danger{background:var(--danger-soft);color:var(--danger)}.avatar--info{background:var(--color-primary-soft);color:var(--color-primary)}.view{width:100%;max-width:1120px;padding:var(--sp-5);flex:1;margin:0 auto}.view--narrow{max-width:760px}.view__head{margin-bottom:var(--sp-5)}.view__title{font-size:var(--fs-2xl);color:var(--text);font-weight:800}.view__sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:3px}.grid-2{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-4{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.chat{background:var(--bg-elevated);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;width:100%;max-width:560px;height:calc(100vh - 58px);margin:0 auto;display:flex}.chat__head{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;flex-wrap:wrap;display:flex}.chat__head-title{font-weight:700;font-size:var(--fs-base)}.chat__head-sub{font-size:var(--fs-xs);opacity:.85}.chat__body{padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat__daymark{background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-xs);border-radius:var(--radius-pill);margin-bottom:var(--sp-2);align-self:center;padding:4px 12px;font-weight:600;line-height:1.4}.bubble{max-width:82%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--fs-base);line-height:var(--lh);white-space:pre-wrap;box-shadow:var(--shadow-sm)}.bubble--bot{background:var(--surface-2);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.bubble--user{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble--sistema{background:var(--ok-soft);max-width:92%;color:var(--ok);font-size:var(--fs-sm);text-align:center;border-radius:var(--radius);box-shadow:none;align-self:center;font-weight:600}.bubble__meta{font-size:var(--fs-xs);opacity:.75;text-align:right;margin-top:4px}.bubble strong{font-weight:700}.typing{background:var(--surface-2);border-radius:var(--radius-lg);border-bottom-left-radius:4px;align-self:flex-start;gap:4px;padding:13px 16px;display:flex}.typing span{background:var(--color-primary);border-radius:50%;width:7px;height:7px;animation:1.2s infinite pulseDot}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.codecard{background:var(--bg);border:1px solid var(--color-primary);border-radius:var(--radius-lg);width:100%;max-width:340px;padding:var(--sp-4);align-self:flex-start}.codecard__code{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.16em;text-align:center;color:#fff;padding:var(--sp-4) 0;margin:var(--sp-2) 0;border:1px dashed var(--color-primary);border-radius:var(--radius);background:#00000059;font-size:42px;font-weight:800}.codecard__rows{gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);flex-direction:column;line-height:1.45;display:flex}.codecard__rows b{color:var(--text);font-weight:600}.chat__foot{padding:var(--sp-3) var(--sp-4);background:var(--bg);border-top:1px solid var(--border);gap:var(--sp-2);flex-direction:column;display:flex}.chat__quick{flex-wrap:wrap;gap:6px;display:flex}.chat__input-row{gap:var(--sp-2);align-items:center;display:flex}.chat__input{min-height:var(--touch);padding:12px var(--sp-4);font-size:var(--fs-sm);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);flex:1}.chat__send{width:var(--touch);height:var(--touch);background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.garita{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.garita__head{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.garita__clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-xl);color:var(--text);font-weight:700}.pinpad{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-5)}.pin-display{justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.pin-cell{border-radius:var(--radius);background:var(--surface-2);border:2px solid var(--border);width:54px;height:68px;font-family:var(--font-mono);color:var(--text);transition:border-color var(--transition), background var(--transition);justify-content:center;align-items:center;font-size:32px;font-weight:800;display:flex}.pin-cell--filled{border-color:var(--color-primary);background:var(--color-primary-soft)}.pin-caret{background:var(--color-primary);width:2px;height:26px;animation:1s step-end infinite blink}.numpad{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.numpad__key{min-height:64px;padding:var(--sp-4) var(--sp-2);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);transition:background var(--transition), transform var(--transition);font-size:28px;font-weight:700}.numpad__key:hover{background:var(--border-strong)}.numpad__key:active{transform:scale(.96)}.numpad__key--del{background:var(--danger-soft);color:var(--danger);border-color:#ef44444d}.veredicto{border-radius:var(--radius-xl);padding:var(--sp-6);border:2px solid}.veredicto--ok{background:var(--ok-soft);border-color:var(--ok-dark)}.veredicto--no{background:var(--danger-soft);border-color:var(--danger-dark)}.veredicto--neutral{background:var(--surface);border-color:var(--border);border-width:1px}.veredicto__icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.veredicto__icon--ok{background:var(--ok-dark)}.veredicto__icon--no{background:var(--danger-dark)}.veredicto__title{font-size:var(--fs-2xl);font-weight:800;line-height:1.1}.veredicto__title--ok{color:var(--ok)}.veredicto__title--no{color:var(--danger)}.veredicto__sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:4px}.veredicto__datos{gap:var(--sp-4);border-radius:var(--radius);padding:var(--sp-4);margin:var(--sp-5) 0;background:#00000047;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.veredicto__dato-k{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-weight:700;line-height:1.35}.veredicto__dato-v{font-size:var(--fs-base);color:var(--text);margin-top:2px;font-weight:700}.spinner{border:3px solid var(--color-primary);border-top-color:#0000;border-radius:50%;width:52px;height:52px;animation:.8s linear infinite spin}.portal{background:var(--bg-light);color:var(--text-dark);border-radius:var(--radius-lg);max-width:460px;box-shadow:var(--shadow);margin:0 auto;overflow:hidden}.portal__hero{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;padding:var(--sp-6) var(--sp-5)}.portal__saldo{margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--radius);background:#ffffff2e}.portal__saldo-v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:4px;font-size:34px;font-weight:700}.portal__body{padding:var(--sp-4);gap:var(--sp-4);flex-direction:column;display:flex}.portal__card{background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-light);overflow:hidden}.portal__card-title{font-size:var(--fs-base);padding:var(--sp-4);align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--border-light);color:var(--text-dark);flex-wrap:wrap;font-weight:700;display:flex}.portal .list__item{border-bottom-color:var(--border-light)}.portal .list__title{color:var(--text-dark)}.portal .list__sub,.portal .list__empty{color:var(--text-dark-muted)}.portal .select{background:var(--surface-light);border-color:var(--border-light);color:var(--text-dark)}.portal .field>label{color:var(--text-dark-muted)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.foto-drop{justify-content:center;align-items:center;gap:var(--sp-2);min-height:72px;padding:var(--sp-5) var(--sp-4);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--transition), color var(--transition);font-weight:600;display:flex}.foto-drop:hover{border-color:var(--color-primary);color:var(--color-primary)}.foto-previa{align-items:center;gap:var(--sp-3);padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:flex}.foto-previa img{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:56px;height:56px}.miniatura{border-radius:var(--radius-sm);border:1px solid var(--border);transition:border-color var(--transition);flex-shrink:0;padding:0;display:block;overflow:hidden}.miniatura:hover{border-color:var(--color-primary)}.miniatura img{object-fit:cover;width:44px;height:44px;display:block}.field__hint--error{color:var(--danger)}.modal .miniatura img{object-fit:contain;background:#0000004d;width:100%;height:auto;max-height:220px}.modal .miniatura{width:100%}.modal__backdrop{padding:var(--sp-4);z-index:1000;background:#03060fb3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;animation:.25s scaleIn;overflow-y:auto}.modal__head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--border);font-weight:700;font-size:var(--fs-base);line-height:1.35;display:flex}.modal__body{padding:var(--sp-4);gap:var(--sp-4);flex-direction:column;display:flex}.toast{z-index:2000;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border-strong);width:calc(100% - 40px);max-width:380px;box-shadow:var(--shadow);font-size:var(--fs-sm);font-weight:600;line-height:var(--lh);text-align:center;padding:12px 18px;animation:.25s toastIn;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast--ok{border-color:var(--ok-dark);color:var(--ok)}.toast--error{border-color:var(--danger-dark);color:var(--danger)}.bars{align-items:flex-end;gap:6px;height:120px;display:flex}.bars__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bars__bar{background:var(--surface-2);width:100%;transition:height var(--transition);border-radius:4px 4px 0 0;min-height:2px}.bars__bar--active{background:linear-gradient(180deg, var(--color-primary), var(--color-accent))}.bars__lbl{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600;line-height:1.3}.bars{gap:var(--sp-2)}.bars__col{min-height:var(--touch)}@media (width<=900px){.garita{grid-template-columns:minmax(0,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.view{padding:var(--sp-4)}.numpad__key{font-size:var(--fs-xl);padding:22px 8px}.pin-cell{width:44px;height:60px}}@media (width<=600px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.veredicto__datos{grid-template-columns:minmax(0,1fr)}.view__title{font-size:var(--fs-lg)}.chat{border:none;height:calc(100vh - 96px)}}@media (width<=420px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.pin-cell{width:40px;height:52px;font-size:var(--fs-xl)}}