/* ============================================================================
   Rutas y destinos
============================================================================ */
.rutas-kpis{grid-template-columns:repeat(3,minmax(210px,1fr));}
.rutas-kpis .kpi{display:flex;flex-direction:column;min-height:112px;}
.rutas-kpis .kpi > span{font:700 10px 'Archivo',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--tinta-2);}
.rutas-kpis .kpi > b{font:800 28px/1.15 'Archivo',sans-serif;color:var(--azul);margin-top:8px;}
.rutas-kpis .kpi > small{font-size:12px;color:var(--tinta-2);margin-top:4px;}
.rutas-kpis .mapa-kpi{border-left-color:#169c68;background:linear-gradient(120deg,#fff 55%,#eaf8f2);}
.rutas-kpis .mapa-kpi > b{font-size:22px;color:#08774f;}

.rutas-filtros{align-items:center;}
.rutas-filtros .f-campo{align-self:flex-end;}
.ruta-check{margin:0 4px 10px 2px;color:var(--tinta-2);}
.rutas-tabla{min-width:1020px !important;}
.ruta-clave{font:700 12px 'IBM Plex Mono',monospace;color:var(--azul);background:#eef1fb;border:1px solid #d7ddf5;border-radius:7px;padding:5px 8px;white-space:nowrap;}
.ruta-trayecto{line-height:1.65;max-width:420px;}
.ruta-trayecto span:first-child{color:#139967;}
.ruta-trayecto span:last-child{color:#d81928;}
.ruta-puntos-cuenta{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef1fb;color:var(--azul);font:700 13px 'IBM Plex Mono',monospace;}
.ruta-estimada{font:750 13px 'Archivo',sans-serif;color:#1d327f;}
.ruta-pendiente{display:inline-flex;align-items:center;padding:5px 8px;border-radius:7px;background:#fff4dc;color:#8a5a00;font-size:10.5px;font-weight:750;white-space:nowrap;}
.btn-completar{border-color:#e5bd68 !important;background:#fff9ed !important;color:#785000 !important;}
.acciones-ruta{display:flex;gap:6px;justify-content:flex-end;}
.btn.peligro{color:#a91620;border-color:#f2c9cc;}
.btn.peligro:hover{background:#fff5f5;border-color:#e8999f;color:#8f1018;}

.editor-rutas{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:20px;align-items:start;}
.ruta-formulario{display:flex;flex-direction:column;gap:18px;min-width:0;}
.ruta-seccion{overflow:visible;}
.ruta-seccion-head{justify-content:flex-start;flex-wrap:nowrap;}
.ruta-seccion-head > div{min-width:0;}
.ruta-seccion-head h3{font-size:12px;margin:0 0 3px;}
.ruta-seccion-head h3 small{font-size:10px;font-weight:600;color:#8996a8;text-transform:none;letter-spacing:0;}
.ruta-seccion-head p{font-size:12.5px;color:var(--tinta-2);margin:0;line-height:1.35;}
.ruta-paso{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:9px;background:#eef1fb;color:var(--azul);font:700 13px 'IBM Plex Mono',monospace;}
.ruta-agregar{margin-left:auto;}
.ruta-checks{display:flex;gap:22px;flex-wrap:wrap;margin-top:17px;padding-top:15px;border-top:1px solid #eef1f7;}
.ruta-activa{margin-top:16px;}
.ruta-atajos{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid #edf1f6;}
.ruta-atajos > b{font:700 9px 'Archivo',sans-serif;letter-spacing:.13em;color:#78869a;margin-right:4px;}
.ruta-atajos button{height:30px;padding:0 11px;border:1px solid #ccd7e5;border-radius:16px;background:#fff;color:#33445c;font-size:11px;font-weight:650;transition:.15s;}
.ruta-atajos button:hover{border-color:#5368c2;background:#eef1fb;color:#1e338e;}
.ruta-lugares{align-items:center;}
.ruta-intercambiar{grid-column:span 2;justify-self:center;display:flex;align-items:center;gap:7px;height:32px;padding:0 13px;border:1px solid #ccd6e4;border-radius:17px;background:#fff;color:#4d5e75;font-size:11px;font-weight:700;}
.ruta-intercambiar:hover{border-color:#5368c2;color:#243a9b;background:#f2f4fc;}
.ruta-intercambiar span{font-size:17px;color:#334cad;}
.ruta-usar-patio{margin-top:12px;}
.ruta-metricas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.ruta-metricas > div{padding:17px 18px;border:1px solid #d8e1ed;border-radius:12px;background:linear-gradient(135deg,#fbfcff,#f1f4fb);}
.ruta-metricas span{display:block;font:700 9px 'Archivo',sans-serif;letter-spacing:.13em;color:#7d8a9d;margin-bottom:6px;}
.ruta-metricas b{display:block;font:800 22px 'Archivo',sans-serif;color:#20358f;}
.ruta-metricas small{display:block;margin-top:4px;font-size:10.5px;color:#718096;}
.ruta-caseta-catalogo{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(260px,1.25fr) auto;gap:12px;align-items:center;margin-bottom:16px;padding:14px;border:1px solid #decfa9;border-radius:12px;background:#fff9ec;}
.ruta-caseta-catalogo>div{display:flex;flex-direction:column;gap:3px;}.ruta-caseta-catalogo b{font-size:12.5px;color:#6d4b00;}.ruta-caseta-catalogo span{font-size:11px;color:#806f51;}.ruta-caseta-catalogo .inp{width:100%;min-width:0;}
.ruta-calculo-estado{display:flex;align-items:center;gap:7px;margin:10px 2px 0;color:#7b899c;font-size:11.5px;}
.ruta-calculo-estado::before{content:'○';font-size:15px;color:#9ca9ba;}
.ruta-calculo-estado.listo{color:#08774f;font-weight:650;}
.ruta-calculo-estado.listo::before{content:'✓';color:#0b9664;font-weight:800;}
.ruta-id-previa{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:12px 14px;border:1px solid #dbe3ee;border-radius:10px;background:#f7f9fd;}
.ruta-id-previa span{font:700 9px 'Archivo',sans-serif;letter-spacing:.13em;color:#7c899c;}
.ruta-id-previa b{font:750 12px 'IBM Plex Mono',monospace;color:#243995;}
.lugar-google-campo{position:relative;}
.lugar-google-host{width:100%;min-height:44px;}
.lugar-google-host > .inp{width:100%;height:44px;font-size:14px;}
.google-lugar,.lugar-google-host gmp-place-autocomplete{display:block;width:100%;min-height:44px;color-scheme:light;}
.lugar-google-estado{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#8795aa;margin-top:7px;}
.lugar-google-estado::before{content:'○';font-size:15px;line-height:1;color:#a7b3c4;}
.lugar-google-estado.confirmado{color:#08774f;font-weight:600;}
.lugar-google-estado.confirmado::before{content:'✓';color:#0a9663;font-weight:800;}
.ruta-cambio-sentido{grid-column:span 2;display:flex;align-items:center;justify-content:center;gap:12px;color:#9ba8ba;height:24px;margin:-2px 0;}
.ruta-cambio-sentido::before,.ruta-cambio-sentido::after{content:'';height:1px;flex:1;background:#e6ebf2;}
.ruta-cambio-sentido span{font:700 13px 'IBM Plex Mono',monospace;color:#5265bd;}
.ruta-cambio-sentido b{font:700 9px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a98ac;}

.ruta-mapa-panel{position:sticky;top:20px;min-width:0;}
.ruta-mapa-tarjeta{overflow:hidden;}
.mapa-marca{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:#17236a;color:#fff;}
.mapa-marca b{font:700 13px 'Archivo',sans-serif;letter-spacing:.05em;}
.mapa-marca span{font-size:11px;color:#c9d4ff;}
.google-mapa-shell{position:relative;background:#edf2f7;}
.mapa-herramientas{position:absolute;z-index:4;left:12px;top:12px;}
.mapa-herramientas button{height:36px;padding:0 14px;border:1px solid #c6d1df;border-radius:9px;background:#fff;color:#26384e;box-shadow:0 7px 18px -10px rgba(15,23,42,.8);font-size:11.5px;font-weight:750;}
.mapa-herramientas button:hover{border-color:#5267c3;color:#243a9b;}
.mapa-herramientas button.on{border-color:#0a8d60;background:#0a8d60;color:#fff;box-shadow:0 9px 22px -10px rgba(10,141,96,.9);}
.google-mapa{display:block;width:100%;height:430px;border:0;background:#edf2f7;}
.mapa-calculando{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;max-width:270px;padding:12px 16px;border:1px solid #d0d9e6;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px -15px rgba(15,23,42,.65);color:#536276;font-size:12.5px;text-align:center;}
.rutas-google-opciones{padding:14px 14px 4px;background:#f8fafc;border-bottom:1px solid #e7ecf3;}
.rutas-google-titulo{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 10px;}
.rutas-google-titulo b{font:700 11px 'Archivo',sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--azul);}
.rutas-google-titulo span{font-size:10.5px;color:#8592a5;text-align:right;}
.ruta-google-opcion{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;margin-bottom:8px;border:1px solid #d7dfea;border-radius:10px;background:#fff;text-align:left;color:#263449;transition:border-color .15s,background .15s,box-shadow .15s;}
.ruta-google-opcion:hover{border-color:#8f9fd0;box-shadow:0 6px 16px -13px rgba(31,47,117,.8);}
.ruta-google-opcion.on{border-color:#5267c3;background:#eef1fb;box-shadow:inset 3px 0 #293e9e;}
.ruta-google-opcion > i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#e8edf5;color:#536176;font:700 11px 'IBM Plex Mono',monospace;font-style:normal;}
.ruta-google-opcion.on > i{background:#293e9e;color:#fff;}
.ruta-google-opcion span{min-width:0;}
.ruta-google-opcion span b{display:block;font-size:12px;color:#17236a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ruta-google-opcion span small{display:block;font-size:11px;color:#68788e;margin-top:2px;}
.ruta-google-opcion em{font-size:10.5px;color:#78869a;font-style:normal;}
.ruta-google-opcion.on em{color:#1f3ca5;font-weight:700;}
.mapa-espera{min-height:330px;padding:30px 24px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background-color:#f0f5f3;background-image:linear-gradient(rgba(61,99,85,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(61,99,85,.08) 1px,transparent 1px);background-size:28px 28px;}
.mapa-espera::before,.mapa-espera::after{content:'';position:absolute;height:180%;width:16px;background:#fff;border:2px dashed #bfd1c9;transform:rotate(54deg);opacity:.85;}
.mapa-espera::before{left:24%;top:-40%;}
.mapa-espera::after{right:20%;top:-45%;transform:rotate(-42deg);}
.mapa-espera > *{position:relative;z-index:1;}
.mapa-pin{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#1caf78,#08754e);box-shadow:0 16px 28px -14px rgba(8,117,78,.75);margin-bottom:15px;}
.mapa-pin svg{width:29px;height:29px;}
.mapa-espera > b{font:800 16px 'Archivo',sans-serif;color:#17236a;}
.mapa-espera p{max-width:280px;font-size:12.5px;line-height:1.5;color:#536276;margin:7px 0 15px;}
.mapa-espera small{max-width:300px;font-size:10.5px;line-height:1.45;color:#829087;margin-top:12px;}
.btn-maps{background:#fff;color:#176c4f;border-color:#9dcab9;}
.btn-maps:hover{color:#075a3d;border-color:#48a47f;}
.btn-maps:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;}

.ruta-resumen-recorrido{padding:18px 18px 20px;background:#fff;max-height:340px;overflow:auto;}
.recorrido-linea{display:grid;grid-template-columns:27px 1fr;gap:11px;position:relative;padding-bottom:17px;}
.recorrido-linea:last-child{padding-bottom:0;}
.recorrido-linea:not(:last-child)::after{content:'';position:absolute;left:12px;top:23px;bottom:2px;border-left:2px dotted #c3ccda;}
.recorrido-linea i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eef1fb;color:var(--azul);font:700 10px 'IBM Plex Mono',monospace;font-style:normal;z-index:1;}
.recorrido-linea i.origen{background:#dff7eb;border:6px solid #c6efdc;color:#078354;}
.recorrido-linea i.destino{border-radius:6px;transform:rotate(45deg);background:#fee2e2;border:5px solid #fbcaca;}
.recorrido-linea span{min-width:0;padding-top:1px;}
.recorrido-linea small{display:block;font:700 8.5px 'Archivo',sans-serif;letter-spacing:.13em;color:#8b99ad;margin-bottom:2px;}
.recorrido-linea b{display:block;font-size:12px;line-height:1.35;color:#263449;overflow-wrap:anywhere;}

.ruta-punto{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;border:1px solid #dbe3ee;background:#fbfcfe;border-radius:12px;padding:14px;margin-bottom:12px;}
.ruta-punto:last-child{margin-bottom:0;}
.ruta-punto-num{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#27378c;color:#fff;font:700 12px 'IBM Plex Mono',monospace;}
.ruta-punto-contenido{min-width:0;}
.ruta-punto-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;color:var(--azul);font-size:12.5px;}
.ruta-punto-head > div{display:flex;gap:5px;}
.ruta-punto-ubicacion{align-self:end;min-height:44px;display:flex;flex-direction:column;justify-content:center;padding:7px 10px;border:1px dashed #b9c8d9;border-radius:8px;background:#fff;}
.ruta-punto-ubicacion b{font-size:10.5px;color:#263d8f;}
.ruta-punto-ubicacion span{font:500 9.5px 'IBM Plex Mono',monospace;color:#8491a3;margin-top:2px;}
.mini-accion{height:27px;min-width:27px;padding:0 7px;border:1px solid #d2dbe7;border-radius:7px;background:#fff;color:#5c6b7e;font-size:12px;}
.mini-accion:hover{border-color:#8396b2;color:var(--azul);}
.mini-accion.quitar{color:#a91620;}
.ruta-obligatorio{align-self:end;margin-bottom:10px;}
.ruta-sin-puntos{border:1px dashed #b9c7d9;border-radius:11px;background:#fbfcfe;padding:22px;text-align:center;color:#6f7f94;}
.ruta-sin-puntos b{display:block;color:var(--azul);font-size:13px;margin-bottom:4px;}
.ruta-sin-puntos span{font-size:12px;}

@media (max-width:1180px){
  .editor-rutas{grid-template-columns:1fr;}
  .ruta-mapa-panel{position:static;}
  .ruta-mapa-tarjeta{display:grid;grid-template-columns:1fr 1fr;}
  .mapa-marca{grid-column:span 2;}
  .google-mapa,.mapa-espera{min-height:340px;height:100%;}
}
@media (max-width:820px){
  .rutas-kpis{grid-template-columns:1fr;}
  .ruta-mapa-tarjeta{display:block;}
  .mapa-marca{display:flex;}
  .ruta-seccion-head{flex-wrap:wrap;}
  .ruta-agregar{margin-left:41px;}
  .ruta-caseta-catalogo{grid-template-columns:1fr;}
}
@media (max-width:620px){
  .ruta-punto{grid-template-columns:1fr;}
  .ruta-punto-num{margin-bottom:-3px;}
  .ruta-punto-head{align-items:flex-start;}
  .ruta-mapa-panel{margin-left:-8px;margin-right:-8px;}
  .ruta-cambio-sentido{grid-column:auto;}
  .ruta-intercambiar{grid-column:auto;}
  .ruta-metricas{grid-template-columns:1fr;}
  .ruta-atajos > b{width:100%;}
}

/* Catálogo independiente de puntos de interés */
.pi-kpis{grid-template-columns:repeat(3,minmax(190px,1fr));}
.pi-filtros{align-items:end;}
.pi-filtros .chk{margin-bottom:12px;}
.pi-tabla{min-width:1320px !important;}
.pi-costo{text-align:right;white-space:nowrap;font-weight:700;color:#6d4b00;}
.pi-nombre-mapa{display:inline-flex;align-items:center;gap:7px;color:#16233a;font-weight:750;text-decoration:none;line-height:1.35;}
.pi-nombre-mapa span{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#eef1fb;color:#2941a2;font-size:11px;transition:.15s;}
.pi-nombre-mapa:hover,.pi-nombre-mapa:focus-visible{color:#2941a2;text-decoration:underline;text-underline-offset:3px;}
.pi-nombre-mapa:hover span,.pi-nombre-mapa:focus-visible span{background:#2941a2;color:#fff;transform:translate(1px,-1px);}
.pi-categoria{display:inline-flex;padding:5px 8px;border-radius:7px;background:#eef1fb;color:#263b95;font-size:10.5px;font-weight:750;white-space:nowrap;}
.pi-punto_rojo{background:#fee8e8;color:#a31620;}
.pi-caseta{background:#fff1d4;color:#855700;}
.pi-aduana_cruce{background:#eee7fb;color:#6030a8;}
.pi-parada,.pi-taller{background:#e7f7ef;color:#08734e;}
.pi-paginacion{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid #e7ecf3;color:#65758a;font-size:12px;}
.pi-editor{max-width:900px;margin:0 auto;}
@media (max-width:820px){.pi-kpis{grid-template-columns:1fr;}}
.pi-mapa{height:280px;min-height:220px;border:1px solid #c8d5e8;border-radius:10px;overflow:hidden;background:#eef3fa}.pi-mapa .pista{display:block;padding:16px}
.catalogos-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:4px}.catalogos-subnav .btn.on{background:#173474;color:#fff;border-color:#173474}