:root{--dhl-yellow: #FFCC00;--dhl-yellow-soft: #FFE57F;--dhl-yellow-pale: #FFF0B2;--dhl-red: #D40511;--dhl-red-hover: #E5332A;--dhl-red-dark: #A8040D;--text: #1A1A1A;--text-2: #4D4D4D;--muted: #737373;--line: #D1D1D1;--line-soft: #EBEBEB;--bg: #F2F2F2;--card: #FFFFFF;--ok: #007C39;--ok-bg: #E5F4EC;--warn: #8A5A00;--warn-bg: #FFF4D1;--error: #D40511;--error-bg: #FCE8E9;--info: #1D5A9E;--info-bg: #E8F0FA;--radius: 4px;--shadow: 0 1px 3px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .18);--font: Delivery, Frutiger, "Frutiger LT", "Segoe UI", Arial, Helvetica, sans-serif;--font-cond: "Delivery Condensed", "Arial Narrow", "Roboto Condensed", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--dhl-red)}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2;font-weight:700}h1{font-size:1.75rem}h2{font-size:1.3rem}h3{font-size:1.05rem}p{margin:0 0 .75rem}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--dhl-red);outline-offset:2px}.dhl-bar{background:linear-gradient(90deg,var(--dhl-yellow) 0,var(--dhl-yellow) 30%,var(--dhl-yellow-soft) 79%,var(--dhl-yellow-pale) 100%)}.headline{font-family:var(--font-cond);font-weight:900;text-transform:uppercase;letter-spacing:-.01em}.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.logo svg{display:block}.logo .producto{font-weight:700;font-size:1rem;border-left:1px solid rgba(0,0,0,.25);padding-left:12px;line-height:1.1}.logo .producto small{display:block;font-weight:400;font-size:.75rem;color:var(--text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 20px;border-radius:var(--radius);border:1px solid var(--dhl-red);background:var(--dhl-red);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:var(--dhl-red-hover);border-color:var(--dhl-red-hover)}.btn:disabled{background:#ccc;border-color:#ccc;color:#fff;cursor:not-allowed}.btn.sec{background:#fff;color:var(--dhl-red)}.btn.sec:hover{background:var(--error-bg)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text);font-weight:600}.btn.ghost:hover{background:#0000000f}.btn.dark{background:var(--text);border-color:var(--text)}.btn.dark:hover{background:#333}.btn.ok{background:var(--ok);border-color:var(--ok)}.btn.ok:hover{background:#00672f}.btn.sm{min-height:32px;padding:4px 12px;font-size:.875rem}.btn.lg{min-height:48px;padding:12px 28px;font-size:1.05rem}.btn.block{width:100%}.link{background:none;border:0;padding:0;color:var(--dhl-red);font-weight:600;cursor:pointer;text-decoration:underline}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.field>label,.label{font-size:.85rem;font-weight:700;color:var(--text-2)}.field .req{color:var(--dhl-red)}.field .hint{font-size:.8rem;color:var(--muted)}.field .err{font-size:.8rem;color:var(--error);font-weight:600}.input,select.input,textarea.input{width:100%;min-height:42px;padding:9px 12px;border:1px solid #8C8C8C;border-radius:var(--radius);background:#fff}textarea.input{min-height:84px;resize:vertical}.input:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 2px var(--dhl-yellow)}.input.invalid{border-color:var(--error);background:#fff7f7}.input[readonly]{background:var(--bg)}.check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--dhl-red)}.radio-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.radio-card{border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;text-align:left}.radio-card:hover{border-color:var(--text)}.radio-card[aria-pressed=true]{border:2px solid var(--dhl-red);padding:13px;background:#fffbeb}.radio-card strong{font-size:.95rem}.radio-card span{font-size:.8rem;color:var(--muted)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.full{grid-column:1 / -1}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card+.card{margin-top:16px}.card h2{font-size:1.15rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.card-head h2,.card-head h3{margin:0}.section-title{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:.85rem}.xs{font-size:.75rem}.mono{font-family:Consolas,Courier New,monospace;letter-spacing:.02em}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grow{flex:1;min-width:0}.divider{height:1px;background:var(--line-soft);margin:16px 0;border:0}.empty{text-align:center;padding:36px 16px;color:var(--muted)}.banner{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:var(--radius);border-left:4px solid;font-size:.9rem;margin-bottom:16px}.banner svg{flex:none;margin-top:2px}.banner.info{background:var(--info-bg);border-color:var(--info)}.banner.warn{background:var(--warn-bg);border-color:var(--dhl-yellow)}.banner.error{background:var(--error-bg);border-color:var(--error)}.banner.ok{background:var(--ok-bg);border-color:var(--ok)}.banner.f2{background:#fff5f7;border:1px dashed #E64A8D;border-left:4px dashed #E64A8D}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;background:var(--line-soft);color:var(--text-2)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.error{background:var(--error-bg);color:var(--error)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.yellow{background:var(--dhl-yellow);color:var(--text)}.badge.dark{background:var(--text);color:#fff}.badge.f2{background:#fde7f0;color:#b3175f;border:1px dashed #E64A8D}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:.9rem}.tbl th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);background:#fafafa;border-bottom:2px solid var(--dhl-yellow);padding:10px 12px;white-space:nowrap}.tbl td{padding:11px 12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.tbl tr.clic{cursor:pointer}.tbl tr.clic:hover td{background:#fffbeb}.tbl tr.emerg td:first-child{box-shadow:inset 4px 0 0 var(--dhl-red)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}dl.datos{display:grid;grid-template-columns:minmax(150px,34%) 1fr;gap:8px 16px;margin:0;font-size:.9rem}dl.datos dt{color:var(--muted)}dl.datos dd{margin:0;font-weight:600;word-break:break-word}.tracker{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:8px 0 4px}.tracker .paso{position:relative;text-align:center;padding:0 6px}.tracker .paso:before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:4px;background:var(--line);z-index:0}.tracker .paso:first-child:before{display:none}.tracker .paso.hecho:before,.tracker .paso.actual:before{background:var(--dhl-red)}.tracker .circ{position:relative;z-index:1;width:38px;height:38px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#fff;border:3px solid var(--line);color:var(--muted)}.tracker .hecho .circ{background:var(--dhl-red);border-color:var(--dhl-red);color:#fff}.tracker .actual .circ{background:var(--dhl-yellow);border-color:var(--dhl-red);color:var(--text);box-shadow:0 0 0 5px #ffcc0059}.tracker .actual.rechazo .circ{background:var(--dhl-red);color:#fff}.tracker .nombre{font-size:.85rem;font-weight:700}.tracker .pendiente .nombre{color:var(--muted);font-weight:400}.wizard{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid var(--line);overflow-x:auto}.wizard button{flex:1;background:none;border:0;border-bottom:4px solid transparent;padding:10px 8px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap;font-size:.9rem}.wizard button[aria-current=step]{color:var(--text);border-bottom-color:var(--dhl-red)}.wizard button.hecho{color:var(--ok)}.wizard button:disabled{cursor:default}.drop{border:2px dashed #8C8C8C;border-radius:var(--radius);padding:18px;text-align:center;background:#fafafa;cursor:pointer;display:block}.drop:hover{border-color:var(--dhl-red);background:#fffbeb}.drop input{position:absolute;width:1px;height:1px;opacity:0}.archivo{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.doc-item{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;background:#fff;display:flex;gap:14px;align-items:flex-start}.doc-item+.doc-item{margin-top:10px}.doc-item.error{border-color:var(--error);background:snow}.doc-item.correcto{border-color:#9fd4b5}.doc-icono{width:40px;height:40px;border-radius:var(--radius);background:var(--bg);display:grid;place-items:center;flex:none}.firma-box{border:1px solid #8C8C8C;border-radius:var(--radius);background:#fff;position:relative}.firma-box canvas{display:block;width:100%;height:170px;touch-action:none;cursor:crosshair}.firma-box .linea{position:absolute;left:24px;right:24px;bottom:36px;border-top:1px dashed #999;pointer-events:none}.firma-box .x{position:absolute;left:10px;bottom:38px;color:#999;font-weight:700;pointer-events:none}.firma-img{max-height:70px;background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:100;padding:16px;animation:fade .15s}.modal{background:#fff;border-radius:var(--radius);width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:var(--shadow-lg);border-top:6px solid var(--dhl-yellow)}.modal.wide{width:min(860px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 0}.modal-body{padding:14px 22px 8px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 22px 20px;flex-wrap:wrap}.toasts{position:fixed;bottom:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:200;max-width:min(420px,calc(100vw - 36px))}.toast{background:var(--text);color:#fff;border-radius:var(--radius);padding:12px 16px;box-shadow:var(--shadow-lg);display:flex;gap:10px;align-items:flex-start;font-size:.9rem;border-left:5px solid var(--dhl-yellow);animation:subir .2s}.toast.error{border-left-color:var(--dhl-red)}.toast.ok{border-left-color:#3cc07a}.toast a{color:var(--dhl-yellow)}@keyframes fade{0%{opacity:0}}@keyframes subir{0%{transform:translateY(8px);opacity:0}}.cl-header .in{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cl-header nav{display:flex;gap:4px;flex-wrap:wrap}.cl-header nav a{padding:8px 12px;color:var(--text);text-decoration:none;font-weight:700;font-size:.9rem;border-radius:var(--radius)}.cl-header nav a:hover{background:#00000012}.cl-header nav a.active{background:#0000001a}.cl-main{max-width:1120px;margin:0 auto;padding:28px 20px 60px}.cl-main.narrow{max-width:860px}.cl-footer{background:#fff;border-top:1px solid var(--line)}.cl-footer .in{max-width:1120px;margin:0 auto;padding:18px 20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.hero{background:var(--dhl-yellow);position:relative;overflow:hidden}.hero .in{max-width:1120px;margin:0 auto;padding:44px 20px 52px;position:relative;z-index:1}.hero h1{font-size:clamp(2rem,4.5vw,3.1rem);line-height:1;margin-bottom:14px}.hero p{font-size:1.1rem;max-width:560px}.hero .rayas{position:absolute;right:-40px;top:0;bottom:0;width:46%;background:repeating-linear-gradient(-12deg,transparent 0 26px,rgba(212,5,17,.9) 26px 34px);opacity:.1}.acciones-inicio{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:-30px;position:relative;z-index:2}.accion-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:24px;display:flex;flex-direction:column;gap:10px;border-top:5px solid var(--dhl-red)}.accion-card .ico{width:48px;height:48px;border-radius:50%;background:var(--dhl-yellow);display:grid;place-items:center}.pasos-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.pasos-mini .p{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.pasos-mini .n{width:28px;height:28px;border-radius:50%;background:var(--dhl-red);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem;margin-bottom:8px}.in-app{display:grid;grid-template-columns:250px 1fr;grid-template-rows:auto 1fr;min-height:100%}.in-top{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;position:sticky;top:0;z-index:20}.in-side{background:#fff;border-right:1px solid var(--line);padding:16px 10px;display:flex;flex-direction:column;gap:2px}.in-side .sec{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:14px 12px 6px}.in-side a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);color:var(--text);text-decoration:none;font-weight:600;font-size:.9rem;border-left:4px solid transparent}.in-side a:hover{background:var(--bg)}.in-side a.active{background:#fffbeb;border-left-color:var(--dhl-red)}.in-side a .badge{margin-left:auto}.in-main{padding:24px 28px 60px;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head h1{margin:0;font-size:1.6rem}.page-head p{margin:4px 0 0;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}.kpi{background:#fff;border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);border-left:5px solid var(--dhl-yellow)}.kpi.rojo{border-left-color:var(--dhl-red)}.kpi .v{font-size:1.8rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.kpi .l{font-size:.8rem;color:var(--muted);font-weight:600}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.tabs button{background:none;border:0;border-bottom:4px solid transparent;padding:10px 16px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--dhl-red)}.filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.filtros .input{width:auto;min-width:180px}.search{position:relative}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted)}.search .input{padding-left:36px}.layout-detalle{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.panel-acciones{position:sticky;top:74px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--text);color:var(--dhl-yellow);display:grid;place-items:center;font-weight:800;font-size:.8rem;flex:none}.avatar.sm{width:26px;height:26px;font-size:.7rem}.user-btn{display:flex;align-items:center;gap:10px;background:#ffffff8c;border:0;border-radius:var(--radius);padding:6px 10px;cursor:pointer;text-align:left}.user-btn:hover{background:#ffffffd9}.menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);width:320px;padding:8px;z-index:50;max-height:70vh;overflow:auto}.menu button{display:flex;width:100%;align-items:center;gap:10px;padding:8px;background:none;border:0;border-radius:var(--radius);cursor:pointer;text-align:left}.menu button:hover{background:var(--bg)}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 14px 22px;font-size:.88rem}.timeline li:before{content:"";position:absolute;left:4px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--dhl-red)}.timeline li:after{content:"";position:absolute;left:8px;top:16px;bottom:0;width:1px;background:var(--line)}.timeline li:last-child:after{display:none}.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:170px 1fr 48px;gap:10px;align-items:center;font-size:.85rem}.bar-track{background:var(--line-soft);border-radius:2px;height:18px;overflow:hidden}.bar-fill{height:100%;background:var(--dhl-red);border-radius:2px}.bar-fill.amarillo{background:var(--dhl-yellow)}.ocr-tabla td,.ocr-tabla th{padding:6px 8px!important;font-size:.8rem}.conf{display:inline-block;width:46px;height:6px;background:var(--line-soft);border-radius:3px;overflow:hidden;vertical-align:middle;margin-right:6px}.conf i{display:block;height:100%;background:var(--ok)}.conf.baja i{background:#e0a100}.switch{position:relative;width:44px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;background:#bdbdbd;border-radius:999px;cursor:pointer;transition:.15s}.switch span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}.switch input:checked+span{background:var(--ok)}.switch input:checked+span:before{transform:translate(20px)}.buzon{display:grid;grid-template-columns:380px 1fr;gap:0;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);min-height:70vh;overflow:hidden}.buzon .lista{border-right:1px solid var(--line);overflow-y:auto;max-height:78vh}.buzon .item{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line-soft);padding:12px 16px;cursor:pointer}.buzon .item:hover{background:#fafafa}.buzon .item[aria-current=true]{background:#fffbeb;box-shadow:inset 4px 0 0 var(--dhl-red)}.buzon .item.nuevo strong{font-weight:800}.buzon .lectura{padding:24px 28px;overflow-y:auto;max-height:78vh}.buzon pre{white-space:pre-wrap;font-family:var(--font);font-size:.95rem;margin:0}.correo-head{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.correo-marca{height:8px;background:var(--dhl-yellow);margin:-24px -28px 20px}.launch{min-height:100%;display:flex;flex-direction:column}.launch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.launch-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:10px;border-bottom:5px solid var(--dhl-yellow);transition:transform .15s,box-shadow .15s}.launch-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-bottom-color:var(--dhl-red)}.launch-card .url{font-family:Consolas,monospace;font-size:.8rem;color:var(--muted)}.guion{counter-reset:g;list-style:none;padding:0;margin:0;display:grid;gap:10px}.guion li{counter-increment:g;display:grid;grid-template-columns:30px 1fr;gap:10px;font-size:.9rem}.guion li:before{content:counter(g);width:26px;height:26px;border-radius:50%;background:var(--text);color:var(--dhl-yellow);display:grid;place-items:center;font-weight:800;font-size:.8rem}.expediente{max-width:820px;margin:24px auto;background:#fff;box-shadow:var(--shadow)}.expediente .hoja{padding:40px 48px}.expediente .portada-bar{height:14px}.expediente table{width:100%;border-collapse:collapse;font-size:.85rem}.expediente td,.expediente th{border:1px solid var(--line);padding:7px 10px;text-align:left}.expediente th{background:var(--dhl-yellow)}@media print{.no-print{display:none!important}body{background:#fff}.expediente{box-shadow:none;margin:0;max-width:none}.salto{page-break-before:always}}@media (max-width: 960px){.in-app{grid-template-columns:1fr}.in-side{flex-direction:row;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--line)}.in-side .sec{display:none}.in-side a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.in-side a.active{border-bottom-color:var(--dhl-red)}.layout-detalle{grid-template-columns:1fr}.panel-acciones{position:static}.buzon{grid-template-columns:1fr}.buzon .lista{max-height:40vh;border-right:0;border-bottom:1px solid var(--line)}.in-main{padding:18px 16px 48px}}@media (max-width: 640px){.grid2,.grid3{grid-template-columns:1fr}.cl-header .in{flex-wrap:wrap}.logo .producto{display:none}dl.datos{grid-template-columns:1fr;gap:2px}dl.datos dd{margin-bottom:8px}.tracker .nombre{font-size:.72rem}.bar-row{grid-template-columns:110px 1fr 40px}.cl-main,.hero .in{padding-left:16px;padding-right:16px}}