html{font-size:16px; background-color:var(--html_back); padding:0; margin:0;}
html:has(.sys_shadow){overflow:hidden;}
  a:link {text-decoration: none;}
  a:visited {text-decoration: none;}
  a:hover {text-decoration: underline;}
  a:active {text-decoration: underline;}


body{
  padding: 0; margin:0;
  background-color:var(--body_back); color:#fff;
  float:left; width:100%;
  padding-top:var(--header_height);
  position: relative;
  height: auto;
}

.main{
  overflow-x:hidden;
  width:82%; display:inline-block; float:left;
  height:calc( 100vh - var(--header_height)); 
  margin:0; padding:0%; padding-top:0;  
  background: var(--main_back);transition: all 1s ease-in-out allow-discrete;
}
.frame_main{display:block; float:left; width:100%; height:calc( 100vh - 3.8rem); min-height:400px;z-index:1;position:relative;}
.panel{
  width:18%; float:left; display:inline-block; height:calc( 100vh - var(--header_height));
  margin:0; padding:0%; padding-top:0;
  background: var(--main_back_alt);
  transition: all 1s ease-in-out allow-discrete;
}

details *{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
details {
	position: relative;
	max-inline-size: 40rem;
	padding: 0.2rem;
	margin-inline: auto;
} 

summary{
	position: relative;
	font-weight: 500;font-size:0.8rem;
	cursor: pointer;
  align-items: center;
  display:flex; justify-content:space-between;
  padding-left:5px;padding-top:0px;padding-bottom:1px;
}
summary section{font-size:0.9rem;}
.details::details-content {
	display: block; width:100%; 
	block-size: 0;
	overflow: hidden;
	transition-property: block-size, content-visibility;
	transition-duration: 0.5s;
	transition-behavior: allow-discrete;
}

.details[open]::details-content {
	block-size: auto;
	block-size: calc-size(auto, size);
}
.details[open] .d_icon {transform: rotate(180deg);}
.menu_opc{
  display:flex; justify-content:space-between; align-items: center;
  cursor: pointer;
  color:var(--mnu_option_fore);
  padding-left:10%;padding-top:4px;padding-bottom:4px;
  font-size:0.8rem;
  height:1.8rem;
}
.menu_opc *{transition: all 0.3s ease-in-out;}
.menu_opc section{text-wrap-mode: nowrap; overflow: hidden; width: 95%;}
.menu_opc section a{color: var(--mnu_option_fore);} 
    
.menu_opc section:hover{scale:1.05; font-weight:500;color:var(--mnu_option_hover);}



.menu_main{padding-left:9px!important;font-weight:400!important;color:var(--mnu_option_fore);}

.sub_filtro{
  width: 100%; padding: 10px;
  max-height: 25vh; overflow-y: auto;
}
.sub_filtro label{
  display: block; width: 100%; font-size: 0.65rem;cursor: pointer; color: var(--mnu_option_fore);
  padding: 2px;;
}
@media only screen and (min-width : 300px) and (max-width : 580px){

}