.layout {
  margin-top: 5px;
	margin-bottom: 1%;
	margin-left: 2%;
	margin-right: 5%;
	background-color: var(--bgpantalla);
	display: flex;
	align-items: start;
	justify-content: start;
	flex-direction: row;
}
.layout-inicio {
	margin-top: 5%;
	margin-bottom: 10%;
	margin-left: 5%;
	margin-right: 5%;
	background-color: var(--bgpantalla);
}

.header	{
	display:flex ;
	justify-content: start;
	width: 100%;
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
	flex-direction: row;
}

.sidebar {
	position: absolute;
  top: 45px;
  left: 0;
  width: 60px;    /* Solo iconos por defecto */
  height: 100vh;
  background: var(--bgsidebar);
  overflow-x: hidden;
  transition: width 0.3s;
  z-index: 1000;
}

.sidebar:hover {
  width: 220px; /*se abre al pasar puntero*/
}


.children {
	position: absolute;
	top: 45px;		/* 15%;	*/
	left: 70px;	/* 21%	*/
	width: calc(100% - 70px) ;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
}