/* Zona Activa 2.0.8 — mapa inmediato y revalidación territorial discreta. */
.za-map-first-canvas,
.za-map-card,
[data-za-immersive-canvas]{position:relative}

.za-territory-status{
  position:absolute;
  left:50%;
  bottom:18px;
  z-index:780;
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:min(86%,520px);
  min-height:36px;
  padding:8px 13px;
  border:1px solid rgba(91,52,138,.16);
  border-radius:999px;
  background:rgba(255,255,255,.93);
  color:#4c4262;
  box-shadow:0 8px 24px rgba(48,28,78,.13);
  backdrop-filter:blur(12px) saturate(1.08);
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
  font-size:.78rem;
  font-weight:750;
  line-height:1.2;
  pointer-events:none;
  opacity:1;
  transform:translate(-50%,0);
  transition:opacity .18s ease,transform .18s ease;
}
.za-territory-status[hidden]{display:none!important}
.za-territory-status.is-leaving{opacity:0;transform:translate(-50%,6px)}
.za-territory-status.is-cache{border-color:rgba(24,160,112,.2);color:#146c51}
.za-territory-status.is-warning{border-color:rgba(214,135,28,.25);color:#8a5614}
.za-territory-status.is-error{border-color:rgba(210,56,79,.23);color:#9a2439}
.za-territory-status .za-territory-status__dot{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:#7a2ce8;
  box-shadow:0 0 0 4px rgba(122,44,232,.12);
}
.za-territory-status.is-cache .za-territory-status__dot{background:#18a070;box-shadow:0 0 0 4px rgba(24,160,112,.12)}
.za-territory-status.is-warning .za-territory-status__dot{background:#d6871c;box-shadow:0 0 0 4px rgba(214,135,28,.12)}
.za-territory-status.is-error .za-territory-status__dot{background:#d2384f;box-shadow:0 0 0 4px rgba(210,56,79,.12)}
.za-territory-status.is-loading .za-territory-status__dot{animation:za208-pulse 1s ease-in-out infinite}

[data-za-map-stage][data-za-map-state="base-ready"],
[data-za-map-stage][data-za-map-state="cached"],
[data-za-map-stage][data-za-map-state="refreshing"],
[data-za-map-stage][data-za-map-state="degraded"]{background:#edf2f5}

@keyframes za208-pulse{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}

@media(max-width:680px){
  .za-territory-status{bottom:12px;z-index:620;max-width:calc(100% - 24px);min-height:34px;padding:7px 11px;font-size:.73rem}
}

@media(prefers-reduced-motion:reduce){
  .za-territory-status{transition:none}
  .za-territory-status.is-loading .za-territory-status__dot{animation:none}
}