body            {background:var(--bodybkg); min-height:100vh; overflow-x:hidden; margin:0; padding:0}
html            {color:var(--fontes); min-height:100%;  overflow-y: scroll; margin:0; padding:0; font-size:95%; font-weight:400; font-family:'Lato'}
input:focus, select:focus, button:focus, textarea:focus, img:focus {outline:0;}
.wrapper        {background:var(--wrapper)}
.geral          {background:var(--geralbkg); max-width:1920px; margin:0 auto; overflow:visible; min-height:100%}
.geral-pag      {background:var(--geralbkg); max-width:1920px; min-height:100vh; display:flex; flex-direction:column; margin:0 auto; overflow:visible}
.geral-trans    {background:var(--geraltrans); max-width:1920px; min-height:100vh; display:flex; flex-direction:column; margin:0 auto; overflow:visible}
.container      {max-width:1920px; margin:0 auto; overflow:visible}
.content        {max-width:1300px; margin:0 auto; overflow:visible; padding:0 10px}
.wrap           {max-width:1300px; margin:0 auto; overflow:visible}
#header         {width:100vw; left:0; right:0; box-sizing:border-box}
.desktop-footer {display: block}
.mobile-footer  {display: none}
.box            {background:var(--boxbkg);    border:1px solid var(--boxbor); padding:20px; border-radius: 20px; overflow: hidden}
.border         {background:var(--borderbkg); border:1px solid var(--border); padding:20px; border-radius: 15px; overflow: hidden}
.box-pag        {background:var(--boxbkg);    border:1px solid var(--boxbor); padding:25px; border-radius: 30px; overflow: hidden; box-shadow:-1px -1px 20px 11px rgba(0,0,0, 0.15)}
.pag-views      {padding: 0 40px}
@media screen and (max-width:1400px){}

.jp-mobile          {display: block; }.jp-desktop { display: none}
@media (min-width: 780px) {.jp-mobile { display: none}.jp-desktop { display: block}}

@media screen and (max-width:992px){
    .desktop-footer {display: none}
    .mobile-footer  {display: block}
    .border         {border:0px; padding:5px; border-radius:0px; overflow: hidden}
    .box-pag        {padding:5px; border: 0px; border-radius: 0} 
}

@media screen and (max-width: 769px){
    .box-pag        {background:transparent; border:0px; padding: 0; box-shadow:0 0 0px 0 rgba(0,0,0, 0)}
    .box-pag        {padding:5px; border: 0px; border-radius: 0}
    .mobile         {display: none}
    .desktop        {display:block}
    p               {font-size:100%; line-height:140%}
    .border         {padding: 10px; border-radius: 5px}
    .box            {padding: 0px; border-radius:0px; box-shadow:-0px -0px 0px 0px rgba(0,0,0, 0.0)} 
}

@media screen and (max-width: 600px) {
    div.aside-pag {display: none;} 
} /* MOBILE  */

@media screen and (max-width:540px){
    .border         {padding: 10px; border-radius: 5px}
    .box            {padding: 0px !important; border-radius:0px; box-shadow:-0px -0px 0px 0px rgba(0,0,0, 0.06)} 
}

@media screen and (max-width: 480px){
    .box-pag        {padding:5px; border: 0px; border-radius: 0}
    .mtop{margin-top:20px} 
}