.mapa-page {
  height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
}

.mapa-header {
  padding: var(--ov-space-4) var(--ov-space-6);
  background: var(--ov-white);
  border-bottom: 1px solid var(--ov-line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}

.mapa-title {
  font-family: var(--ov-font-display);
  font-size: var(--ov-fs-h3);
  font-weight: 700;
  color: var(--ov-navy);
  margin: 0;
}

.mapa-subtitle {
  font-size: var(--ov-fs-sm);
  color: var(--ov-slate);
  font-family: var(--ov-font-sans);
  margin: var(--ov-space-1) 0 0;
}

.mapa-map-wrapper {
  flex: 1;
  padding: var(--ov-space-4);
  background: var(--ov-cloud);
}