body.hito-panel-prototype .ejidal-band {
  display: none;
}

.atlas-layer-control {
  position: relative;
  font: 500 .66rem/1.25 "IBM Plex Mono", monospace;
}

.atlas-layer-control > summary {
  list-style: none;
  min-height: 2.3rem;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem .75rem;
  border: 1px solid currentColor;
  background: #171917;
  color: #f5f0e6;
  cursor: pointer;
  white-space: nowrap;
}

.atlas-layer-control > summary::-webkit-details-marker {
  display: none;
}

.atlas-layer-control > summary::after {
  content: "+";
  color: #ff5a4f;
  font-size: 1rem;
}

.atlas-layer-control[open] > summary::after {
  content: "–";
}

.atlas-layer-control__panel {
  position: absolute;
  z-index: 1200;
  top: calc(100% + .4rem);
  left: 0;
  width: min(28rem, calc(100vw - 2rem));
  padding: .8rem;
  border: 1px solid #f5f0e6;
  background: #111311;
  color: #f5f0e6;
  box-shadow: 6px 6px 0 rgba(166, 39, 31, .72);
}

.atlas-layer-control__panel p {
  margin: 0 0 .7rem;
  color: #bbb8ae;
  font-size: .62rem;
}

.atlas-layer-control__panel select,
.atlas-layer-control__panel button {
  width: 100%;
  margin-top: .45rem;
  color: #f5f0e6;
  background: #171917;
  border-color: #77736b;
}

.atlas-layer-control__panel button:hover,
.atlas-layer-control__panel button[aria-pressed="true"] {
  color: #fff;
  background: #a52620;
}

.industry-categories {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  margin: .65rem 0;
}

.industry-categories span {
  padding: .24rem .36rem;
  border: 1px solid #55534e;
  color: #aaa69e;
  font-size: .52rem;
  text-transform: uppercase;
}

.industry-popup {
  min-width: 15rem;
  font: .72rem/1.45 "IBM Plex Mono", monospace;
}

.industry-popup strong {
  display: block;
  margin-bottom: .35rem;
  font: 600 1.1rem/1.1 "Source Serif 4", serif;
  text-transform: capitalize;
}

.industry-popup em {
  color: #a52620;
  font-style: normal;
  font-weight: 700;
}

.industry-popup small {
  display: block;
  margin-top: .5rem;
}

@media (max-width: 780px) {
  .atlas-layer-control {
    flex: 1 1 10rem;
  }

  .atlas-layer-control > summary {
    justify-content: space-between;
  }
}

@media print {
  .atlas-layer-control,
  body.hito-panel-prototype .ejidal-band {
    display: none !important;
  }
}