:root{
  --tinta:#14161F;--tinta2:#2A2E3B;--papel:#F5F4F0;--blanco:#fff;--gris:#646875;--gris2:#9A9DA7;--linea:#E2E0D9;
  --naranja:#F2541B;--naranja-claro:#FDE6DC;--verde:#0E7A55;--verde-claro:#DDF1E8;--ambar:#B7790B;--ambar-claro:#FBEFD3;
  --rojo:#BF3127;--rojo-claro:#F9E0DD;--azul:#2347C9;--azul-claro:#E1E8FB;
  --radio:14px;--sombra:0 1px 2px rgba(20,22,31,.06),0 4px 14px rgba(20,22,31,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--papel);color:var(--tinta);line-height:1.5;font-size:15px}
.d{font-family:'Archivo',Inter,sans-serif;font-stretch:90%}
h1,h2,h3{font-family:'Archivo',Inter,sans-serif;font-stretch:88%;line-height:1.1;letter-spacing:-.01em}
a{color:var(--azul)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.marca{display:inline-flex;align-items:center;gap:8px;font-family:'Archivo',sans-serif;font-weight:800;font-stretch:88%;font-size:19px;color:inherit;text-decoration:none;letter-spacing:-.01em}
.marca i{width:28px;height:28px;border-radius:8px;background:var(--naranja);display:inline-flex;align-items:center;justify-content:center}
.marca i svg{width:17px;height:17px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 16px;font-weight:600;background:var(--tinta);color:#fff;text-decoration:none;min-height:46px}
.btn.naranja{background:var(--naranja);color:#fff}
.btn.verde{background:var(--verde);color:#fff}
.btn.rojo{background:var(--rojo);color:#fff}
.btn.claro{background:#fff;color:var(--tinta);border:1px solid var(--linea)}
.btn.chico{min-height:36px;padding:7px 12px;border-radius:10px;font-size:14px}
.btn.ancho{width:100%}
.btn:disabled{opacity:.55;cursor:default}
.btn.wa{background:#1F9D55;color:#fff}
.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:14px}
.etq{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;background:#EEEDE8;color:var(--tinta2);white-space:nowrap}
.etq.nuevo{background:var(--naranja-claro);color:#A8360C}
.etq.asignado{background:var(--azul-claro);color:var(--azul)}
.etq.recogido{background:var(--ambar-claro);color:#7A5106}
.etq.entregado{background:var(--verde-claro);color:var(--verde)}
.etq.fallido,.etq.cancelado{background:var(--rojo-claro);color:var(--rojo)}
.cobro{display:inline-flex;align-items:center;gap:6px;font-family:'Archivo',sans-serif;font-stretch:88%;font-weight:800;border-radius:10px;padding:4px 10px;font-size:16px;background:var(--ambar-claro);color:#6E4805;white-space:nowrap}
.cobro.pagado{background:var(--verde-claro);color:var(--verde)}
label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:500}
input,select,textarea{padding:11px 12px;border:1px solid #D6D4CC;border-radius:10px;background:#fff;width:100%;font-size:16px}
textarea{min-height:70px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--azul);outline-offset:-1px;border-color:transparent}
.fila{display:flex;gap:8px;align-items:center}
.fila>*{min-width:0}
.crece{flex:1}
.sub{color:var(--gris);font-size:14px}
.mini{font-size:12.5px;color:var(--gris)}
.error{color:var(--rojo);font-size:14px;min-height:0}
.error:not(:empty){margin-top:6px}
.aviso{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);background:var(--tinta);color:#fff;padding:11px 16px;border-radius:12px;font-size:14px;opacity:0;transition:.25s;z-index:3000;max-width:min(92vw,440px);text-align:center;pointer-events:none}
.aviso.ver{opacity:1;transform:translateX(-50%) translateY(0)}
.mapa{height:260px;border-radius:12px;overflow:hidden;border:1px solid var(--linea);background:#E9E7E0;z-index:0}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:#EAE8E1;padding:4px;border-radius:12px}
.seg button{border:0;background:transparent;border-radius:9px;padding:9px 6px;font-weight:600;font-size:14px;color:var(--gris);line-height:1.2}
.seg button[aria-pressed="true"]{background:#fff;color:var(--tinta);box-shadow:var(--sombra)}
.hoja{position:fixed;inset:0;background:rgba(20,22,31,.45);display:flex;align-items:flex-end;justify-content:center;z-index:2000}
.hoja>div{background:#fff;width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));max-height:92vh;overflow:auto}
@media (min-width:700px){.hoja{align-items:center}.hoja>div{border-radius:20px}}
.hoja h3{font-size:24px;margin-bottom:6px}
.pin-moto{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;color:#fff}
.pin-moto svg{width:18px;height:18px}
.pin-nombre{position:absolute;left:50%;top:38px;transform:translateX(-50%);background:var(--tinta);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:6px;white-space:nowrap}
.pin-casa{width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.leaflet-div-icon{background:transparent!important;border:0!important}
.vacio{text-align:center;color:var(--gris);padding:26px 10px;font-size:14px}