/* Holy Grail Flex Box Stylesheet */
/* Mixins */
/* Skin v4.6 - White / Dark / Blue */
.layout__body {
  display: flex;
  flex: 1; }

.layout__content {
  flex: 1;
  overflow-y: auto;
  height: 100vh; }

/* Margen de seguridad global para que las barras inferiores de algunas tablets
   no oculten el ultimo contenido. Documentado en gaolos-decisiones-estructurales.md. */
.layout__content::after {
  content: "";
  display: block;
  height: 4rem;
  height: calc(4rem + env(safe-area-inset-bottom)); }

.layout__columns {
  text-align: left; }

.layout__nav {
  order: -1;
  background: #262f3d;
  width: 15rem;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh; }

.layout__aside {
  background: #cfd8dc;
  width: 15rem;
  position: relative;
  display: none; }