:root{font-family:Arial,Helvetica,sans-serif;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}header{background:#17212f;color:#fff;padding:24px;border-bottom:4px solid #ea580c}header h1{margin:0;font-size:25px}header p{margin:8px 0 0;color:#cbd5e1}main{max-width:1200px;margin:auto;padding:30px 20px}.tarjetas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.tarjeta,.panel{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.tarjeta span{color:#6b7280}.tarjeta strong{display:block;font-size:32px;margin-top:10px}.panel h2{margin-top:0}.vacio{text-align:center;padding:45px 10px;color:#6b7280}@media(max-width:650px){.tarjetas{grid-template-columns:1fr}}.formulario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.campo{display:flex;flex-direction:column;gap:6px}.campo label{font-weight:700;font-size:14px}.campo input,.campo select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;background:#fff}.boton-guardar{padding:13px 22px;background:#ea580c;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.boton-guardar:disabled{opacity:.6;cursor:wait}.mensaje-formulario{grid-column:1 / -1}@media(max-width:650px){.formulario{grid-template-columns:1fr}}.app-layout{display:flex;min-height:100vh}.barra-lateral{width:252px;flex:0 0 252px;background:#17212f;color:#e5e7eb;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:3px solid #ea580c;z-index:30}.marca-lateral{display:flex;align-items:center;gap:12px;padding:28px 17px 25px}.marca-lateral strong{font-size:14px;letter-spacing:.5px;display:block;color:#fff}.marca-lateral small{color:#94a3b8;display:block;margin-top:5px}.marca-icono{background:#ea580c;color:#fff;border-radius:10px;padding:11px 8px;font-weight:800}.etiqueta-menu{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:1.2px;padding:8px 22px}.menu-lateral{display:flex;flex-direction:column;gap:5px;padding:6px 12px}.enlace-menu{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;background:transparent;border:0;border-radius:9px;color:#cbd5e1;text-align:left;font-size:14px;cursor:pointer;transition:background .15s}.enlace-menu:hover{background:#29394c;color:#fff}.enlace-menu.activo{background:#ea580c;color:#fff;font-weight:700}.enlace-menu:focus-visible,.boton-menu-movil:focus-visible{outline:2px solid #fdba74;outline-offset:2px}.icono-menu{width:23px;font-size:19px;text-align:center}.contador-menu{margin-left:auto;background:#fff3;border-radius:10px;padding:2px 7px;font-size:12px}.pie-lateral{margin-top:auto;padding:20px;font-size:12px;color:#94a3b8}.estado-punto{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:8px}.zona-principal{min-width:0;flex:1}.cabecera-app{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 28px}.cabecera-app h1{font-size:22px}.cabecera-app p{font-size:13px}.boton-salir{padding:10px 16px;border:1px solid #64748b;border-radius:8px;background:transparent;color:#fff;cursor:pointer;white-space:nowrap}.boton-salir:hover{background:#334155}.contenido-app{max-width:1450px;padding:26px}.boton-menu-movil{display:none;border:0;color:#fff;background:transparent;font-size:24px;cursor:pointer}.fondo-menu{display:none}@media(max-width:850px){.barra-lateral{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .2s}.barra-lateral.abierta{transform:translate(0)}.fondo-menu{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:20;border:0}.boton-menu-movil{display:block}.cabecera-app{padding:16px}.contenido-app{padding:18px 14px}}@media(min-width:851px)and (max-width:1150px){.barra-lateral{width:218px;flex-basis:218px}.tarjetas{grid-template-columns:repeat(2,minmax(0,1fr))}}.transporte-registro{border:1px solid #e2e8f0;border-left:4px solid #ea580c;background:#fff;border-radius:10px;padding:16px;margin:12px 0}.detalle-transporte{display:grid;gap:7px;margin-bottom:10px;overflow-wrap:anywhere}.transporte-registro small{display:block;color:#64748b;margin-bottom:10px}.transporte-registro a{color:#c2410c;font-weight:600}.enlace-submenu{padding-left:38px!important;font-size:13px;opacity:.92}.selector-destino{grid-column:1 / -1;border:1px solid #cbd5e1;border-radius:10px;padding:12px;background:#f8fafc}.buscador-destino{display:flex;gap:8px;margin:12px 0}.buscador-destino input{flex:1;min-width:0;padding:10px}.buscador-destino button,.destino-confirmacion button{padding:10px 14px;cursor:pointer}.resultados-destino{display:grid;gap:5px;margin-bottom:10px}.resultados-destino button{text-align:left;padding:10px;border:1px solid #ddd;background:#fff;cursor:pointer}.mapa-selector-destino{height:360px;width:100%;border-radius:8px;z-index:0}.destino-confirmacion{padding:10px 0}@media(max-width:650px){.buscador-destino{flex-direction:column}}.mapa-general-rutas{margin:20px 0 26px;padding:16px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc}.mapa-general-rutas h3{margin-top:0}.rutas-enlaces-mapa{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.rutas-enlaces-mapa strong{flex-basis:100%}.rutas-enlaces-mapa a{display:inline-block;padding:9px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;text-decoration:none}.contador-menu-rojo{background:#dc2626;color:#fff;border-radius:999px;min-width:23px;height:23px;padding:2px 7px;font-size:12px;line-height:19px;font-weight:800;text-align:center;box-shadow:0 0 0 2px #17212f}.enlace-menu.activo .contador-menu-rojo{box-shadow:0 0 0 2px #fff}.mapa-general-rutas{width:100%}.lista-tareas-ruta{padding-left:25px}.lista-tareas-ruta li{padding:12px;margin-bottom:10px;border:1px solid #e2e8f0;border-radius:10px}.lista-tareas-ruta .tarea-ruta-realizada{background:#f0fdf4;border-color:#86efac}.control-tarea-ruta{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:8px;font-weight:700}.control-tarea-ruta input{width:19px;height:19px;accent-color:#16a34a;cursor:pointer}.tarea-ruta-realizada .control-tarea-ruta span{color:#15803d}.avisos-entregas{position:relative;margin-left:auto}.boton-avisos-entregas{display:flex;align-items:center;gap:8px;padding:9px 12px;color:#fff;background:#29394c;border:1px solid #64748b;border-radius:9px;cursor:pointer;white-space:nowrap}.desplegable-entregas{position:absolute;right:0;top:calc(100% + 10px);width:min(390px,90vw);max-height:430px;overflow-y:auto;z-index:1000;padding:15px;color:#17212f;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0004;border:1px solid #cbd5e1}.cabecera-avisos-entregas{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}.cabecera-avisos-entregas button{font-size:12px;cursor:pointer}.aviso-entrega-nuevo,.aviso-entrega-leido{border-bottom:1px solid #e2e8f0;padding:12px 3px;overflow-wrap:anywhere}.aviso-entrega-nuevo{background:#f0fdf4;border-left:4px solid #16a34a;padding-left:8px}.aviso-entrega-leido{color:#64748b}.desplegable-entregas small{display:block;margin-top:6px;color:#64748b}@media(max-width:650px){.cabecera-app{flex-wrap:wrap}.avisos-entregas{margin-left:0}}.resumen-estado-boton{cursor:pointer;background:#fff;color:#17212f;border:1px solid #cbd5e1;border-radius:8px;padding:9px 12px;font:inherit}.resumen-estado-boton:hover,.resumen-estado-boton:focus-visible{border-color:#2563eb;outline-offset:2px}.resumen-estado-boton.seleccionado{border:2px solid #2563eb;background:#eff6ff;font-weight:700}.ancla-resultados-rutas{scroll-margin-top:22px}.filtro-estado-activo{margin:14px 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;background:#eff6ff;border-radius:8px}.filtro-estado-activo button{cursor:pointer;padding:7px 10px;border:1px solid #93c5fd;border-radius:7px;background:#fff}.inventario-contenedores{width:100%}.buscador-inventario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.acciones-inventario{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.acciones-inventario button{padding:11px 14px;border-radius:8px;cursor:pointer}.mapa-inventario{height:540px;width:100%;border-radius:12px;margin:12px 0;z-index:0}.lista-inventario{display:grid;gap:10px;margin:18px 0}.ficha-contenedor{border:1px solid #cbd5e1;border-radius:10px;overflow:hidden;background:#fff}.ficha-contenedor.ficha-seleccionada{border:2px solid #2563eb}.titulo-contenedor{display:block;width:100%;text-align:left;border:0;background:#f8fafc;padding:15px;font-weight:700;cursor:pointer}.detalle-contenedor{padding:15px;overflow-wrap:anywhere}.detalle-contenedor p{margin:8px 0}.detalle-contenedor button{margin-top:10px;padding:9px 12px;cursor:pointer}@media(max-width:650px){.buscador-inventario{grid-template-columns:1fr}.mapa-inventario{height:400px}}