@media screen and (max-width:380px){
aside{
display: none;
}
#btnResp{
display: block !important;
}

}
@media screen and (max-width:500px){
aside{
height: 60px !important;
}
    aside .linkNav .link p{
display: none;
}
aside .linkNav .btnLink{
width: 60px;
}
#btnResp{
display:none;
}
}

@media screen and (max-width:1110px) {
#btnResp{
display: none;
}
body{

 display: grid;

 grid-template-columns: 1fr;

grid-template-rows: 80px 1fr 60px 80px ;

grid-template-areas: "nav" "main" "footer" "aside";

 position: relative;

}
main {
  
  height: 73dvh auto;
  
}
.spacer{
padding: 1px;
background-color: white;
}
aside{

position:fixed !important;
bottom: 0 !important;
left: 0;
background-color: #39393a;

 z-index: 999;

height:90px ;
justify-content: center;
  align-items: center;


 width: 100%;

-webkit-box-shadow: 0px -10px 50px -21px rgba(0,0,0,0.84);

box-shadow: 0px -10px 50px -21px rgba(0,0,0,0.84);

text-align: center;

}



aside.linkNav{

width: 100%;

text-align: center;



}

.linkNav .containerLink{

/* padding: 5px; */

display: inline-flex;

flex-wrap: nowrap;

flex-direction: row;



}

.btnLink{

display: flex;

flex-direction: column;

width: 90px;

border-radius: 24px;
margin: 5px;

padding: 2px;

}

.material-symbols-outlined{

margin: 5px;

}

.btnLink .link{

color: white;

margin: 5px;

}



.btnLink:hover{

background-color: #ff3131c0 !important;

}
.badgeCont{
position: relative;
text-align: right;
}

footer{

 display: none;

 }

#listLink{
display: none;
}
}

@media screen and (min-width:1111px){
.normalAside{
  position: sticky !important;
background-color: #39393a;
text-align: center;
position: relative;
}
.normalAside .containerLink{
text-align: center;
justify-content: center;
align-items: center;
}
.normalAside .containerLink .btnLink{
margin: 10px;
cursor: pointer;
border-radius: 15px;
}
.normalAside .containerLink .btnLink:hover{
background-color: #ff3131;

}
.normalAside .containerLink .btnLink .link{
color: white;
}
.btnArrow{
display: none  !important;
}
.spacer{
width: 1px;
height: 20px;
padding: 1px;
background-color: white;
}
}