@charset "UTF-8";
:root {
  --colorPreto: #000;
  --colorTexto: #222;
  --colorBranco: #FFF;
  --colorAzulPadrao: #012B52;
  --colorSubTitle: #333333;
  --colorCinza444: #444;
  --colorCinza555: #555;
  --colorCinza666: #666;
  --colorCinza777: #777;
  --colorCinza888: #888;
  --colorCinza999: #999;
  --colorCinzaAAA: #AAA;
  --colorCinzaCCC: #CCC;
  --colorAzulBt: #056CCD;
  --colorAzulBt2: #005CA7;
  --colorAzulBt3: #003DAF;
  --colorAzulMenuHover: #00A9F8;
  --colorAzulAB: #0058AB;
  --colorAzulOrcamento: #0061ff;
  --colorFundoZap: #10F868;
  --colorFundoZap2: #24D366 ;
  --colorFundoZap3: #18B653 ;
  --colorZapIcon: #0a2615;
  --colorLink: #fb0000 ;
  --colorFundo_CCC: #CCC;
  --colorFundo_EEE: #EEE;
  --colorAzulClaroFundo: #EFF7FD ;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  outline: none;
}

body, html {
  width: 100%;
  height: 100%;
  flex-direction: column;
  font-family: Poppins, Arial, "Open Sans";
  font-size: 14px;
  color: #333;
  background-color: #FFF;
}

p, small {
  font-size: 16px;
  color: #222;
  font-weight: normal;
}

p {
  margin-top: 14px;
  text-align: left;
}

li {
  list-style: none;
  font-size: 14px;
}

input, select, textarea {
  outline: none;
}

img {
  outline: none;
  border: none;
}

button {
  border: none;
  cursor: pointer;
  background: none;
}

i, address {
  font-style: normal;
}

a, a:hover {
  transition: ease-in 0.2s;
  color: #ff0000;
}

#fundoBlack {
  width: 100%;
  height: 160vh;
  float: left;
  position: absolute;
  z-index: 99999;
  margin-top: -108px;
  background: linear-gradient(rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.6) 40%);
  display: none;
}

#fundoBlack.active {
  display: block;
  position: fixed;
}

.w100 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

#header, #headerPgs {
  width: 100%;
  min-height: 88px;
  top: 0px;
  float: left;
  position: relative;
  z-index: 9;
}
@media (max-width: 560px) {
  #header, #headerPgs {
    background-size: cover;
  }
}
@media (max-width: 330px) {
  #header, #headerPgs {
    background-position: -200px 0px;
  }
}

#topoBarra {
  width: 100%;
  height: 80px;
  float: left;
  margin-top: 0px;
  background-color: var(--colorAzulPadrao);
}

.spaceMenu {
  display: none;
}

#topoBarraIn {
  max-width: 1300px;
  height: 40px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1px;
  font-size: 18px;
  color: var(--colorBranco);
  font-weight: 600;
}
@media (max-width: 1300px) {
  #topoBarraIn {
    width: 98%;
  }
}
@media (max-width: 1300px) {
  #topoBarraIn {
    width: 96%;
  }
}

@media (max-width: 500px) {
  .topFone {
    font-size: 14px;
  }
}
@media (max-width: 380px) {
  .topFone {
    font-size: 12px;
    letter-spacing: -0.5px;
  }
}

.topEmail a:hover {
  opacity: 0.6;
  text-decoration: underline;
}
@media (max-width: 500px) {
  .topEmail a {
    font-size: 13px;
  }
}
@media (max-width: 380px) {
  .topEmail a {
    font-size: 12px;
    letter-spacing: -0.4px;
    font-weight: 500;
  }
}

.topEmail .fa-envelope {
  padding: 0px;
  margin-right: 0px;
  border-radius: 4px;
  background-color: transparent;
}

#topoBarraIn button, #topoBarraIn a {
  color: var(--colorBranco);
}
#topoBarraIn button:hover, #topoBarraIn a:hover {
  opacity: 0.8;
  top: 20px;
}

#topoBarraIn .fa-phone {
  margin-right: 4px;
}

#topoBarraIn .redestop span button {
  font-size: 30px;
  padding: 4px;
}

@media (max-width: 600px) {
  .redestop {
    display: none;
  }
}

#funtoTopoMenu {
  max-width: 1300px;
  height: 108px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  top: -40px;
  background-color: var(--colorBranco);
  border-radius: 6px;
  padding: 4px;
  position: relative;
  z-index: 99;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
@media (max-width: 1300px) {
  #funtoTopoMenu {
    width: 96%;
  }
}
@media (max-width: 1000px) {
  #funtoTopoMenu {
    height: 80px;
    z-index: 9999999;
  }
}

.topMenuIn {
  height: 30px;
  margin-top: 0px;
  float: right;
  margin-right: 20px;
}

.topMenuIn ul {
  position: relative;
  margin-top: 0px;
}

.topMenuIn ul li {
  position: relative;
  float: left;
}

.topMenuIn ul li a, .menulinkCego button, .menuBtLinkOrcamento button {
  display: flex;
  justify-content: space-between;
  margin-left: 2px;
  margin-top: 26px;
  padding: 0px 8px;
  font-size: 16px;
  color: var(--colorTexto);
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 50px;
  /*@media (max-width:1150px){

    margin-left:0px; 
    margin-top:26px;
    padding:0px 4px;    
    font-size:15px;

    }*/
}
@media (max-width: 980px) {
  .topMenuIn ul li a, .menulinkCego button, .menuBtLinkOrcamento button {
    font-size: 15px;
    text-shadow: none;
  }
}

.menuBtLinkOrcamento button {
  background: none;
  border-radius: 4px;
}
.menuBtLinkOrcamento button:hover {
  color: var(--colorPreto);
  background: #000;
}
@media (max-width: 980px) {
  .menuBtLinkOrcamento button {
    width: 100%;
  }
}

.topMenuIn .menulinkCego button i::before {
  content: "+";
  width: 8px;
  height: 10px;
  display: inline-flex;
  align-items: center;
  margin-top: 14px;
  padding: 4px;
  margin-left: 1px;
  margin-right: 0px;
  font-size: 16px;
  color: #242424;
}

.topMenuIn .menulinkCego button:hover i::before {
  content: "-";
}

.topMenuIn ul li a:hover,
.menuBtLinkOrcamento button:hover,
.topMenuIn .menuAtivo {
  color: var(--colorBranco);
  background-color: var(--colorAzulMenuHover);
  border-radius: 6px;
}

.topMenuIn .menulinkCego:hover > button {
  color: var(--colorBranco);
}

.topMenuIn ul li ul {
  position: absolute;
  padding: 2px 0px;
  left: -30px;
  margin-top: 0px;
  width: 240px;
  display: none;
  background: #FFF;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
}

.topMenuIn ul li:hover > ul {
  display: block;
}

.topMenuIn ul li ul li {
  position: relative;
  width: 100%;
}

.topMenuIn .menulinkCego:hover > button {
  background-color: var(--colorAzulMenuHover);
}

.topMenuIn .menulinkCego:hover > button i::before {
  content: "-";
}

.topMenuIn ul li ul li a {
  font-size: 15px;
  color: var(--colorBrancozulbt);
  letter-spacing: -0.5px;
  text-shadow: none;
  height: 60px;
  line-height: 60px;
  padding: 0px 10px;
  margin-top: 2px;
}

.topMenuIn ul li ul li a:hover {
  border-radius: 0px;
  padding: 0px 20px;
}
@media (max-width: 1000px) {
  .topMenuIn ul li ul li a:hover {
    background-color: var(--colorAzulbt);
    color: #FFF;
  }
}

.topMenuIn ul li ul li ul {
  left: 250px;
  top: 0;
}

#funtoTopoMenu .logoTopo {
  width: 248px;
  height: 50px;
  padding: 30px 20px;
}
@media (max-width: 1000px) {
  #funtoTopoMenu .logoTopo {
    padding: 14px 10px;
  }
}
@media (max-width: 450px) {
  #funtoTopoMenu .logoTopo {
    width: 200px;
  }
}

#bannerHome {
  width: 100%;
  height: 550px;
  float: left;
  margin-top: -108px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1000px) {
  #bannerHome {
    margin-top: 8px;
  }
}
@media (max-width: 500px) {
  #bannerHome {
    height: 450px;
  }
}

.slider {
  width: 100vw;
  top: 0;
  overflow: hidden;
}

#slideImg {
  width: 100vw;
  height: 550px;
  margin: 0 auto;
  object-fit: cover;
  animation: zoom 5s linear infinite;
  overflow: hidden;
  /*   -webkit-transform: translateY(80%);
      -moz-transform: translateY(80%);
      transform: translateY(80%);
  */
}
@media (max-width: 500px) {
  #slideImg {
    height: 450px;
  }
}

@keyframes zoom {
  0% {
    transform: scale(1.2);
  }
  15% {
    transform: scale(1);
  }
  85% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.bannerHomeText100 {
  width: 100%;
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.8) 40%);
  position: absolute;
  top: 0;
}
@media (max-width: 450px) {
  .bannerHomeText100 {
    background: linear-gradient(rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.7) 40%);
  }
}

#bannerHomeText {
  max-width: 800px;
  min-height: 50px;
  margin: 0 auto;
  margin-top: 190px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 800px) {
  #bannerHomeText {
    width: 96%;
  }
}
@media (max-width: 395px) {
  #bannerHomeText {
    margin-top: 180px;
  }
}

.txtBanner {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 0px;
}

.txtBanner h1, .txtBanner span {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 0px;
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--colorBranco);
}
@media (max-width: 630px) {
  .txtBanner h1, .txtBanner span {
    font-size: 30px;
    font-weight: 600;
  }
}
@media (max-width: 380px) {
  .txtBanner h1, .txtBanner span {
    font-size: 24px;
    font-weight: 600;
  }
}

.txtBanner span {
  margin-top: 0px;
  font-size: 20px;
  font-weight: 400;
  text-transform: none;
}
@media (max-width: 630px) {
  .txtBanner span {
    font-size: 17px;
  }
}
@media (max-width: 380px) {
  .txtBanner span {
    font-size: 15px;
  }
}

.txtBanner span:nth-child(2) {
  margin-top: 16px;
  margin-bottom: -20px;
  font-weight: 600;
}
@media (max-width: 630px) {
  .txtBanner span:nth-child(2) {
    font-size: 17px;
  }
}

#btsBanner {
  width: auto;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 10px;
}

#btsBanner .btOrca, #btsBanner .btZap {
  width: 200px;
  height: 52px;
  margin-top: 0px;
  display: flex;
  justify-content: center;
  gap: 4px;
  border-radius: 8px;
  background-color: var(--colorFundoZap);
}
#btsBanner .btOrca {
  width: 190px;
  height: 52px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #FFF;
}
@media (max-width: 385px) {
  #btsBanner .btOrca {
    max-width: 130px;
  }
}

#btsBanner .btOrca p, #btsBanner .btZap p {
  height: 100%;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-top: 0px;
}
@media (max-width: 420px) {
  #btsBanner .btOrca p, #btsBanner .btZap p {
    font-size: 14px;
    margin-left: -10px;
    padding: 0px 9px;
  }
}

@media (max-width: 360px) {
  #btsBanner .btZap p {
    letter-spacing: -1px;
    font-size: 13px;
    margin-left: -10px;
  }
}

#btsBanner .btOrca i, #btsBanner .btZap i {
  padding: 10px;
  font-size: 30px;
  font-weight: 600;
  color: var(--colorZapIcon);
}
@media (max-width: 420px) {
  #btsBanner .btOrca i, #btsBanner .btZap i {
    padding: 10px;
  }
}

#btsBanner .btOrca i {
  padding: 10px;
  font-size: 30px;
  font-weight: 400;
  color: var(--colorPreto);
}

/*
#btsBanner a:hover .btOrca {background: rgba(255,255,255, 0.1); box-shadow: 0px 0px 8px #FFF;}
#btsBanner  a .btOrca i {width:36px;height:36px;float:left;margin:6px 11px;}
#btsBanner  a .btOrca p {width:auto;margin:9px 6px;font-size:20px;font-weight: 500; color:#FFF}
#btsBanner a .btZap {margin-left:16px; background: #26FF93; border:1px solid #00C663; }
#btsBanner a:hover .btZap {box-shadow: 0px 0px 8px #6FFFB7;}
#btsBanner  a .btZap i {width:36px;height:36px;float:left;font-size:30px;padding:8px;font-weight: bold;}
#btsBanner  a .btZap p {width:auto;padding:8px 10px;font-size:18px;font-weight: 600; color:#006633}
*/
#conteudo {
  width: 100%;
  float: left;
  flex: 1;
  overflow: hidden;
}

.home1Pai {
  max-width: 1200px;
  width: 100%;
  height: 400px;
  margin: 0px auto;
  display: flex;
  top: -20px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: rgba(194, 194, 194, 0.2) 0px -4px 5px 0px, rgba(218, 218, 218, 0.04) 0px 10px 10px -5px;
}
@media (max-width: 500px) {
  .home1Pai {
    max-width: none;
    width: 100vw;
    height: 280px;
    top: 20px;
    margin-bottom: 50px;
  }
}

/*

  .home1Pai::before ,   .home1Pai::after  {
    content:"";
 width:40px;
 height:400px;
 margin-left:0px;
 display: flex;
 position: absolute;
 z-index:1;

 box-shadow: -6px 0 4px -4px #EEE;
 border-radius:10px 0px 0px 10px;
 background: linear-gradient(90deg, rgba(255, 255, 255,1) 60%, rgb(255, 255, 255,0) 100%);

          @media(max-width:500px) { 
            width:20px;  
            height: 300px; 
            opacity: 0.4;  
          }
   }

   .home1Pai::after  {
     content: "";
    width:50px;
    height:400px;
    display: flex;
  right:0px;
   position:absolute;


    border-radius:0px 10px 10px 0px;
    border-left:none;
    box-shadow: 6px 0 4px -4px #EEE;
    background: linear-gradient(-90deg, rgba(125, 26, 26,1) 0%, rgba(255, 0, 0, 0) 100%);

            @media(max-width:500px) { 
                width:30px;
                height: 300px;             
            }
     }
*/
.home1 {
  width: 100%;
  height: 100%;
  margin: 0px auto;
  display: flex;
  position: relative;
  cursor: grab;
  overflow: hidden;
  border-radius: 10px;
}

.home1:active {
  cursor: grabbing;
}

.home1::-webkit-scrollbar {
  display: none; /* Ocultar barra de rolagem */
}

.home1 {
  -ms-overflow-style: none; /* IE e Edge */
  scrollbar-width: none; /* Firefox */
}

.home1 section {
  min-width: 298px;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0px 10px 0px 0px;
  box-shadow: rgba(153, 152, 152, 0.2) 0px 3px 20px;
  border: double 1px transparent;
  border-radius: 10px;
  background-image: linear-gradient(var(--colorBranco), var(--colorBranco)), radial-gradient(circle at top left, rgb(255, 255, 255), rgb(235, 235, 235));
  background-origin: border-box;
  background-clip: content-box, border-box;
  background-color: var(--colorBranco);
}
@media (max-width: 500px) {
  .home1 section {
    min-width: 180px;
    margin: 0px 3px 0px 0px;
  }
}

.home1 .home1img {
  display: flex;
  margin-top: 12px;
}
@media (max-width: 500px) {
  .home1 .home1img {
    margin-top: 8px;
  }
}

.home1 section h2 {
  width: 98%;
  margin: 0 auto;
  margin-top: 17px;
  font-size: 18px;
  text-align: center;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-top: 12px;
}
@media (max-width: 500px) {
  .home1 section h2 {
    margin-top: 10px;
    font-size: 13px;
  }
}

.home1 section h2:after {
  content: "";
  display: block;
  width: 60%;
  height: 3px;
  background: rgb(138, 138, 138);
  background: linear-gradient(90deg, rgba(200, 199, 199, 0.4) 0%, rgba(246, 244, 244, 0.6) 60%);
  margin: 6px auto;
  border-radius: 100px;
}

.home1 section p {
  width: 96%;
  min-height: 80px;
  display: flex;
  margin: 0 auto;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 500px) {
  .home1 section p {
    width: 98%;
    min-height: 10px !important;
    margin-top: 0px;
    font-size: 12px;
    overflow: hidden;
  }
}

.home1 section a {
  width: 166px;
  height: 80px;
  margin: 0 auto;
  display: flex;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 90px;
  justify-content: center;
  font-size: 16px;
  color: var(--colorBranco);
  line-height: 50px;
  border-radius: 4px;
  background-color: var(--colorAzulBt);
}
@media (max-width: 500px) {
  .home1 section a {
    width: 100px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 13px;
  }
}

#home2 {
  max-width: 1000px;
  width: 94%;
  min-height: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  margin-top: 50px;
  margin-bottom: 50px;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 29px 4px;
}
@media (max-width: 1000px) {
  #home2 {
    flex-direction: column;
  }
}

.home2Texto {
  width: 50%;
  flex-direction: column;
  background-color: var(--colorAzulAB);
  padding: 60px;
}
.home2Texto h2, .home2Texto span {
  margin-top: 30px;
  font-size: 48px;
  color: var(--colorBranco);
}
@media (max-width: 500px) {
  .home2Texto h2, .home2Texto span {
    width: 90%;
    line-height: 60px;
  }
}
.home2Texto span {
  margin-top: 1px;
  margin-bottom: 10px;
  display: flex;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
}
@media (max-width: 500px) {
  .home2Texto span {
    width: 100%;
    font-size: 16px;
  }
}
.home2Texto p {
  margin-top: 20px;
  color: var(--colorBranco);
}
@media (max-width: 1100px) {
  .home2Texto {
    padding: 30px;
  }
}
@media (max-width: 1000px) {
  .home2Texto {
    width: 100%;
  }
}

.home2TextoInteCheck i {
  top: -2px;
  color: #FFF;
  font-size: 14px !important;
}

.home2Img {
  width: 50%;
  height: 700px;
  background-image: url("../images/mudanca-residencial-consolacao-paulista-guarulhos-perdizes-jardim-europa-vila-olimpia-morumbi-alphaville-santana-parnaiba-aldeia-da-serra-arotrans-mudancas-transportes.webp");
  background-repeat: no-repeat;
  background-position: right;
}
@media (max-width: 1000px) {
  .home2Img {
    width: 100%;
    display: flex;
    margin: 0 auto;
    margin-top: 0px;
    background-position: center;
    background-color: var(--colorAzulAB);
  }
}
@media (max-width: 500px) {
  .home2Img {
    background-image: url("../images/mudanca-residencial-consolacao-paulista-guarulhos-perdizes-jardim-europa-vila-olimpia-morumbi-alphaville-santana-parnaiba-aldeia-da-serra-arotrans-mudancas-transportes-m.webp");
    height: 500px;
    background-position: center;
  }
}
@media (max-width: 438px) {
  .home2Img {
    background-position: -90px;
  }
}
@media (max-width: 380px) {
  .home2Img {
    background-position: -140px;
  }
}
@media (max-width: 328px) {
  .home2Img {
    background-position: -170px;
  }
}

/*
    max-width:1200px; width:96%;
    //height: 900px;
    margin:0 auto;
    display: flex;
    //justify-content:space-between;
   flex-direction: column;
    margin-top:100px; 
    margin-bottom:50px;
    border-radius:30px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 29px 4px;
   // background-color:#a06e6e;

     overflow: hidden; // arredondar img

          @media (max-width:$wMobile){
            box-sizing: border-box;
            border: 1px solid red;
            display: block;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            flex-shrink: initial;
          } 

*/
/*
.home2Texto {

  width:50%;

  display: flex;
  flex-direction:column;
  //flex-wrap: wrap;
  //flex-flow: column wrap;
  //align-items: top;
  background-color: var(--colorAzulAB);






  padding:70px;

//background-color: #982c2c;

   & h2 , span{margin-top:30px;font-size:48px;color: var(--colorBranco);}
       & span{margin-top:1px;margin-bottom:10px;display:flex;font-size:20px;
              //color:#7DC0FF;
              line-height:25px;font-weight: 500;
               //background-color: #1b9d58;
             }

              & p {margin-top:20px;
                 color: var(--colorBranco);
                  } 


                @media (max-width:1100px){
                  padding:30px;
                }   
                        @media (max-width:$wMobile){

                          //flex-direction: row;
                          //flex-wrap: wrap;
                          width:100%!important;
                        }




 }


.home2Img{
  width:50%;


  /*
  background-image: url("../images/mudanca-residencial-consolacao-paulista-guarulhos-perdizes-jardim-europa-vila-olimpia-morumbi-alphaville-santana-parnaiba-aldeia-da-serra-arotrans-mudancas-transportes.jpg");

        background-repeat: no-repeat;



        @media (max-width:1100px){
          background-position:right;
           }

           @media (max-width:$wMobile){

            width:100%;
            display: flex;
          flex-direction: row;

            margin-top:0px;



                        }



} */
#home3 {
  width: 100%;
  height: 2px;
  background-color: #dfb0b0;
}

#bannerPgs, #bannerPgsBairros {
  width: 100%;
  min-height: 180px;
  float: left;
  margin-top: -120px;
  background-color: #03192E;
  background-image: url("../svg/fundoBread.svg");
  background-repeat: no-repeat;
  background-position: center 80px;
}
@media (max-width: 1000px) {
  #bannerPgs, #bannerPgsBairros {
    min-height: 90px !important;
    margin-top: 80px;
    background-image: url("../svg/fundoBread-mobile.svg");
    background-repeat: no-repeat;
    background-position: center 40px;
  }
}

#bannerPgsBairros {
  width: 100%;
  float: left;
  margin-top: 100px;
}

#bannerPgsIn, #bannerPgsInBairros {
  max-width: 1280px;
  width: 96%;
  margin: 0 auto;
  margin-top: 100px;
}
@media (max-width: 1000px) {
  #bannerPgsIn, #bannerPgsInBairros {
    margin-top: 40px;
    width: 95%;
    float: left;
    margin-left: 3%;
  }
}

#bannerPgsInBairros {
  margin-top: 20px;
  height: 40px;
}

#breadcrumbs {
  width: 100%;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
}

#breadcrumbsIn, #breadcrumbsInBairros {
  width: 100%;
  height: 34px;
  display: inline-block;
  margin-top: 10px;
}

#breadcrumbsIn a, #breadcrumbsInBairros a,
#breadcrumbsIn p, #breadcrumbsInBairros p {
  margin-top: 0px;
  font-size: 15px;
  color: var(--colorBranco);
  font-weight: 500;
}
@media (max-width: 1000px) {
  #breadcrumbsIn a, #breadcrumbsInBairros a,
  #breadcrumbsIn p, #breadcrumbsInBairros p {
    margin-top: 2px !important;
    font-size: 14px;
  }
}
@media (max-width: 340px) {
  #breadcrumbsIn a, #breadcrumbsInBairros a,
  #breadcrumbsIn p, #breadcrumbsInBairros p {
    margin-top: 5px !important;
    font-size: 11px;
  }
}

#breadcrumbsIn p, #breadcrumbsInBairros p {
  margin-top: 0px;
  font-size: 24px;
  color: var(--colorBranco);
}
@media (max-width: 1000px) {
  #breadcrumbsIn p, #breadcrumbsInBairros p {
    font-size: 14px;
  }
}
@media (max-width: 340px) {
  #breadcrumbsIn p, #breadcrumbsInBairros p {
    font-size: 13px;
  }
}

/*
#breadcrumbsIn  p span::after , #breadcrumbsInBairros p a span::after { 
content:"";
//width:auto;
display: flex;
position: relative;
flex-direction: columns;
height:4px;
background:#000;
}
*/
/*
#breadcrumbsIn p , #breadcrumbsInBairros p , 
#breadcrumbsIn a , #breadcrumbsInBairros a  {margin-top:5px;padding:2px; float:left;font-size:17px;color:#FFF }

#breadcrumbsIn a  {margin-top:-2px;color:#D4C717;font-style: 100!important; }

#breadcrumbsInBairros p , #breadcrumbsInBairros a  {margin-top:-3px;font-size:14px;color:#f7f7f7; padding:0px; font-weight: 500 }
#breadcrumbsInBairros a {margin-top:0px;color:#ffffff;}

#breadcrumbsIn p , #breadcrumbsInBairros p {font-size:40px;}
*/
#pgs100, #pgsUf100 {
  width: 100%;
  float: left;
}

#pgs100In, #pgsUf100In {
  max-width: 1280px;
  width: 96%;
  margin: 0 auto;
  margin-top: 60px;
}
@media (max-width: 500px) {
  #pgs100In, #pgsUf100In {
    margin-top: 40px;
  }
}

#pgSobre {
  max-width: 900px;
  width: 96%;
  margin: 0 auto;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 40px;
  box-shadow: 1px 2px 8px #CCC;
}

#pgSobre img {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  border-radius: 6px;
  margin-top: 20px;
}

#pgCarreto, #pgsMudancas, #pgsTexto, #pgsForm {
  max-width: 1280px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 40px;
}

#pgsMudancas h1 small {
  font-size: 17px;
  color: var(--colorSubTitle);
  font-weight: 600;
}

#pgCarreto h1, #pgsMudancas h1, #pgsTexto h1, #pgsForm h1,
#pgCarreto h1 span, #pgsMudancas h1 span, #pgsTexto h1 span, #pgsForm h1 span {
  width: 98%;
  font-size: 40px;
  display: flex;
  flex-direction: column;
  margin-top: 0px;
}
@media (max-width: 560px) {
  #pgCarreto h1, #pgsMudancas h1, #pgsTexto h1, #pgsForm h1,
  #pgCarreto h1 span, #pgsMudancas h1 span, #pgsTexto h1 span, #pgsForm h1 span {
    line-height: 40px !important;
  }
}
@media (max-width: 420px) {
  #pgCarreto h1, #pgsMudancas h1, #pgsTexto h1, #pgsForm h1,
  #pgCarreto h1 span, #pgsMudancas h1 span, #pgsTexto h1 span, #pgsForm h1 span {
    font-size: 34px;
  }
}

#pgCarreto h1 span, #pgsMudancas h1 span, #pgsTexto h1 span, #pgsForm h1 span {
  font-size: 20px;
  color: var(--colorAzulBt2);
  font-weight: 600;
  margin-bottom: 12px;
}
@media (max-width: 560px) {
  #pgCarreto h1 span, #pgsMudancas h1 span, #pgsTexto h1 span, #pgsForm h1 span {
    margin-top: 10px;
    line-height: 24px !important;
  }
}
@media (max-width: 420px) {
  #pgCarreto h1 span, #pgsMudancas h1 span, #pgsTexto h1 span, #pgsForm h1 span {
    font-size: 18px;
  }
}

#pgCarreto h2, #pgsMudancas h2, #pgsTexto h2, #pgsForm h2 {
  color: var(--colorAzulBt3);
}
@media (max-width: 560px) {
  #pgCarreto h2, #pgsMudancas h2, #pgsTexto h2, #pgsForm h2 {
    font-size: 22px;
  }
}

.itensCheckServicos {
  line-height: 34px;
  margin-top: 26px;
}
@media (max-width: 380px) {
  .itensCheckServicos {
    font-size: 13px;
  }
}

/*
  #pgCarreto img , #pgsMudancas img { 
   display: flex;
    margin:0 auto;
    padding:0px;    
    border-radius:6px;
    margin-top:20px;


  }
    */
.pgsImgPgsCenterTexto {
  display: flex;
}
@media (max-width: 1000px) {
  .pgsImgPgsCenterTexto {
    margin: 0 auto;
    margin-top: 30px;
    flex-direction: column;
  }
}

.imgPgsCenter1 {
  display: flex;
  margin: 10px;
  margin-top: 20px;
  border-radius: 10px;
}
@media (max-width: 1000px) {
  .imgPgsCenter1 {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
    flex-direction: column;
    flex-wrap: wrap-reverse;
  }
}

#textoBairro {
  max-width: 1300px;
  width: 96%;
  margin: 0 auto;
  display: block;
  justify-content: space-between;
}

#textoBairroIn {
  width: 48%;
  margin-top: 0px;
  float: left;
  margin-bottom: 50px;
}
@media (max-width: 1000px) {
  #textoBairroIn {
    width: 94%;
    float: none;
    margin: 0 auto !important;
  }
}

#textoBairroIn h1, #textoBairroIn h1 span, #textoBairroIn h1 small {
  width: 100%;
  float: left;
  margin-bottom: -20px;
  flex-direction: column;
  font-size: 30px;
}
@media (max-width: 500px) {
  #textoBairroIn h1, #textoBairroIn h1 span, #textoBairroIn h1 small {
    font-size: 24px;
  }
}

#textoBairroIn h1 span {
  margin-top: 0px;
  font-size: 50px;
  color: var(--colorAzulBt);
  line-height: 50px;
}
@media (max-width: 500px) {
  #textoBairroIn h1 span {
    font-size: 34px;
    margin-top: 0px;
    line-height: 40px;
  }
}

#textoBairroIn h1 small {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 20px;
  color: var(--colorSubTitle);
  font-weight: 500;
}
@media (max-width: 500px) {
  #textoBairroIn h1 small {
    font-size: 17px;
    margin-top: 20px;
    line-height: 24px;
  }
}

#textoBairroIn h1 small::after {
  content: "";
  width: 90%;
  margin-top: 2px;
  height: 4px;
  display: flex;
  background: linear-gradient(90deg, #7DC0FF 30%, #BEE0FF 40%);
  border-radius: 100px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.bairrosImgRight {
  width: 40%;
  float: right;
  margin-top: 80px;
  padding: 4px;
  border-radius: 40px;
  background-color: #DAEDFF;
  box-shadow: 1px 1px 10px #CFE8FF;
}
@media (max-width: 1000px) {
  .bairrosImgRight {
    width: 300px;
    display: flex;
    float: none !important;
    margin: 0 auto !important;
    margin-top: 50px !important;
  }
}

#bannerPgsMudInter {
  width: 100%;
  min-height: 400px;
  display: flex;
  top: 30px !important;
  background-color: #012B52;
  background-image: url("../images/mudanca-interestadual-arotrans-mudanca-de-sp-para-o-brasil-pgs.webp");
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 650px) {
  #bannerPgsMudInter {
    background-position: -650px;
    background-attachment: fixed;
  }
}

#bannerPgsMudInterIn {
  max-width: 1300px;
  width: 100%;
  display: flex;
  margin: 0 auto;
  padding: 14px;
}
@media (max-width: 650px) {
  #bannerPgsMudInterIn {
    background-color: rgba(1, 20, 62, 0.8);
  }
}

#bannerPgsMudInterInTexto {
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1000px) {
  #bannerPgsMudInterInTexto {
    display: flex;
  }
}
#bannerPgsMudInterInTexto h2 {
  font-size: 46px;
  color: var(--colorBranco);
}
#bannerPgsMudInterInTexto .h2ListUf {
  padding: 4px;
  font-size: 18px !important;
  color: var(--colorAzulAB);
  background-color: var(--colorBranco);
  border-radius: 4px 4px 0px 0px;
}
#bannerPgsMudInterInTexto p {
  font-size: 15px;
  color: var(--colorBranco);
}
@media (max-width: 500px) {
  #bannerPgsMudInterInTexto h2 {
    margin-bottom: 0px;
    font-size: 29px;
    line-height: 46px;
  }
  #bannerPgsMudInterInTexto .h2ListUf {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 25px;
  }
}

#bannerPgsMudInterUf {
  display: flex;
  flex-grow: 0;
  gap: 30px;
  margin: 2px;
  margin-top: 10px;
  flex-direction: row;
  margin-bottom: 40px;
}
@media (max-width: 650px) {
  #bannerPgsMudInterUf {
    flex-direction: column;
  }
}

#bannerPgsMudInterUf article {
  align-items: center;
}
#bannerPgsMudInterUf article a {
  width: 100%;
  display: flex;
  padding: 2px 6px;
  font-size: 14px;
  line-height: 29px;
  color: #FFF;
  border-radius: 4px;
}
#bannerPgsMudInterUf article a:hover {
  background-color: var(--colorAzulBt);
}
@media (max-width: 1000px) {
  #bannerPgsMudInterUf article {
    margin-top: 10px;
  }
}
@media (max-width: 600px) {
  #bannerPgsMudInterUf article {
    margin-top: -30px;
  }
}

@media (max-width: 1000px) {
  #bannerPgsMudInterUf article:nth-child(1) {
    margin-top: 10px;
  }
}

#pgsUf100 {
  width: 100%;
  float: left;
}

#pgsUf100In {
  max-width: 1280px;
  width: 96%;
  margin: 0 auto;
  margin-top: 60px;
}
@media (max-width: 500px) {
  #pgsUf100In {
    margin-top: 40px;
  }
}

#pagament {
  max-width: 1200px;
  width: 98%;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  #pagament {
    flex-direction: column;
    align-items: center;
  }
}

#pagamentText {
  max-width: 500px;
  width: 98%;
  margin-top: 80px;
}
@media (max-width: 1000px) {
  #pagamentText {
    margin: 0 auto;
    text-align: center;
  }
}

#pagamentText h3 {
  width: 98%;
  font-size: 30px;
}

#pagamentText p {
  font-size: 15px;
  color: var(--colorPreto);
}

#pagamentText p strong {
  font-size: 18px;
  color: var(--colorAzulBt);
}
@media (max-width: 1000px) {
  #pagamentText p strong {
    width: 100%;
    float: right;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
  }
}

.pagamentRight {
  max-width: 500px;
  width: 94%;
  margin-top: 40px;
}

#pagamentText {
  max-width: 500px;
  width: 98%;
  margin-top: 80px;
}
@media (max-width: 1000px) {
  #pagamentText {
    margin: 0 auto;
    text-align: center;
  }
}

#allBairrosSPInCity {
  max-width: 1300px;
  width: 96%;
  min-height: 200px;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  padding: 0px; /* Espaço adicional para compensar a margem das divs */
  box-sizing: border-box;
}
@media (max-width: 1020px) {
  #allBairrosSPInCity {
    flex-direction: column;
  }
}

#allBairrosSPInCity .ulBariros {
  flex: 1 1;
  margin: 0 1px; /* Espaçamento entre divs */
}
#allBairrosSPInCity .ulBariros:nth-child(1) {
  margin-bottom: 50px;
}
@media (max-width: 1020px) {
  #allBairrosSPInCity .ulBariros:nth-child(1) {
    margin-bottom: 0px;
  }
}
@media (max-width: 1020px) {
  #allBairrosSPInCity .ulBariros {
    width: 100%;
    margin: 0%;
    float: left;
  }
}

#allBairrosSPInCity .ulBariros:first-child {
  margin-left: 0px;
}

#allBairrosSPInCity .ulBariros:last-child {
  margin-right: 0px;
}
@media (max-width: 1020px) {
  #allBairrosSPInCity .ulBariros:last-child {
    margin-bottom: 50px;
  }
}

#allBairrosInCity .ulBariros span a {
  width: 100%;
  float: left;
  margin-top: 2px;
}

#allBairrosSPInCity span a {
  width: 100%;
  float: left;
  margin: 0;
  margin-top: 3px;
  font-size: 17px !important;
  font-weight: 500;
  color: #111;
  text-align: left;
  padding: 0 8px;
  line-height: 30px;
  transition: all 1s ease;
  align-items: normal;
}
@media (max-width: 1180px) {
  #allBairrosSPInCity span a {
    letter-spacing: -0.5px;
  }
}
@media (max-width: 1020px) {
  #allBairrosSPInCity span a {
    font-size: 15px !important;
    letter-spacing: 0px;
  }
}

#allBairrosSPInCity .ulBariros h4 {
  width: 100%;
  height: 38px;
  display: inline-block;
  margin: 11px 0px 7px 0px;
  font-size: 20px;
  color: #FFF;
  line-height: 37px;
  border-bottom: 2px solid #fffafa;
  text-align: center;
  text-indent: 0px;
  font-weight: 700;
  border-radius: 6px;
  background-color: var(--colorAzulBt);
}

#allBairrosSPInCity .ulBarirosl span {
  width: 100%;
  float: left;
  margin-top: 2px;
}

#allBairrosSPInCity span a:hover, #allBairrosSPInCity .rodapeAtivo {
  color: #FFF;
  background: #005ca7;
  transition: all 0.2s ease;
}

.widthCenter {
  max-width: 1300px;
  width: 96%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.btZapAll {
  width: 280px;
  height: 70px;
  background-color: chartreuse;
}

.boxParagrafo, .boxParagrafoLitoral, .boxParagrafoAbc {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

.boxParagrafo p, .boxParagrafoLitoral p, .boxParagrafoAbc p {
  margin-top: 20px;
  line-height: 30px;
  color: var(--colorAzulPadrao);
  font-weight: 600;
}

.boxParagrafo span, .boxParagrafoLitoral span, .boxParagrafoAbc span {
  width: 100%;
  float: left;
  line-height: 28px;
  margin-top: 0px;
  color: var(--colorTexto);
  font-weight: 400;
}

.boxParagrafoLitoral {
  margin-top: 6px;
}

.boxParagrafoLitoral p {
  margin-top: 20px;
  line-height: 26px;
}

.boxParagrafoLitoral span {
  line-height: 24px;
  margin-top: 0px;
}

.fa-circle-check {
  position: relative;
  top: 2px;
  font-size: 20px !important;
  color: var(--colorAzulOrcamento);
}

#allBairros {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 850px;
  margin-top: 0px;
  position: relative;
  z-index: 1;
  background-color: var(--colorAzulPadrao);
}

#allBairrosIn {
  max-width: 1300px;
  width: 100%;
  min-height: 500px;
  margin: 0 auto;
  margin-bottom: 50px;
}

#allBairrosIn h3 {
  width: 100%;
  margin-top: 60px;
  font-size: 40px;
  color: #fff;
  text-align: center;
}

#allBairrosIn h3 small {
  width: 100%;
  float: left;
  font-size: 17px;
  color: #FFF;
  font-weight: 400;
}

#allBairrosIn p {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 20px;
  color: #fff;
  text-align: center;
}

#allBairrosInCity {
  max-width: 1300px;
  width: 100%;
  min-height: 500px;
  margin: 0 auto;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  padding: 0px; /* Espaço adicional para compensar a margem das divs */
  box-sizing: border-box;
}
@media (max-width: 1020px) {
  #allBairrosInCity {
    width: 100%;
    display: inline-block;
  }
}

#allBairrosInCity .ulBariros {
  flex: 1 1 calc(14.2857142857% - 2px);
  margin: 0 1px; /* Espaçamento entre divs */
}
@media (max-width: 1020px) {
  #allBairrosInCity .ulBariros {
    width: 100%;
    margin: 0%;
    float: left;
  }
}

#allBairrosInCity .ulBariros:first-child {
  margin-left: 0px;
}

#allBairrosInCity .ulBariros:last-child {
  margin-right: 0px;
}

#allBairrosInCity .ulBariros span a {
  width: 100%;
  float: left;
  margin-top: 2px;
}

#allBairrosInCity span a {
  width: 100%;
  float: left;
  margin: 0;
  margin-top: 2px;
  font-size: 14px !important;
  color: #FFF;
  text-align: left;
  padding: 0 8px;
  line-height: 30px;
  transition: all 1s ease;
  align-items: normal;
}
@media (max-width: 1180px) {
  #allBairrosInCity span a {
    font-size: 13px !important;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 1020px) {
  #allBairrosInCity span a {
    font-size: 15px !important;
    letter-spacing: 0px;
  }
}

#allBairrosInCity .ulBariros h4 {
  width: 100%;
  height: 38px;
  display: inline-block;
  margin: 11px 0px 7px 0px;
  font-size: 20px;
  color: #FFF;
  line-height: 37px;
  border-bottom: 2px solid #fffafa;
  text-align: center;
  text-indent: 0px;
  font-weight: 700;
  border-radius: 6px;
  background-color: var(--colorAzulBt);
}

#allBairrosInCity .ulBarirosl span {
  width: 100%;
  float: left;
  margin-top: 2px;
}

#allBairrosInCity span a {
  width: 100%;
  height: 31px;
  float: left;
  margin: 0;
  margin-top: 2px;
  font-size: 13px;
  color: #FFF;
  text-align: left;
  text-indent: 0px;
  line-height: 30px;
  transition: all 1s ease;
}

#allBairrosInCity span a:hover, #allBairrosInCity .rodapeAtivo {
  color: #FFF;
  background: #005ca7;
  transition: all 0.2s ease;
}

#rodape {
  width: 100%;
  min-height: 200px;
  margin: 0 auto;
  display: flex;
  padding: 0px;
  flex-direction: column;
  background: #E1EAF3;
}

#rodIn {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 1000px) {
  #rodIn {
    flex-direction: column;
    align-items: flex-start;
  }
}

.linkRodape {
  flex-grow: 0;
  margin: 1px;
  padding-right: 10px;
}
@media (max-width: 450px) {
  .linkRodape {
    margin-left: 2%;
  }
}

@media (max-width: 1060px) {
  .iconRedesFoot {
    padding-right: 0px;
    margin-top: 40px !important;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
  }
}

.linkRodape h5, .linkRodape h6 {
  font-size: 16px;
  margin-bottom: 10px;
  text-indent: 10px;
}

.linkRodape ul {
  list-style-type: none;
  padding: 0;
}

.linkRodape ul li {
  margin-bottom: 0px;
  width: 100%;
  text-indent: 10px;
}

.linkRodape li a {
  width: 100%;
  float: left;
  height: 42px;
  margin-right: 10px;
  font-size: 16px;
  color: var(--colorTexto);
  font-weight: 500;
  line-height: 42px;
  border-radius: 4px;
}
.linkRodape li a:hover {
  color: var(--colorBranco);
  background-color: var(--colorAzulPadrao);
}
@media (max-width: 1060) {
  .linkRodape li a {
    margin-right: 4px;
    font-size: 130px;
  }
}

.footFones li {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: flex;
}

.footFones li .fa-phone-volume {
  margin-top: 0px;
  font-size: 17px;
  color: var(--colorBranco);
  border-radius: 6px;
  background-color: var(--colorAzulBt3);
}

.footFones li i {
  width: 40px;
  height: 34px;
  margin-top: 0px;
  text-indent: 0px;
  font-size: 20px;
  color: var(--colorBranco);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--colorFundoZap);
}

.footFones li a:hover {
  background-color: transparent;
  color: var(--colorTexto);
  cursor: none;
}

.footIconsSoci {
  width: 100px;
  height: 40px;
  display: flex;
}

.footIconsSoci i {
  text-indent: 0px;
  width: 40px;
  height: 40px;
  font-size: 25px;
  color: #FFF;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--colorAzulBt3);
}

.footIconsSoci button {
  margin-right: 10px;
}

.footIconsSoci button:hover {
  background-color: transparent;
  opacity: 0.7;
}

.footMenuHour {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1300px;
  margin: 20px auto 0;
  flex-wrap: wrap;
}
@media (max-width: 500px) {
  .footMenuHour {
    width: 98% !important;
    margin-top: 30px;
    margin-left: -10px;
    flex-grow: 0;
    margin: 1px;
    padding-right: 10px;
  }
}

.footHorario .fa-solid, .fa-envelope, .fa-hourglass-half {
  padding: 10px;
  margin-right: 1px;
  border-radius: 4px;
  color: #FFF;
  background-color: var(--colorAzulBt3);
}

.footHorario .fa-hourglass-half {
  float: left;
  display: flex;
  padding: 10px;
  margin-top: 4px;
  margin-right: 6px;
  border-radius: 4px;
  color: #FFF;
}

.footHorario p {
  width: 280px;
  display: flex;
  flex-direction: column;
  margin-top: 2px;
  text-align: left !important;
  font-size: 14px;
  letter-spacing: -1px;
}
@media (max-width: 500px) {
  .footHorario p {
    font-size: 15px;
  }
}
@media (max-width: 340px) {
  .footHorario p {
    width: 250px;
    font-size: 13px;
    letter-spacing: 0px;
  }
}

.footHorario p:nth-child(2) {
  margin-top: 0px;
}

.contact-email {
  display: flex;
  align-items: center;
  margin: 10px;
}

.contact-email a {
  text-decoration: none;
  color: #000;
}

.contact-email a:hover {
  text-decoration: underline;
}

.footHorario {
  text-align: right;
  margin: 10px;
}
@media (max-width: 900px) {
  .footHorario {
    width: 100%;
    text-align: left;
    letter-spacing: -1px;
  }
}

@media (max-width: 960px) {
  .footMenuHour {
    width: 98%;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
  }
  .footMenuHour {
    text-align: left;
  }
}
#barFinal {
  width: 100%;
  background-color: var(--colorBranco);
}

#barFinalIn {
  max-width: 1300px;
  min-height: 140px;
  width: 98%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1000px) {
  #barFinalIn {
    margin-top: 40px;
    justify-content: center !important;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 0px;
    margin-bottom: 200px;
  }
}

#barFinal img {
  float: left;
  margin-left: 4px;
  margin-top: 12px;
}
@media (max-width: 800px) {
  #barFinal img {
    margin: 0 auto;
    justify-content: center !important;
    text-align: center !important;
    margin-left: 0px;
    margin-top: 14px;
  }
}

#barFinal img {
  float: left;
}
@media (max-width: 800px) {
  #barFinal img {
    float: none;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
  }
}

#barFinal p {
  max-width: 800px;
  float: left;
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  margin-top: 0px;
  position: relative;
  padding-left: 24px;
  font-size: 13px;
}
@media (max-width: 800px) {
  #barFinal p {
    width: 94%;
    margin-left: 3%;
    margin-top: 20px;
    padding-left: 14px;
  }
}

#barFinal p::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0; /* Posiciona no início do parágrafo */
  background-color: #005ca7;
}

#barFinal small {
  margin-top: 10px;
  font-size: 13px;
}

#barFinal a {
  margin-right: 4px;
  font-size: 12px;
  color: var(--colorTexto);
}
@media (max-width: 1000px) {
  #barFinal a {
    margin-top: 50px;
    margin-bottom: 40px;
  }
}

#zapFix {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  bottom: 10%;
  right: 8px;
  position: fixed;
  z-index: 9;
  background: var(--colorFundoZap);
  border-radius: 100px;
  border: 2px solid #05C04B;
  opacity: 1; /* Começa com opacidade 0 para esconder */
  transition: opacity 0.3s ease; /* Transição suave para opacidade */
}
@media (max-width: 1000px) {
  #zapFix {
    opacity: 0;
  }
}
@media (max-width: 450px) {
  #zapFix {
    bottom: 2%;
  }
}

#zapFix.mostrar {
  opacity: 1; /* Mostra o botão ao adicionar a classe "mostrar" */
}

#zapFix .fa-whatsapp {
  font-size: 50px;
  font-weight: 500;
  color: var(--colorZapIcon);
}

/*Media querys */
@media screen and (max-width: 1000px) {
  .positionNone {
    position: inherit !important;
  }
  .displayNone {
    display: none;
  }
  #topoBarraMenu {
    width: 100%;
    height: 108px;
    position: fixed;
    z-index: 9999999;
  }
  .spaceMenu {
    width: 100%;
    height: 50px;
    margin-bottom: 100px;
    float: left;
    display: block;
  }
  .menuToggle {
    position: relative;
    width: 46px;
    height: 50px;
    margin-top: 12px;
    margin-right: -10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .menuToggle::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background: var(--colorAzulPadrao);
    transform: translateY(-12px);
    box-shadow: 0 12px var(--colorAzulPadrao);
    transition: all 0.3s;
    border-radius: 50px;
  }
  .menuToggle::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background: var(--colorAzulPadrao);
    transform: translateY(12px);
    transition: all 0.3s;
    border-radius: 50px;
  }
  #funtoTopoMenu.active .menuToggle::before {
    transform: rotate(45deg);
    box-shadow: 0 0;
    background: var(--colorAzulMenuHover);
  }
  #funtoTopoMenu.active .menuToggle::after {
    transform: rotate(-45deg);
    box-shadow: 0 0;
    background: var(--colorAzulBt);
  }
  #funtoTopoMenu nav {
    position: absolute;
    width: 100%;
    height: 100%;
    height: 100vh;
    margin: 0 auto;
    top: 77px;
    left: 0;
    display: none;
    overflow-y: scroll;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgb(242, 241, 241) 100%);
  }
  #funtoTopoMenu.active nav {
    display: initial;
  }
  #funtoTopoMenu nav ul li {
    width: 100%;
    border-top: 1px dotted #EAEAEA;
  }
  #funtoTopoMenu nav ul li ul {
    position: relative;
    width: 100%;
    left: 0;
  }
  .topMenuIn ul:nth-child(1) {
    margin-top: 20px;
    border-top: none !important;
  }
  .topMenuIn ul li:nth-child(1) {
    border-top: none !important;
  }
  .topMenuIn ul li a, .topMenuIn ul li button,
  .topMenuIn .menulinkCego:hover > button {
    width: 100%;
    padding: 0px 20px;
    height: 48px;
    line-height: 48px;
    margin-top: 0px;
    justify-content: left;
    font-weight: 600;
    letter-spacing: 1px;
    left: 0px;
    margin-left: 0px;
    border-radius: 0px;
  }
  .topMenuIn ul li a:hover, .topMenuIn .menuAtivo {
    color: var(--colorBranco);
    background-color: var(--colorAzulBt);
    border-radius: 0px;
  }
  /*
      .menuBtLinkOrcamento button:hover   {
        color:var(--colorBranco);
        background-color:#CCC ;//var(--colorAzulBt);
        border-radius:0px; 
        font-size:300px;

      }
  */
  .topMenuIn .menulinkCego:hover button {
    background-color: var(--colorAzulBt2);
  }
  .topMenuIn ul li .menulinkCego button {
    padding: 0px 0px;
  }
  .topMenuIn ul li ul li a {
    margin-top: 0px;
    background: var(--colorFundo_EEE);
    padding: 0px 36px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: var(--colorCinza666);
  }
  .topMenuIn ul li ul li a:hover {
    margin-top: 0px;
    background: var(--colorAzulMenuHover);
  }
}