/* ═══════════════════════════════════════════════════════════════════════
   Pinos padrão Sumidos Brasil — usado em fluxo.php, mapapublico.php,
   mapageolocalizacao.php (origem do desenho: ac.php .iv-mk).
   Use com assets/js/pinos.js (spPino / SP_ICONES / SP_CORES_STATUS).
   ═══════════════════════════════════════════════════════════════════════ */
.sp-pin { --c:#2a5aa8; width:34px; height:34px; border-radius:50% 50% 50% 4px; transform:rotate(-45deg);
  background:var(--c); border:2.5px solid #fff; box-shadow:0 4px 12px rgba(0,0,0,.35);
  display:flex; align-items:center; justify-content:center; position:relative; }
.sp-pin i { transform:rotate(45deg); color:#fff; font-size:13px; }
.sp-pin b.n { position:absolute; top:-7px; right:-7px; transform:rotate(45deg); background:#15241a; color:#fff;
  font-size:9.5px; font-weight:800; min-width:16px; height:16px; border-radius:99px; display:flex; align-items:center;
  justify-content:center; border:1.5px solid #fff; padding:0 3px; font-family:'Inter','Segoe UI',sans-serif; }
.sp-pin.peq { width:26px; height:26px; border-width:2px; }
.sp-pin.peq i { font-size:10px; }
.leaflet-marker-icon:hover .sp-pin { box-shadow:0 6px 18px rgba(0,0,0,.5); }

/* Último local visto: halo pulsante dourado + badge de olho */
.sp-pin.ult { border-color:#ffd866; animation:spPulse 1.8s ease-out infinite; }
.sp-pin.ult b.u { position:absolute; bottom:-7px; right:-7px; transform:rotate(45deg); background:#e8a800; color:#fff;
  width:16px; height:16px; border-radius:99px; display:flex; align-items:center; justify-content:center;
  border:1.5px solid #fff; font-size:8px; }
@keyframes spPulse {
  0%   { box-shadow:0 4px 12px rgba(0,0,0,.35), 0 0 0 0 rgba(232,168,0,.55); }
  70%  { box-shadow:0 4px 12px rgba(0,0,0,.35), 0 0 0 14px rgba(232,168,0,0); }
  100% { box-shadow:0 4px 12px rgba(0,0,0,.35), 0 0 0 0 rgba(232,168,0,0); }
}