body{background-color:#f3f3f3;}.main-layout{display:grid;height:100%;min-height:100vh;margin:0;z-index:1;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto 32px;grid-template-areas:"header" "bodyHeader" "bodyContainer" "menuFooter" "footer";}#header{grid-area:header;position:sticky;position:-webkit-sticky;top:0;background-color:#f3f3f3;z-index:70;}#body-header{grid-area:bodyHeader;position:sticky;position:-webkit-sticky;top:0;background-color:#323232;z-index:90;}#body-container{grid-area:bodyContainer;min-height:60vh;background-color:#f9f9f9;}#menu-footer{grid-area:menuFooter;z-index:1;}#footer{grid-area:footer;background-color:#e4e4e4;color:#808080;text-align:center;padding:.25rem .5rem;z-index:1;}#footer a{color:#808080;text-decoration:none;}@media only screen and (max-width:690px){.main-layout{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"header" "bodyHeader" "bodyContainer" "menuFooter" "footer";}}div.page-layout #pageMenu{position:sticky;position:-webkit-sticky;top:3.5rem;}div.page-layout #pageProgreso{position:sticky;position:-webkit-sticky;top:4rem;z-index:89;}div.page-layout #pageInformacion{position:sticky;position:-webkit-sticky;top:6.75rem;}