html { scroll-behavior: smooth;}

@media only screen and (min-width:1000px) and (max-width:1300px) {.page.com_indice #content .node.large .content h1,.page.com_indice #content .node.large .content h2,.page.com_indice #content .node.large .content h3,.page.com_indice #content .node.large .content h4,.page.com_indice #content .node.large .content p,.page.com_indice #content .node.large .content li{margin-left:360px;}
.page.com_indice #content .node.large .content .indice_container  li{margin-left:0;}
}
aside.indice { position: fixed; width: 100%; padding: 0px 10px; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px 1px; box-sizing: border-box; left: 0;}
aside.indice header {    display: flex; justify-content: space-between; align-items: center; padding: 5px 0; }
aside.indice header h2{ width: 100%;text-align: left; letter-spacing: 3px; text-transform: uppercase;     padding:0; font-size: .9em; border-radius: 0; box-sizing: border-box; font-family :var(--tipo-letra-principal);}
aside.indice header button {  display: block;     background: transparent; border: 0; cursor: pointer; margin: 0 0 0 auto; padding: 0;  }
aside.indice header button svg { display: none; padding: 6px; height: 20px; width: auto;}
aside.indice header button .bars { display: block; }
aside.indice.aberto header button .bars { display: none; }
aside.indice.aberto button .close { display: block; }
aside.indice ul { padding: 0 17px 0 0; margin: 0; list-style: none; display:none;}
aside.indice.aberto ul { display:block;}
aside.indice ul li{margin-left:0px;margin:0;}
aside.indice ul li a{font-family :var(--tipo-letra-principal);font-size:.8em;line-height:120%;padding:4px 6px;display:block;}
aside.indice ul > li { font-weight:bold; }
aside.indice ul li ul li { font-weight:normal; }
aside.indice ul li ul { padding-left:10px; height:0;     overflow: hidden;  transition: height 0.3s ease-out;}
aside.indice ul li.active ul { height:auto;  }
aside.indice li a { border-left: 2px solid #fff; }
aside.indice li.active > a { color: var(--secondary-color); border-left: 2px solid var(--secondary-color); }
aside.indice ul li.cH2{font-weight: bold;}
aside.indice ul li ul li {  position:relative; top: -20px; opacity:0;  transition: opacity 0.3s ease-out, top 0.3s ease; }
aside.indice .ajusta:first-child { overflow-y: scroll;  padding: 0;  }
aside.indice ul li.active ul li { top:0; opacity:1;  }
aside.indice ul li ul li:nth-child(1)  {  transition-delay: .1s  }
aside.indice ul li ul li:nth-child(2)  { transition-delay: .15s }
aside.indice ul li ul li:nth-child(3)  { transition-delay: .2s }
aside.indice ul li ul li:nth-child(4)  { transition-delay: .25s }
aside.indice ul li ul li:nth-child(5)  { transition-delay: .3s }
aside.indice ul li ul li:nth-child(6)  { transition-delay: .32s }
aside.indice ul li ul li:nth-child(7)  { transition-delay: .34s  }
aside.indice ul li ul li:nth-child(8)  { transition-delay: .36s }
@media(min-width:700px) {
	aside.indice { left: 0px;  width: 300px;  display:block;   padding: 20px 0 0 20px;box-shadow: none; transform: translate(-15px, 0); opacity: .2; transition: all 0.3s ease-out;}
	aside.indice:hover { transform: translate(0, 0); opacity:1;}

	aside.indice header { padding:0; }
	aside.indice header h2 { padding: 7px 0;     border-bottom: 1px solid #333;}
	aside.indice header button { display:none;}
	aside.indice ul { display:block;}
	#article {padding-left:300px; }
}
@media (min-width:1220px) {
	#article {padding-left:0; }
}