body            {background:var(--bodybkg); min-height: 100%; overflow-y: scroll; overflow-x: hidden; margin:0; padding:0} 
html            {color:var(--fontes); min-height: 100%;  overflow-y: scroll; overflow-x: hidden; 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; display: flex; flex-direction: column; margin: 0 auto; overflow: visible; min-height: 100vh}
.geral-trans    {background: var(--geraltrans); max-width: 1920px; display: flex; flex-direction: column; margin: 0 auto; overflow: visible; min-height: 100vh}
.container      {max-width:1920px; margin: 0 auto; overflow: visible}
.content        {max-width:1350px; margin: 0 auto; overflow: visible; padding: 0 20px}
.wrap           {max-width:1350px; margin: 0 auto; padding: 0 20px}
.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} 
}