#layout {
	&:not(:has(.side-menu)) {grid-template-columns: 1fr;}
	&:has(.side-menu) {grid-template-columns: max-content minmax(0, 1fr);}
	height: calc(100vh - 64px); display: grid; overflow: hidden;

	main {
		height: 100%; min-height: 0; overflow-y: auto;
		display: flex; flex-direction: column; align-items: center;
		@media (max-width: 860px) {height: auto; overflow: visible; padding: 20px 14px 32px;}

		.contenido {background: var(--gris-claro); color: var(--azul-oscuro);}
	}

	@media (max-width: 860px) {height: auto; min-height: calc(100vh - 64px); grid-template-columns: 1fr; overflow: visible;}
}