html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  /* mismo tono que theme.palette.background.default (grey[50]/grey[900] en
     common/theme/palette.js) - si el fondo del body se asoma un instante
     durante un cambio de pagina (ej. el mapa desmontandose de un
     contenedor y remontandose en otro), que sea del mismo color que la
     app y no un salto de tono perceptible */
  background: #fafafa;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #212121;
  }
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media print {
  * {
    height: auto !important;
    overflow: visible !important;
  }
}