/* Zona Activa 2.1.0 · navegación operativa reducida y reflujo móvil. */
.za-app.za-visual-v183 .za-map-first-bar {
  grid-template-columns: auto auto minmax(0,1fr) auto;
}

.za-app.za-visual-v183 .za-map-first-brand {
  min-height: 54px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  padding: 7px 14px;
  border: 1px solid var(--za-183-line);
  border-radius: 18px;
  background: rgba(255,255,255,.94);
  box-shadow: var(--za-183-shadow-sm);
  color: var(--za-183-ink);
  pointer-events: auto;
}

.za-app.za-visual-v183 .za-map-first-brand span {
  font-size: .86rem;
  font-weight: 900;
  line-height: 1.1;
}

.za-app.za-visual-v183 .za-map-first-brand small {
  color: var(--za-183-muted);
  font-size: .67rem;
  line-height: 1.2;
  white-space: nowrap;
}

.za-app.za-visual-v183[data-theme="dark"] .za-map-first-brand,
.za-app.za-visual-v183[data-za-theme-mode="dark"] .za-map-first-brand {
  background: rgba(15,20,45,.94);
}

.za-app.za-visual-v183 .za-map-first-nav button,
.za-app.za-visual-v183 .za-map-first-section > summary,
.za-app.za-visual-v183 .za-map-first-layers > summary,
.za-app.za-visual-v183 .za-map-first-island--tools .za-btn,
.za-app.za-visual-v183 .za-map-first-island--tools button {
  min-height: 44px !important;
}

.za-app.za-visual-v183 .za-map-first-nav {
  max-height: min(48dvh,360px);
}

@media (max-width: 1180px) {
  .za-app.za-visual-v183 .za-map-first-brand small { display: none; }
  .za-app.za-visual-v183 .za-map-first-brand { padding-inline: 12px; }
}

@media (max-width: 767px) {
  .za-app.za-visual-v183 .za-map-first-bar {
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas:
      "brand brand"
      "context tools"
      "workflow workflow" !important;
    gap: 7px !important;
  }

  .za-app.za-visual-v183 .za-map-first-brand {
    grid-area: brand;
    min-height: 38px;
    width: 100%;
    padding: 6px 11px;
    border-radius: 13px;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    gap: 7px;
  }

  .za-app.za-visual-v183 .za-map-first-brand small {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .za-app.za-visual-v183 .za-map-first-island--context {
    max-width: min(218px,100%);
  }

  .za-app.za-visual-v183 .za-map-first-panel,
  .za-app.za-visual-v183 .za-map-first-panel[data-za-panel-density],
  .za-app.za-visual-v183 .za-map-first-panel[data-za-panel-context] {
    height: min(56dvh,500px);
    min-height: 292px;
  }

  .za-app.za-visual-v183 .za-map-first-panel .za-immersive-context__body {
    overscroll-behavior: contain;
  }
}

@media (max-width: 420px) {
  .za-app.za-visual-v183 .za-map-first-bar {
    left: 6px !important;
    right: 6px !important;
    top: 6px !important;
  }

  .za-app.za-visual-v183 .za-map-first-brand {
    min-height: 36px;
  }

  .za-app.za-visual-v183 .za-map-first-nav,
  .za-app.za-visual-v183 .za-map-first-section.is-expanded .za-map-first-nav {
    left: -56px !important;
    width: calc(100vw - 12px) !important;
    max-width: none !important;
  }

  .za-app.za-visual-v183 .za-map-first-panel,
  .za-app.za-visual-v183 .za-map-first-panel[data-za-panel-density],
  .za-app.za-visual-v183 .za-map-first-panel[data-za-panel-context] {
    left: 5px !important;
    right: 5px !important;
    bottom: 5px !important;
    width: auto !important;
    max-height: calc(100dvh - 172px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .za-app.za-visual-v183 .za-map-first-panel,
  .za-app.za-visual-v183 .za-map-first-nav { scroll-behavior: auto; }
}