:root{--rojo:#E62A2B;--rojo-osc:#C31F20;--rojo-hondo:#AA1917;--grafito:#353235;--tinta:#1C1A1C;--bg:#F5F3F2;--card:#FFFFFF;--inp:#FFFFFF;--dis:#F1EEEE;--txt:#191719;--txt2:#6E696D;--txt3:#7A747A;--bd:#E4E0E1;--bd2:#EFECEC;--ok:#15803D;--warn:#9A5B06;--nok:#9F1D1D;--r-lg:12px;--r-md:9px;--r-sm:7px;--ease:cubic-bezier(.2,.8,.2,1);--t-rapido:150ms;--t-normal:220ms;color-scheme:light dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0F0E0F;--card:#1A181A;--inp:#201D20;--dis:#232023;--txt:#F3F1F2;--txt2:#A6A0A5;--txt3:#8B858A;--bd:#2F2C2F;--bd2:#262326;--ok:#48BE7C;--warn:#E0A038;--nok:#F0796F}}:root[data-theme=dark]{--bg:#0F0E0F;--card:#1A181A;--inp:#201D20;--dis:#232023;--txt:#F3F1F2;--txt2:#A6A0A5;--txt3:#8B858A;--bd:#2F2C2F;--bd2:#262326;--ok:#48BE7C;--warn:#E0A038;--nok:#F0796F}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--txt);font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.contenedor{max-width:1040px;margin:0 auto;padding:0 20px}.cabecera{background:var(--tinta);border-bottom:3px solid var(--rojo);position:relative;overflow:hidden}.cabecera:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(105deg,rgba(230,42,43,.3) 0 2px,transparent 2px 14px);-webkit-mask-image:linear-gradient(90deg,transparent 45%,#000);mask-image:linear-gradient(90deg,transparent 45%,#000)}.cabecera .contenedor{display:flex;align-items:center;gap:14px;padding-top:18px;padding-bottom:18px;position:relative;z-index:1}.marca{width:40px;height:40px;flex:none;border-radius:10px;background:var(--rojo);display:grid;place-items:center;box-shadow:0 4px 12px rgba(230,42,43,.35)}.marca svg{width:24px;height:24px;fill:#fff}.titulo{color:#fff;font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0}.subtitulo{color:rgba(255,255,255,.62);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 2px}.num{display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 9px;background:var(--rojo);color:#fff;font:600 12px/1 ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;-webkit-clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}.tarjeta{background:var(--card);border:1px solid var(--bd);border-radius:var(--r-lg);padding:18px 20px;margin:16px 0}.tarjeta h2{font-size:15px;margin:0 0 4px;display:flex;align-items:center;gap:10px}.tarjeta p.nota{color:var(--txt2);font-size:13px;margin:0 0 14px}.pastilla{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--bd)}.pastilla .punto{width:7px;height:7px;border-radius:50%;background:currentColor}.pastilla.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.pastilla.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.pastilla.nok{color:var(--nok);border-color:color-mix(in srgb,var(--nok) 35%,transparent)}.tabla-envuelta{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:8px 10px;color:var(--txt3);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--bd);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid var(--bd2);vertical-align:top}tr:last-child td{border-bottom:0}td.mono,th.mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px}td.centro{text-align:center}.rejilla{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dato{background:var(--dis);border-radius:var(--r-md);padding:12px 14px}.dato .cifra{font-size:24px;font-weight:700;letter-spacing:-.02em}.dato .rotulo{color:var(--txt2);font-size:12px;margin-top:2px}.pie{color:var(--txt3);font-size:12px;padding:28px 0 40px}.barra-sup{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0 2px}.barra-sup .crece{flex:1 1 auto}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--bd);background:var(--card);color:var(--txt);font:600 14px/1 Inter,system-ui,sans-serif;padding:10px 16px;border-radius:var(--r-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background var(--t-rapido) var(--ease),border-color var(--t-rapido) var(--ease),transform var(--t-rapido) var(--ease)}.btn:hover:not(:disabled){border-color:var(--txt3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primario{background:var(--rojo);border-color:var(--rojo);color:#fff;box-shadow:0 2px 8px rgba(230,42,43,.25)}.btn.primario:hover:not(:disabled){background:var(--rojo-osc);border-color:var(--rojo-osc)}.btn.fantasma{background:transparent}.btn.chico{padding:6px 11px;font-size:13px}.btn.peligro{color:var(--nok);border-color:color-mix(in srgb,var(--nok) 35%,transparent)}.btn svg{width:16px;height:16px}.suelta{border:2px dashed var(--bd);border-radius:var(--r-lg);background:var(--dis);padding:30px 20px;text-align:center;cursor:pointer;transition:border-color var(--t-normal) var(--ease),background var(--t-normal) var(--ease)}.suelta.encima,.suelta:hover{border-color:var(--rojo);background:var(--card)}.suelta.encima{border-style:solid}.suelta .icono{width:40px;height:40px;margin:0 auto 10px;display:block;stroke:var(--rojo);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.suelta .grande{font-size:15px;font-weight:600}.suelta .chica{color:var(--txt2);font-size:13px;margin-top:4px}.casillas{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start}.casilla{display:flex;align-items:flex-start;gap:10px;border-left:1px solid var(--bd);border:1px solid var(--bd);border-left-width:3px;border-radius:var(--r-md);background:var(--card);padding:10px 12px;transition:border-color var(--t-rapido) var(--ease)}.casilla.vacia{background:var(--dis)}.casilla.trabajando{border-left-color:var(--rojo)}.casilla.aprobado{border-left-color:var(--ok)}.casilla.observado{border-left-color:var(--warn)}.casilla.error,.casilla.rechazado{border-left-color:var(--nok)}.casilla.error{border-style:dashed}.casilla .orden{font:600 12px/1 ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;color:var(--txt3);padding-top:3px;min-width:20px}.casilla .cuerpo{flex:1 1;min-width:0}.casilla .nombre{font-size:13.5px;font-weight:600;line-height:1.35}.casilla .archivo{font:11.5px/1.4 ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;color:var(--txt3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.casilla .motivo{font-size:12.5px;color:var(--txt2);margin-top:5px;line-height:1.45}.casilla .motivo.recortado{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.casilla .vermas{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:2px 0;margin-top:2px;color:var(--rojo);font:600 12px/1.4 Inter,system-ui,sans-serif;cursor:pointer}.casilla .vermas:hover{text-decoration:underline}.casilla.rechazado .motivo{color:var(--nok)}.casilla .acciones{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.estado{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600}.estado.aprobado{color:var(--ok)}.estado.observado{color:var(--warn)}.estado.rechazado{color:var(--nok)}.estado.trabajando,.estado.vacia{color:var(--txt3)}.girando{width:11px;height:11px;border-radius:50%;border:2px solid color-mix(in srgb,var(--rojo) 25%,transparent);border-top-color:var(--rojo);animation:gira .7s linear infinite}@keyframes gira{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.girando{animation-duration:2.5s}}.bandeja{border:1px solid color-mix(in srgb,var(--warn) 40%,var(--bd));border-radius:var(--r-lg);background:color-mix(in srgb,var(--warn) 7%,var(--card));padding:14px 16px;margin:16px 0}.bandeja h3{font-size:13px;margin:0 0 3px;color:var(--warn);display:flex;align-items:center;gap:8px}.bandeja .nota{font-size:12.5px;color:var(--txt2);margin:0 0 12px}.item-bandeja{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 0;border-top:1px solid var(--bd2)}.item-bandeja:first-of-type{border-top:0}.item-bandeja .desc{flex:1 1 220px;min-width:0}.item-bandeja .desc .t{font-size:13px;font-weight:600}.item-bandeja .desc .s{font-size:12px;color:var(--txt2);margin-top:2px}input[type=date],input[type=email],input[type=text],select,textarea{font:14px/1.4 Inter,system-ui,sans-serif;background:var(--inp);color:var(--txt);border:1px solid var(--bd);border-radius:var(--r-sm);padding:9px 11px;width:100%}@media (max-width:640px){input[type=date],input[type=email],input[type=text],select,textarea{font-size:16px}}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--rojo) 45%,transparent);outline-offset:1px;border-color:var(--rojo)}textarea{min-height:200px;resize:vertical;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12.5px}label.campo{display:block;margin-bottom:14px}label.campo>.rotulo{display:block;font-size:12.5px;font-weight:600;margin-bottom:5px}label.campo>.pista{display:block;font-size:12px;color:var(--txt3);margin-top:4px}.form-rejilla{display:grid;grid-gap:0 16px;gap:0 16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.linea{list-style:none;padding:0;margin:0}.linea li{display:flex;gap:10px;padding:7px 0;border-top:1px solid var(--bd2);font-size:13px}.linea li:first-child{border-top:0}.linea .hora{font:11.5px/1.6 ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;color:var(--txt3);flex:none;width:62px}.linea .quien{color:var(--txt3);font-size:11.5px}.aviso{border-radius:var(--r-md);padding:12px 14px;font-size:13.5px;margin:14px 0;border:1px solid var(--bd);line-height:1.5}.aviso.ok{border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:color-mix(in srgb,var(--ok) 8%,var(--card))}.aviso.warn{border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 8%,var(--card))}.aviso.nok{border-color:color-mix(in srgb,var(--nok) 40%,transparent);background:color-mix(in srgb,var(--nok) 8%,var(--card))}.aviso strong{font-weight:700}.nav{display:flex;gap:4px;margin:4px 0 0;flex-wrap:wrap}.nav a{text-decoration:none;font-size:13px;font-weight:600;padding:7px 13px;border-radius:var(--r-sm);color:rgba(255,255,255,.72)}.nav a:hover{background:rgba(255,255,255,.1);color:#fff}.nav a[aria-current=page]{background:var(--rojo);color:#fff}.centrado{text-align:center;padding:40px 20px;color:var(--txt2)}.enlace{color:var(--rojo);font-weight:600;text-decoration:none}.enlace:hover{text-decoration:underline}