.margem-nav{
    margin-top: calc(var(--altura-1)/1.5);
  }

  .ac{
    align-items: center;
    align-content: center;
  }

  .js{
    justify-content: start;
  }

  .as{
    align-items: start;

  }

  .p0{
    padding: 0;
  }

  .p1{
    padding: var(--espaco-1);
  }

  .p2{
    padding: var(--espaco-2);
  }

  .p3{
    padding: var(--espaco-3);
  }

  .pe0{
    padding-left: 0;
  }

  .pe1{
    padding-left: var(--espaco-1);
  }

  .pe2{
    padding-left: var(--espaco-2);
  }

  .pd2{
    padding-right: var(--espaco-2);
  }

  .pd3{
    padding-right: var(--espaco-3);
  }

  .pt1{
    padding-top: var(--espaco-1);
  }

  .pt2{
    padding-top: var(--espaco-2);
  }

  .pb1{
    padding-bottom: var(--espaco-1);
  }

  .pb2{
    padding-bottom: var(--espaco-2);
  }

  .m0{
    margin: 0;
  }

  .m1{
    margin: var(--espaco-1);
  }

  .m2{
    margin: var(--espaco-2);
  }

  .m3{
    margin: var(--espaco-3);
  }

  .me1{
    margin-left: var(--espaco-1);
  }

  .me2{
    margin-left: var(--espaco-2);
  }

  .me3{
    margin-left: var(--espaco-3);
  }

  .md1{
    margin-right: var(--espaco-1);
  }
  
  .md2{
    margin-right: var(--espaco-2);
  }

  .md3{
    margin-right: var(--espaco-3);
  }

  .mt1{
    margin-top: var(--espaco-1);
  }

  .mt2{
    margin-top: var(--espaco-2);
  }

  .mt3{
    margin-top: var(--espaco-3);
  }

  .mb1{
    margin-bottom: var(--espaco-1);
  }

  .mb2{
    margin-bottom: var(--espaco-2);
  }

  .mb3{
    margin-bottom: var(--espaco-3);
  }

  .fit{
    width:fit-content;
    height:fit-content;
  }

  .hide{
    display:none;
  }

  .fonte1{
    font-size: var(--fonte-1);

  }


  
@media screen and (min-width: 1367px){

  #short{
    display:none;
  }

}

@media screen and (max-width:1366px) {

  #short{
    display:block;
  }
  
  label #long, 
  #long{
    display:none;
  }

  .menor-mob{  
    width: 85vw;
  }

}



@media screen and (max-width:1024px) {

  #short{
    display:block;
  }

  #long{
    display:none;
  }
  

  .menor-mob{  
    width: 90vw;
  }



}


@media screen and (max-width:780px) {

  

  .menor-mob{  
    width: 95vw;
  }



}