/* Rótulos de la ciudad de Andrés (revisión 10): reglas copiadas tal cual de base-andres/estilo.css, js/procesos.css y js/barrios.css
   cuyo selector es de sus etiquetas (.etq…) o de las animaciones que usan, acotadas a su capa #etq-andres. Procedencia y huellas en
   produccion/entregas/motor-revision-10/PROCEDENCIA.json. */
#etq-andres { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 1; --burdeos: #6B2737; --celeste: #7EC8E3; --navy: #1B3A5C; --nf-navy: #06205C; --tinta-2: rgba(27, 58, 92, 0.72); --tinta-3: rgba(27, 58, 92, 0.7); --verde: #52E2AC; --verde-tinta: #1E6B55; }
/* ── base-andres/estilo.css ── */
#etq-andres { position: fixed; inset: 0; pointer-events: none; }
#etq-andres, #etq-andres *, #etq-andres .barra, #etq-andres #edificios-movil { touch-action: pan-x pan-y; }
#etq-andres .etq { position: absolute; left: 0; top: 0; transform-origin: 0 0; white-space: nowrap;
  font-size: 13px; font-weight: 700; padding: 5px 10px; border-radius: 7px;
  background: var(--navy); color: #fff; box-shadow: 0 2px 8px rgba(27, 58, 92, 0.2); }
#etq-andres .etq small { display: block; font-size: 11px; font-weight: 500; opacity: 0.75; }
#etq-andres .etq .n-avisos { display: inline-block; margin-left: 7px; padding: 0 6px; border-radius: 5px; background: var(--burdeos); color: #fff; font-size: 11px; line-height: 17px; }
#etq-andres .etq.cliente { background: #fff; color: var(--navy); }
#etq-andres .etq.cliente small { color: var(--tinta-2); opacity: 1; }
#etq-andres .etq.cabina { padding: 0; background: transparent; box-shadow: none; }
#etq-andres .etq.casa { background: var(--verde); color: var(--navy); }
#etq-andres .etq.casa small { opacity: 0.8; }
#etq-andres .etq.etq-etapa { font-size: 10px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; padding: 2px 6px; background: rgba(255, 255, 255, 0.75); color: var(--tinta-2); box-shadow: none; }
#etq-andres .etq.etq-pedido { font-size: 12px; padding: 3px 8px; background: #fff; color: var(--navy); border-left: 3px solid var(--verde); }
#etq-andres .etq.etq-pedido.quieta { border-left-color: var(--burdeos); }
#etq-andres .etq.etq-eje { font-size: 11px; padding: 2px 7px; background: rgba(255, 255, 255, 0.92); color: var(--navy); }
#etq-andres .etq.chapa { width: 26px; height: 26px; padding: 0; border-radius: 50%; display: grid; place-items: center;
  background: #fff; color: var(--navy); border: 2px solid var(--navy); box-shadow: 0 2px 6px rgba(27, 58, 92, 0.25); }
#etq-andres .etq.chapa.chapa-peon { border-color: var(--verde); font-size: 11px; font-weight: 800; color: var(--verde-tinta); }
#etq-andres .etq.chapa.viva { background: var(--verde); border-color: var(--verde-tinta); color: var(--navy); }
#etq-andres .etq.chapa.elegida { outline: 3px solid var(--verde); outline-offset: 1px; }
#etq-andres .etq.sin-medir { background: rgba(255, 255, 255, 0.6); color: var(--tinta-3); box-shadow: none; border: 1px dashed rgba(27, 58, 92, 0.3); }
#etq-andres .etq.elegida { outline: 3px solid var(--verde); }
#etq-andres .etq.etq-agente { font-size: 12px; padding: 3px 8px; background: var(--verde); color: var(--navy); }
#etq-andres .etq.etq-peon { border: 1.5px solid var(--verde); }
#etq-andres .etq.etq-agente.quieto { background: rgba(255, 255, 255, 0.92); color: var(--navy); font-weight: 600; }
#etq-andres .etq:not(.detalle) > small { display: none; }
@media (max-width: 600px) {
  #etq-andres .etq { font-size: 11px; padding: 3px 7px; border-radius: 6px; }
  #etq-andres .etq small { font-size: 9px; }
  #etq-andres .etq.etq-etapa { font-size: 8px; padding: 1px 4px; }
  #etq-andres .etq.etq-etapa { display: none; }
}
#etq-andres .etq.barrio { background:#fff;color:var(--barrio,#1B3A5C);border:1.5px solid var(--barrio,#1B3A5C);border-radius:999px;padding:4px 12px;font:800 11px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;white-space:nowrap;opacity:.92 }
/* ── base-andres/js/procesos.css ── */
#etq-andres .etq.proceso { background: var(--nf-navy); max-width: 156px; white-space: normal; text-align: left; font-size: 11.5px; line-height: 1.2; padding: 4px 8px 5px; border-radius: 7px;
  pointer-events: auto; cursor: pointer; }
#etq-andres .etq.proceso span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#etq-andres .etq.proceso small { display: block; opacity: .85; font-size: 10.5px; margin-top: 1px; }
#etq-andres .etq.proceso.compacto small { display: none; }
#etq-andres .etq.proceso.compacto { padding: 3px 7px 4px; }
#etq-andres .etq.proceso.compacto { max-width: 128px; font-size: 11px; }
/* ── base-andres/js/barrios.css ── */
#etq-andres .etq .equipo-etq { display: none; align-items: center; gap: 3px; margin-top: 4px; font-size: 10.5px; font-weight: 600; opacity: .9; }
#etq-andres .etq.detalle .equipo-etq, #etq-andres .etq.con-vivos .equipo-etq { display: flex; }
#etq-andres .etq .equipo-etq i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .45); flex: none; }
#etq-andres .etq .equipo-etq i.vivo { background: var(--verde); box-shadow: 0 0 0 2px rgba(82, 226, 172, .35); }
#etq-andres .etq .equipo-etq b { margin-left: 4px; font-weight: 600; }
#etq-andres .etq.cliente .equipo-etq i { background: rgba(27, 58, 92, .25); }
#etq-andres .etq.con-vivos { box-shadow: 0 0 0 2px var(--verde), 0 2px 8px rgba(27, 58, 92, .2); }
#etq-andres .etq.memoria { background: #fff; color: var(--navy); border: 2px solid var(--celeste); pointer-events: auto; cursor: pointer; }
#etq-andres .etq.memoria small { color: var(--tinta-2); opacity: 1; }
#etq-andres .etq.barrio { pointer-events: auto; cursor: pointer; }
#etq-andres .etq.tarjeta-encargos { background: #fff; color: var(--navy); padding: 8px 10px 9px; border-radius: 11px; white-space: normal; width: 268px;
  border-left: 3px solid var(--verde); pointer-events: auto; cursor: pointer; font-weight: 500; font-size: 12px; }
@media (max-width: 900px) {
  #etq-andres .etq.tarjeta-encargos { width: 220px; }
}
/* ── Ciudad local de Euskaltax, revisión 14 (reglas nuestras, no de Andrés; procedencia en produccion/entregas/motor-revision-14/) ── */
/* Andón de barrio: la punta señala su nombre pintado; si va debajo de él, apunta arriba; si va al lado, sin punta (lleva
   línea guía). Compacto (sin sitio para el nombre): icono + cifra; el nombre sale al pasar o enfocar (.nombre.al-foco de
   style.css). Con nombre a la vista, si va recortado con «…», al pasar o enfocar se ve entero. */
#rotulos .andon.barrio-andres.punta-arriba::after { bottom: auto; top: -6px; border-top: 0; border-bottom: 6px solid #FFF; filter: drop-shadow(0 -1px 0 rgba(27, 58, 92, .14)); }
#rotulos .andon.barrio-andres.punta-no::after { display: none; }
#rotulos .andon.barrio-andres:not(.compacto):hover .nombre, #rotulos .andon.barrio-andres:not(.compacto):focus-visible .nombre { max-width: none; }
/* El nombre entero de un cartel del árbol, junto al puntero; no recibe clics. */
#rotulos .tip-arbol { position: absolute; left: 0; top: 0; z-index: 7; max-width: min(360px, calc(100vw - 24px)); padding: 6px 10px; border-radius: 8px;
  background: var(--marca, #1B3A5C); color: #FBF8F1; font: 600 12.5px/1.35 var(--letra, Inter, system-ui, sans-serif); white-space: normal;
  box-shadow: 0 6px 18px rgba(27, 58, 92, .32); pointer-events: none; }
#rotulos .tip-arbol[hidden] { display: none; }
#rotulos .tip-arbol code { margin-right: 6px; font: 700 11px var(--letra, Inter, system-ui, sans-serif); opacity: .8; }