/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');*/

html,body,header,main,section,footer{
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    left:0;
    top:0;
    font-size:99%;
}
html, body{
     overflow-x: hidden !important;
}
 header,section,footer,.lateral{
    height:auto;
    padding:60px 0;
}
header{
    padding:0px 0;
    margin-top:-25px;
}
header span{
    font-size:1.8em;
    margin:15px;
    display:inline-block;
    font-weight:600
}
main{
    height:auto
}

.icons-laterais{float:left; width: 80px; height: 160px; top:0; padding-top: 0; vertical-align: top; }

.galeriadeimagens img{border-radius: 10px; border:0; max-width: 600px;}
.galeriadeimagens .col-4{ padding:0; box-shadow: none;}

.galeriadeimagens h2{color:#0298ff;}

.bg-yellow{background: #bff; color:#005F9A;}  /*8fa fffacf FFE423 e0f0ff*/
.bg-yellowLight{background: #FFffaf; color:#005F9A;}
.bg-white{background: #fff; color:#005F9A;}
.bg-chumbo{background: #15a; color:#fff; /*347   049  cadfe6*/}



.bg-cinza{background: #abc; color:#fff;} /*e2f0ff*/

.bg-blue2{background: #006fea; color:#fff; /*75CFFF  0298FF*/ }


.bg-blue{background: #0298FF; color:#fff; /*75CFFF  0298FF*/ }
.bg-blueShadow{background: #004faF; color:#fff;}
.bg-green{background: #00aD2B; color:#fff;}
.bg-greenLight{background: #dff; color:#353;}
.bg-greenShadow{background: #007D5B; color:#fff;}
.bg-greenWhite{background: #e0fFe8; color:#353;}
.bg-orangeShadow{background: #654; color:#faf6ca;} /*e2f0ff*/
.bg-greyWhite{background: #e6eaef; color:#0298FF;} /*e2f0ff*/
.bg-grey{background: #e2f0ff; color:#456;} /*e2f0ff*/



.bg-greyWhite a{color:#ff0;} 
.bg-greyWhite a:hover{color:#ffa;} 

.bg-white a{color:#0298ff;} 


.bg-teste{background: #fffacf; }

.bg-black{background: #000; color:#aaa;}

.bg-escuro{background: #568; color:#acf;}


.bg-newblue{background: #9eceff; color:#023;}

.bg-orange{background: #FF6600; color:#fff;} /*e2f0ff*/

.bg-orangeWhite{background: #f0f9ff; color:#654;} /*F2E8B3 BF9B7A F2BA52 8CBEB2 F2EBBF*/

.c-green{color: #00aF28;}

.c-orangeShadow{color: #654;}
.c-cinza{background: #fff; color:#ffe423; /*347   049  cadfe6*/}

.bg-blueWhite{ background: #068FF7; color:#023; } /*#068FF7;*/

.bg-blue{
    /*min-height:100%;
    /*background:linear-gradient(0deg, rgba(0, 190, 245, 0.7), rgba(0, 190, 245, 0.8)), url('../images/bolhas.jpg');
    background:linear-gradient(0deg, rgba(0, 120, 225, 0.7), rgba(0, 120, 225, 0.8)), url('../images/bolhas.jpg');
    background:linear-gradient(0deg, rgba(0, 132, 255, 0.7), rgba(0, 132, 255, 0.8)), url('../images/bolhas.jpg');
    background-size:cover;*/
}

.c-orange{color:#f60;}
.c-yellow{color: #FFE423;}
.c-white{color: #fff;}
.c-chumbo{color: #347;}
.c-blue{color: #006fea;}
.c-blueShadow{color: #0268cF;}

.padding{padding:30px; border-radius: 0px;}


.rounded{border-radius: 40px;}

.lateral{
    width:100%
}
footer:last-of-type{
    padding:80px 0 0
}
footer:last-of-type span{
    font-size:2em;
    font-weight:600;
    display:inline-block;
    margin:0 30px
}
.galery{
    float:right;
    width:100%;
}
.galery h2,.galery h3,.galery h4,.galery h5,.galery h6{
    text-align:left;
    font-size:1em
}
.galery .row .col-6{
    margin-bottom:60px!important
}
img{
    width:100%;
    border:none;
}
.orange{
    background:#F60;
    color:white
}
.blue-light{
    background:#def;
    color:#153280
}
.white{
    background:#fff;
    color:#254270
}
.grey-light{
    background:#89a;
    color:#fff
}
.grey-shadow{
    background:#153280;
    color:white
}
.yellow-light{
    background:#fff4a3;
    color:#254270
}
.yellow-shadow{
    background:#75cFFF;
    color:#254270
}
.flotleft{
    float:left!important;
    clear:left!important
}
.flotright{
    float:right!important;
    clear:right!important
}
nav{
    text-align:left
}
svg{
    color:#254270;
    width:30%;
    min-width:100px
}
.button{
    -webkit-appearance:none;
    display:inline-block;
    text-decoration:none;
    cursor:pointer;
    border:0;
    border-radius:5px;
    background:#fff4a3;
    color:#254270!important;
    font-weight:700;
    outline:0;
    transition:background-color .25s ease-in-out;
    padding:10px 20px
}
.button:hover{
    background:#fff4a3
}
.button:active{
    background:#fff4a3
}
.col-6 span{
    font-weight:600;
    font-size:1.7em;
    color:#ffe423!important;
    margin-left:25px;
    margin-right:25px;
    display:inline-block;
    margin-top:10px
}
.center{
    text-align:center;
    margin-left:auto;
    margin-right:auto
}



/*---------------------------------------------------------------------------------------------------
  BANNER :
----------------------------------------------------------------------------------------------------- */


.galery a.flexBox{
    display:none;
    position:fixed;
    z-index:999;
    width:100%;
    height:100%;
    text-align:center;
    top:0;
    left:0;
    background:rgba(0,0,0,.8)
}
.galery a.flexBox img{
    width:60%;
    height:auto;
    margin-top:2%
}
a.flexBox:target{
    outline:none;
    display:block
}
ul{
    list-style-type:none;
    margin:0;
    padding:0
}
li{
    font-size:1em
}
li:last-child{
    border:none
}


li a{
    margin:10px 0;
    text-decoration:none;
    border-radius:0px;
    color:#bfcad6;
    display:block;
    height:auto;
    min-height:50px;
    padding:10px;
    border-bottom:1px solid #456
}

.artigo>ul>li>a{display: inline-block !important; color:#fa0; height: none; min-height: 0; background: none !important; text-decoration: none !important; margin:0 !important; padding:0 !important; border:none !important; }

.artigo>ul>li>a:hover{color:#254270;}
li a:hover{
    background:#fff4a3;
    color:#254270
}
h1{
    font-size:2.5em;
    font-weight: 400;
     margin-top:0px;
     line-height: 0;
}
h1 n{font-size: 0.8em; }

h2{
    font-size:2.0em
}
h2 i{font-style: normal; font-weight: 300; opacity: 0.7;}


h3{
    font-size:1.2em
}
h4{
    font-size:1em
}
h5{
    font-size:.9em
}
h6{
    font-size:.8em
}

 @media screen and (max-width: 800px) {
    h1{
        font-size:2.0em;
        font-weight: 400;
        margin-top: -10px !important;
        line-height: 0;
    }
    h1 n{font-size: 0.6em; }

    h2{margin-top:-40px !important;
        font-size:1.7em !important;
    }
    h3{
        font-size:1.4em !important;
    }
    h4{
       font-size:1.4em !important;
    }
    h5{
        font-size:0.3em !important;
    }
    h6{
        font-size:0.3em !important;
    }
}

p, ul li{
    font-size:1.1em;
    font-weight:500;
    line-height:1.8
}
.font-light{
    font-weight:300
}
.font-regular{
    font-weight:400
}
.font-heavy{
    font-weight:700
}
.left{
    text-align:left
}
.right{
    text-align:right
}
.center{
    text-align:center;
    margin-left:auto;
    margin-right:auto
}
.justify{
    text-align:justify
}
.container{
    width:90%;
    margin-left:auto;
    margin-right:auto
}
.row{
    position:relative;
    width:100%
}
.row *{
    box-sizing:border-box
}
.row [class^="col"]{
    float:left;
    margin:.5rem 0.5%;
    min-height:.125rem
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    width:99%
}
.col-1-sm{
    width:4.33%
}
.col-2-sm{
    width:12.66%
}
.col-3-sm{
    width:21%
}
.col-4-sm{
    width:29.33%
}
.col-5-sm{
    width:37.66%
}
.col-6-sm{
    width:46%
}
.col-7-sm{
    width:54.33%
}
.col-8-sm{
    width:62.66%
}
.col-9-sm{
    width:71%
}
.col-10-sm{
    width:79.33%
}
.col-11-sm{
    width:87.66%
}
.col-12-sm{
    width:96%
}
.row::after{
    content:"";
    display:table;
    clear:both
}
.hidden-sm{
    display:none
}


@media only screen and (min-width:45em){
    .col-1{
        width:4.33%
    }
    .col-2{
        width:12.66%
    }
    .col-3{
        width:23.8% /*21*/ 
    }
    .col-4{
        width:32.13%  /*30.33%   29.33*/
    }
    .col-5{
        width:37.66%
    }
    .col-6{
        width:48.8% /*46%*/
    }
    .col-7{
        width:54.33%
    }
    .col-8{
        width:65.56%  /*62.66% */
    }
    .col-9{
        width:71%
    }
    .col-10{
        width:79.33%
    }
    .col-11{
        width:87.66%
    }
    .col-12{
        width:99%  /*96%*/
    }
    .hidden-sm{
        display:block
    }
    .lateral{
        width:250px
    }
    .galery{
        width:calc(100% - 250px)
    }
}
@media only screen and (min-width:60em){
    .container{
        width:90%;
        max-width:1200px
    }
}

@media only screen and (max-width:900px){
    .col-3{ width:48.90%; }
}

@media only screen and (max-width:600px){
    .col-3{ width:100%; }
}

@media only screen and (min-width:720px){
    .centered .col-12 p{width: calc(100% - 290px);   }

}


.stars{
    text-align: center;
}
.stars svg{
    width: 30px;
    height:30px;
    margin:0;
    min-width:30px;
    padding:0;
}
.stars span{
    position: relative;
    display:inline-block;
    top:5px;
}
.displayNone{
    display:none;
}
 .embed-container{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    max-width:100%;
    height:auto;
    margin:30px;
}
.embed-container iframe,.embed-container object,.embed-container embed{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:100%;
     max-width: 640px;
     max-height: 360px;
}
 *{
    font-family: Roboto, Helvetica, Arial,'Sans-Serif',sans-serif;
    line-height:1.5;
}
 .menubase ul li a{
    background: #ffffffcc;
     color:#254270;
     border-radius: 0;
     border:none;
     padding:15px 10px;
}
 .menubase ul li a:hover{
    background: #ffffff;
     color:#254270;
}
 .menubase.sitemap ul li a{
    margin:0px;
     padding:10px 5px;
     min-height: 25px;
     border:0px solid;
     font-size:16px;
}
 .menubase.sitemap ul li a:hover{
    background:#FFE423;
}


  .menubase .col-4{ padding:20px; background: #fff; border-radius: 10px;}
  .menubase .col-4 ul li a{border-radius: 10px; background: #E2F0FF;}
  .menubase .col-4 h4{color: #153280}


 footer.noMargin{
     color:#0298FF;
     padding:30px 0 10px;
}
 footer.noMargin a{
     color:#cde;
     text-decoration: none;
}
 .tels{
     color:#fd0;
     padding-top:3px;
     font-size:0.8em;
     margin:0;
}
 .tels span{
     margin:0;
     padding:15px 10px;
     border:1px dashed #093;
     background:green;
}
 .tels span img{
     width: 50px;
     height:38px;
     margin-bottom:-10px;
    ;
}
 .tels span:last-child{
     margin-top:-10px;
}
 .tels strong{
     font-size: 25px;
}
 .tels span a:hover, .tels span a:visited, .tels span a:link, .tels span a:active{
    text-decoration: none;
     color:inherit;
}
 .telcolor2 span{
    background: green;
     color:#fff;
}
 .imgtamfixed{
    width: 400px;
}
 .left-right div:first-child{
     text-align: right;
}
 .icon {
     display: inline-block;
     width: 3.2em;
     height: 3.2em;
     stroke-width: 0;
     stroke: currentColor;
     fill: currentColor;
     color:#FFE423;
     padding-left:20px;
}
/* ---------------------------------------------------- */
 .orcamentos{
     background: #153280;
     padding:30px 0 0 0;
     width: 96%;
}
 .orcamentos .contactos{
     margin-bottom:30px;
}
 .orcamentos .orcamento div{
     letter-spacing: 1px;
     display: inline-block;
     font-size: 19px;
     width: 33.0%;
     min-width: 276px;
     text-align: left;
     background-color:#080;
    /*080 FF6A03*/
     border:1px dashed #ffffff55;
     margin-bottom:0px;
}
 .orcamentos .orcamento svg{
     margin-bottom: -10px;
    /*padding-left-: 20px;
    */
}
 .orcamentos .orcamento h4{
     display: inline-block;
     color:#fff;
}
 .orcamentos .orcamento h4 strong{
     color:#FFE423;
}
 .orcamentos .pagamentos{
     border:1px solid #fff2;
     width: 100%;
     display: inline-block;
     background: #00000044;
     color:#fff;
     margin-bottom:0px;
     padding:30px 0;
     color:#ffffffdd;
}
 .orcamentos .pagamentos div{
     display: inline-block;
}
 .orcamentos .pagamentos div .desc{
     border:0px solid;
     width: 100%;
     float:left;
     display:inline;
}
 .orcamentos .pagamentos div .pag{
     border:0px solid;
     width: 33%;
     float:left;
     text-align: center;
     position: relative;
     display:inline-block;
}
 .orcamentos .pagamentos div .pag .icon-dinheiro{
     margin: 0 0 -10px -15px;
     color:#ffe423;
     font-size:18px;
}
 .orcamentos .pagamentos div .pag .icon-carao{
     margin: 0 0 -10px -15px;
     color:#ffe423;
     font-size:18px;
}
 .orcamentos .pagamentos div .pag .icon-pix{
     margin:5px 0 -15px -30px;
     color:#ffe423;
     font-size:18px;
}
 .garantia{
     width: 250px;
}

.icon-24horas-ajustado{ width: 85px; height: 85px; margin:30px;}


@media only screen and (max-width: 600px) {

	html,body,header,main,section,footer{
	    font-size:96%
	}

     .orcamentos .orcamento div{
         width: 95%;
    }
     .logo a span{
         width: 300px!important;
         text-align: center !important;
    }
     .tels span:last-child{
         margin-top:7px;
         margin-bottom:7px;
    }
     .imgtamfixed{
        width: 100%;
    }
     h1{
        margin-top:-0px;
    }
     .left-right div:first-child{
         text-align: left;
    }
}
/* ------------------------------------------------ */
 .share {
     text-align: center;
     display: inline-block;
     margin: 0px 0 20px 0;
     -webkit-transition: opacity 0.2s ease-in-out;
     -moz-transition: opacity 0.2s ease-in-out;
     transition: opacity 0.2s ease-in-out;
}
 .share a{
     display: inline-block;
     margin: 2px;
     padding:13px;
     width: 68px;
     height: 68px;
     border-radius:15px;
     background: #fff;
     -webkit-transition: background 0.2s ease-in-out;
     -moz-transition: background 0.2s ease-in-out;
     transition: background 0.2s ease-in-out;
}
 .share a svg{
     width:40px;
     height:40px;
     margin-left:-30px;
     color: #0298FF;
     -webkit-transition: color 0.2s ease-in-out;
     -moz-transition: color 0.2s ease-in-out;
     transition: color 0.2s ease-in-out;
}
 .share a.shareInstagram{
    border: 1px solid #ffffff66;
}
/*77e3aa 87e9af 903330 share-nos 67c98d*/
 .share a:hover.shareInstagram{
}
 .share a:hover.shareInstagram svg{
    color: #004FAF;
}
 .share a.shareTwitter{
    border: 1px solid #ffffff66;
}
 .share a:hover.shareTwitter{
}
 .share a:hover.shareTwitter svg{
    color: #004FAF;
}
 .share a.sharePinterest{
     border: 1px solid #ffffff66;
}
 .share a:hover.sharePinterest{
}
 .share a:hover.sharePinterest svg{
    color: #004FAF;
}
 .share a.shareFacebook{
     border: 1px solid #ffffff66;
}
 .share a:hover.shareFacebook{
}
 .share a:hover.shareFacebook svg{
    color: #004FAF;
}
 .share a.shareYoutube{
     border: 1px solid #ffffff66;
}
 .share a:hover.shareYoutube{
}
 .share a:hover.shareYoutube svg{
    color: #004FAF;
}
 .shareFixed {
     pointer-events: inherit;
     display: block;
     opacity: 1;
}
/* ------------------------------------------------ */
 h4.big{
     font-size:1.8em;
}
 h2{
    font-size:2.2em;
}
h3{
    font-size:1.3em;
}
 h2.indice-conteudo{
    font-size: 1.3em;
}
 .svg-grande{
     width: 150px;
     height:150px;
}
 .svg-medio{
     width: 120px;
     height:120px;
     padding:0;
     margin:0;
}

 .inf-deteccao{
     max-width: 350px;
}
 .color-yellow{
     color:#ffdd00;
}

 .borderNone{
    border:none;
}
 .percent100{
    width: 100%;
}
 .articleBody{
    margin:0;
     padding:10px 0;
}
 .articleBody h2, .articleBody h3{
     font-size: 1.6em
}


.flutuante-whatsapp, .flutuante-whatsapp:hover{
    position:fixed;
    width:80px;
    height:80px;
    bottom:30px;
    right:30px;
    background-color:#00d050;
    color:#fff;
    border-radius:50%;
    text-align:center;
    font-size:30px;
    box-shadow: 5px 5px 10px #00000066;
    z-index:1000;
    border:2px solid #ffffff66;}

.flutuante-whatsapp:hover{}

.flutuante-whatsapp .icon-i_whatsapp{ height: 65px; widht:65px; margin: 7px 0 0 -21px; color:#fff; }

.col-4{
     /*box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.1);*/
     boder: 1px solid #fff !important;
}



/*---------------------------------------------------------------------------------------------------
  LISTA NUMERADA
----------------------------------------------------------------------------------------------------- */
.artigo{max-width: 920px; margin:0 auto; margin-top:-50px;}
.indice-conteudo li:nth-of-type(1) a::before, .artigo h2:nth-of-type(1)::before{content:'1';}
.indice-conteudo li:nth-of-type(2) a::before, .artigo h2:nth-of-type(2)::before{content:'2';}
.indice-conteudo li:nth-of-type(3) a::before, .artigo h2:nth-of-type(3)::before{content:'3';}
.indice-conteudo li:nth-of-type(4) a::before, .artigo h2:nth-of-type(4)::before{content:'4';}
.indice-conteudo li:nth-of-type(5) a::before, .artigo h2:nth-of-type(5)::before{content:'5';}
.indice-conteudo li:nth-of-type(6) a::before, .artigo h2:nth-of-type(6)::before{content:'6';}
.indice-conteudo li:nth-of-type(7) a::before, .artigo h2:nth-of-type(7)::before{content:'7';}
.indice-conteudo li:nth-of-type(8) a::before, .artigo h2:nth-of-type(8)::before{content:'8';}
.indice-conteudo li:nth-of-type(9) a::before, .artigo h2:nth-of-type(9)::before{content:'9';}
.indice-conteudo li:nth-of-type(10) a::before, .artigo h2:nth-of-type(10)::before{content:'10';}
.indice-conteudo li:nth-of-type(11) a::before, .artigo h2:nth-of-type(11)::before{content:'11';}
.indice-conteudo li:nth-of-type(12) a::before, .artigo h2:nth-of-type(12)::before{content:'12';}
.indice-conteudo li:nth-of-type(13) a::before, .artigo h2:nth-of-type(13)::before{content:'13';}
.indice-conteudo li:nth-of-type(14) a::before, .artigo h2:nth-of-type(14)::before{content:'14';}
.indice-conteudo li:nth-of-type(15) a::before, .artigo h2:nth-of-type(15)::before{content:'15';}
.indice-conteudo li:nth-of-type(16) a::before, .artigo h2:nth-of-type(16)::before{content:'16';}
.indice-conteudo li:nth-of-type(17) a::before, .artigo h2:nth-of-type(17)::before{content:'17';}
.indice-conteudo li:nth-of-type(18) a::before, .artigo h2:nth-of-type(18)::before{content:'18';}
.indice-conteudo li:nth-of-type(19) a::before, .artigo h2:nth-of-type(19)::before{content:'19';}
.indice-conteudo li:nth-of-type(20) a::before, .artigo h2:nth-of-type(20)::before{content:'20';}
.indice-conteudo li:nth-of-type(21) a::before, .artigo h2:nth-of-type(21)::before{content:'21';}
.indice-conteudo li:nth-of-type(22) a::before, .artigo h2:nth-of-type(22)::before{content:'22';}
.indice-conteudo li:nth-of-type(23) a::before, .artigo h2:nth-of-type(23)::before{content:'23';}
.indice-conteudo li:nth-of-type(24) a::before, .artigo h2:nth-of-type(24)::before{content:'24';}
.indice-conteudo li:nth-of-type(25) a::before, .artigo h2:nth-of-type(25)::before{content:'25';}
.indice-conteudo li:nth-of-type(26) a::before, .artigo h2:nth-of-type(26)::before{content:'26';}
.indice-conteudo li:nth-of-type(27) a::before, .artigo h2:nth-of-type(27)::before{content:'27';}
.indice-conteudo li:nth-of-type(28) a::before, .artigo h2:nth-of-type(28)::before{content:'28';}
.indice-conteudo li:nth-of-type(29) a::before, .artigo h2:nth-of-type(29)::before{content:'29';}
.indice-conteudo li:nth-of-type(30) a::before, .artigo h2:nth-of-type(30)::before{content:'30';}

.indice-conteudo li a::before{font-size: 1em; font-weight: 600; color:#fff; display: inline; background:#f60; border-radius: 10px; padding:5px 10px; margin-right: 10px;}
/*.artigo h2::before{font-size: 1em; font-weight: 600; color:#fff; display: inline; width: 300px; height: 300px; background:#f60; border-radius: 10px; padding:5px 18px; margin-right: 10px; margin-bottom:150px !important;}
.artigo h3::before{content:''; display: inline;  color:#fff; background:#fa6; border-radius: 10px; padding:5px 16px; margin-right: 10px;}*/
.artigo h2{margin:60px 0 30px 0; }

.artigo h3{display: block; }

.indice-none li a::before{display: none;}




/*---------------------------------------------------------------------------------------------------
  BANNER : Marketing - Logo - Whatsapp
----------------------------------------------------------------------------------------------------- */

.banner {
    padding-left    : 10px;
    padding-top     : 10px;
    box-sizing      : border-box;
    text-align      : center;
}

.banner div {
    width           : calc(100% - 10px);
    width           : calc(33.33% - 10px);
    width           : calc(50% - 10px);
    min-height      : 120px;
    margin          : 0px 10px 10px 0;
    padding         : 10px;
    border-radius   : 0px;
    float           : left;
    background      : none;
    color           : #fff; 
}

.banner .logo {
    max-width       : 300px;
}

.banner .logo img {
    max-width       : 200px;
}

.banner .whats img {
    width           : 70px;
}

.banner .marketing {
    max-width       : 400px;
    float           : right;
}

.banner .marketing n {
    width           : 33.33%;
    display         : inline;
    float           : left;
    text-align      : center;
}

.banner .marketing b {
    color           : #07d;
    display         : block;
    line-height     : 1.2em;
}

.banner .marketing svg {
    width           : 10px;
    height          : 60px;
    display         : inline;
    margin-bottom   : -8px;
    color           : #07d;
}

 @media screen and (max-width: 800px) {
    .banner div, .banner .logo, .banner .marketing{
        width: calc(100% - 10px);
        max-width: 100%;
    }
 }


/*---------------------------------------------------------------------------------------------------
  MENU TOPNAV : Dropdow - Dropbtn - Àncora
----------------------------------------------------------------------------------------------------- */

.topnav {
    padding         : 5px 5px 5px 5px;
    margin-top      : 1px;
    border-radius   : 0;
    border          : 5px solid #fff;
    box-sizing      : border-box;
    background      : #FFE423; /*0298FF 88FFAA 0090ff 8fa FFE423 cde*/
    text-align      : center;
    overflow        : hidden;
    z-index         : 100;
    display         : inline-block;
    clear           : both;
    width: 100%;
    float: left;
}

.topnav .openmenu{
    display         : inline-block;
    width           : 100%;
    margin          : 15px auto;
    padding         : 0; 
}

.topnav .openmenu img {
    width           : 50px;
    height          : 50px;
    top             : 0;
    right           : 0;
    margin          : 0;
    padding         : 0;
    border          : 0;
    padding-top     : 10px;
}

.dropdown > a,
.dropdown {
    overflow        : hidden;
    color           : #058; /*07d 063 0090ff*/    
}

.dropdown .dropbtn, 
.dropdown > a {
    display         : inline-block;
    padding         : 15px;
    margin          : 0px 0 0 0;
    font-size       : 15px;
    font-weight     : 600;
    border-radius   : 0;
    text-align      : center;
    background      : #FFE423;
    outline         : none;
    cursor          : pointer;
    float           : left;
    border-right    : 2px solid #fff; 
}


.dropdown-content{
    display         : none;
    position        : absolute;
    padding         : 5px;

    background      : #fff;
    border-radius   : 0;
    min-width       : 100px;
    box-shadow      : 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index         : 2;
    

}

.dropdown-content a,
.dropdown-content .dropbtn{
    display         : block;
    padding         : 10px;
    border-radius   : 0;
    text-decoration : none;
    text-align      : left;
    color           : #07d;
    float           : none;
    
}


.dropdown > a > span,
.dropdown-content a > span{
    font-size: inherit;
    margin:0;
    padding:0;
}


.dropdown-content .dropbtn .submenu {
    display: none;
    margin:0;
    padding:0;
    margin-bottom: 15px;
    position: relative;
    top: 9px;
    left: 0;
    width: 100%;
    /*border-left:1px dashed #0298ff;*/
    background: #fff;
    border-radius: 20px;
    z-index: 1;
}

.topnav a:hover,
.topnav .active,
.topnav .dropdown .dropbtn:hover{
    background: #b5e1ff;
    border-right    : 2px solid #fff;    
}

.topnav .active{
    background: #ffa;    
}

.topnav .dropdown .dropbtn > .dropdown-content{top:200px;}

.topnav .dropdown .dropbtn .dropbtn{padding-left:30px;}
.topnav .dropdown .dropbtn .dropbtn.dropbtn::before{ content:" +";
     text-indent: 5px;
     line-height: 20px;
     position: absolute;
     width: 20px;
     height:20px;
     border-radius: 100%;
     left:10px;
     background: #ff6; /*ffe423*/
 }

/*
.dropdown-content a:hover,
.dropdown-content .active {
    background      : #b5e1ff;
}
*/

.dropdown .dropdown-content input:checked + label{ 
    background : #b5e1ff; 
    border-radius: 20px;
}

.dropdown .dropdown-content input:checked + label > .submenu { 
    display: block;  
    margin-left:-25px; 
    width: calc(100% + 25px);
}


.dropdown:hover .dropdown-content {
    display         : block;
}


#btnSub1, #btnSub1 + label > .dropdown-content,
#btnSub2, #btnSub2 + label > .dropdown-content,
#btnSub3, #btnSub3 + label > .dropdown-content,
#btnSub4, #btnSub4 + label > .dropdown-content,
#btnSub5, #btnSub5 + label > .dropdown-content,
#btnSub6, #btnSub6 + label > .dropdown-content,
#btnSub7, #btnSub7 + label > .dropdown-content,
#btnSub8, #btnSub8 + label > .dropdown-content,
#btnSub9, #btnSub9 + label > .dropdown-content,
#btnSub10, #btnSub10 + label > .dropdown-content,
#btnSub11, #btnSub11 + label > .dropdown-content,
#btnSub12, #btnSub12 + label > .dropdown-content,
#btnSub13, #btnSub13 + label > .dropdown-content,
#btnSub14, #btnSub14 + label > .dropdown-content,
#btnSub15, #btnSub15 + label > .dropdown-content,
#btnSub16, #btnSub16 + label > .dropdown-content,
#btnSub17, #btnSub17 + label > .dropdown-content,
#btnSub18, #btnSub18 + label > .dropdown-content,
#btnSub19, #btnSub19 + label > .dropdown-content,
#btnSub20, #btnSub20 + label > .dropdown-content{ display: none;}

.dropdown-content #btnSub1:checked + label > .submenu,
.dropdown-content #btnSub2:checked + label > .submenu,
.dropdown-content #btnSub3:checked + label > .submenu,
.dropdown-content #btnSub4:checked + label > .submenu,
.dropdown-content #btnSub5:checked + label > .submenu,
.dropdown-content #btnSub6:checked + label > .submenu,
.dropdown-content #btnSub7:checked + label > .submenu,
.dropdown-content #btnSub8:checked + label > .submenu,
.dropdown-content #btnSub9:checked + label > .submenu,
.dropdown-content #btnSub10:checked + label > .submenu,
.dropdown-content #btnSub11:checked + label > .submenu,
.dropdown-content #btnSub12:checked + label > .submenu,
.dropdown-content #btnSub13:checked + label > .submenu,
.dropdown-content #btnSub14:checked + label > .submenu,
.dropdown-content #btnSub15:checked + label > .submenu,
.dropdown-content #btnSub16:checked + label > .submenu,
.dropdown-content #btnSub17:checked + label > .submenu,
.dropdown-content #btnSub18:checked + label > .submenu,
.dropdown-content #btnSub19:checked + label > .submenu,
.dropdown-content #btnSub20:checked + label > .submenu{ display: block;} 

#btnCat1, #btnCat1 + label > .dropdown-content, 
#btnCat2, #btnCat2 + label > .dropdown-content, 
#btnCat3, #btnCat3 + label > .dropdown-content, 
#btnCat4, #btnCat4 + label > .dropdown-content, 
#btnCat5, #btnCat5 + label > .dropdown-content, 
#btnCat6, #btnCat6 + label > .dropdown-content, 
#btnCat7, #btnCat7 + label > .dropdown-content, 
#btnCat8, #btnCat8 + label > .dropdown-content, 
#btnCat9, #btnCat9 + label > .dropdown-content, 
#btnCat10, #btnCat10 + label > .dropdown-content, 
#btnCat11, #btnCat11 + label > .dropdown-content, 
#btnCat12, #btnCat12 + label > .dropdown-content, 
#btnCat13, #btnCat13 + label > .dropdown-content, 
#btnCat14, #btnCat14 + label > .dropdown-content, 
#btnCat15, #btnCat15 + label > .dropdown-content, 
#btnCat16, #btnCat16 + label > .dropdown-content, 
#btnCat17, #btnCat17 + label > .dropdown-content, 
#btnCat18, #btnCat18 + label > .dropdown-content, 
#btnCat19, #btnCat19 + label > .dropdown-content, 
#btnCat20, #btnCat20 + label > .dropdown-content{ display: none;} 

#openmenu, .openmenu{display: none !important;}

@media screen and (min-width: 800px) {

  #btnCat1:hover + label > .dropdown-content,
  #btnCat2:hover + label > .dropdown-content,
  #btnCat3:hover + label > .dropdown-content,
  #btnCat4:hover + label > .dropdown-content,
  #btnCat5:hover + label > .dropdown-content,
  #btnCat6:hover + label > .dropdown-content,
  #btnCat7:hover + label > .dropdown-content,
  #btnCat8:hover + label > .dropdown-content,
  #btnCat9:hover + label > .dropdown-content,
  #btnCat10:hover + label > .dropdown-content,
  #btnCat11:hover + label > .dropdown-content,
  #btnCat12:hover + label > .dropdown-content,
  #btnCat13:hover + label > .dropdown-content,
  #btnCat14:hover + label > .dropdown-content,
  #btnCat15:hover + label > .dropdown-content,
  #btnCat16:hover + label > .dropdown-content,
  #btnCat17:hover + label > .dropdown-content,
  #btnCat18:hover + label > .dropdown-content,
  #btnCat19:hover + label > .dropdown-content,
  #btnCat20:hover + label > .dropdown-content {display: inline-block; margin-left:-80px; margin-top:38px; }
 
}

@media screen and (max-width: 800px) {

  #btnCat1:checked + label > .dropdown-content,
  #btnCat2:checked + label > .dropdown-content,
  #btnCat3:checked + label > .dropdown-content,
  #btnCat4:checked + label > .dropdown-content,
  #btnCat5:checked + label > .dropdown-content,
  #btnCat6:checked + label > .dropdown-content,
  #btnCat7:checked + label > .dropdown-content,
  #btnCat8:checked + label > .dropdown-content,
  #btnCat9:checked + label > .dropdown-content,
  #btnCat10:checked + label > .dropdown-content,
  #btnCat11:checked + label > .dropdown-content,
  #btnCat12:checked + label > .dropdown-content,
  #btnCat13:checked + label > .dropdown-content,
  #btnCat14:checked + label > .dropdown-content,
  #btnCat15:checked + label > .dropdown-content,
  #btnCat16:checked + label > .dropdown-content,
  #btnCat17:checked + label > .dropdown-content,
  #btnCat18:checked + label > .dropdown-content,
  #btnCat19:checked + label > .dropdown-content,
  #btnCat20:checked + label > .dropdown-content {display: inline-block; margin-left:-80px; margin-top:38px; }

  .dropdown > a,
  .dropdown .dropbtn {display: inline-block; width: 100%; margin-bottom:2px; position: relative; }
  .dropdown .dropbtn b{display: inline-block; width: 100%; position: relative; font-weight: 600; }
  .dropdown .dropbtn .dropdown-content{ padding:10px 0 0 0 !important; margin:0 !important; margin-bottom:-15px !important; left:-10px; width: calc(100% + 20px); display: inline-block; position: relative; box-shadow: none; }
  .dropdown .dropbtn .dropdown-content a{ display: block; position: relative; margin-top:5px; }

    .dropdown{display: none;}
    .topnav .openmenu{margin:0 auto !important; display: block !important; text-align: center;}
    #openmenu:checked + label ~ .dropdown{display: inline-block;}

    .artigo h2{margin:40px 0 10px 0 !important; display: inline-block; }
    .artigo h3::before{padding:0.8rem 12px; display: inline-block; vertical-align: top; float: left;}

    .topnav .dropdown .dropbtn > .dropdown-content{top:inherit;}


}


@media screen and (max-width: 800px) {

     .principal:first-of-type{
        padding-top:1px;
    }
}

.blogImg{max-width:600px; border-radius: 10px; border:10px solid #fff;}



/*---------------------------------------------------------------------------------------------------
  LIGUE AGORA MARKETING
----------------------------------------------------------------------------------------------------- */


.ligueagora {
    max-width       : 345px;
    padding         : 20px 20px 10px;
    margin          : 10px auto 10px 110px;
    font-size       : 1.3em;
    font-weight     : 700;
    color           : #073;
    border-radius   : 0px;
    box-shadow      : 4px 6px 12px 0px rgba(0,10,100,0.1);
    display         : inline-block;
    border          : 0px solid #ff6;
}

.ligueagora:hover { color           : #0a6; }

.ligueagora svg {
    height          : 80px;
    margin-bottom   : -5px;
    padding         : -20px;
}

.ligueagora .whatsapp {
    max-width       : 100px;
}

.ligueagora img {
    border-radius   : 10px;
}

.ligueagora n {
    margin          : 10px;
    margin-top      : 40px;
    font-size       : 0.7em;
    font-weight     : 600;
    display         : block;
}

.mascote{
    width: 100%;
    max-width: 360px;
    margin:-10px -40px 20px -50px;
    padding:0;
}

@media screen and (max-width: 800px) {
     .ligueagora{
        width: 100%;
        margin: 10px;
        padding:10px;
    }
    .mascote{
        margin: 0;
        padding:0;
    }
}


/*---------------------------------------------------------------------------------------------------
  NAVEGUE INDICE BLOCOS
----------------------------------------------------------------------------------------------------- */
.navegue h1 strong,
.navegue h1{max-width: 800px; display: inline-block; margin-top:-20px;}

.navegue h1 n{opacity: 0.8; line-height: 40px;}


.navegue h1 strong{
    color:#ffa; /*0298ff*/
}
.navegue h1 n{
    color:#fff; /*0298ff*/
}
.navegue .indice {
    display         : flex; /* Ativa flexbox */
    flex-wrap       : wrap; /* Permite que os itens sejam agrupados em linhas ou colunas */
    gap             : 1px; /* Espaço entre os blocos */
    justify-content : flex-start; /* Alinha os itens no início do contêiner */
    align-items     : stretch; /* Estica os itens para preencher o contêiner na direção do eixo transversal */

    text-align      : left;
    width           : 100%;
    max-width       : 1000px; 
}

.navegue .indice li {
     flex: 1;
    /*width           : 32%; 31*/
    min-width       : 300px;
    margin          : 0.2%;
    /*float           : left; */
    border          : 0px solid;
}

.navegue .indice li a {
    margin          : 0;
    padding         : 15px;
    min-height      : 100px;
    width           : 100%;
    max-width       : 100%;
    font-size       : 0.9em;
    background      : #fff;
    color           : #046;
    text-align      : left;
    font-weight     : 600;
    border          : 0px solid #fff;
    border-radius   : 0px;  text-align: left; float: left;
    position        : relative;
}

.navegue .indice li a svg {
    width           : 65px; /*calc(100% - 150px);*/
    height          : 65px; /*50px;*/
    min-height      : 65px; /*100px*/
    min-width       : 65px;
    margin-bottom   : 0px; /*-10px*/
    display         : block; 
    float           : left;
    vertical-align  : middle;
    border          : 0px solid #fff;
    color           : #006fea; /*08e 006fea*/
    background      : #FFE423; /*006fea 0f8f2f FFE423*/
    padding         : 10px;
    border-radius   : 50%;

    padding         : 4px;
    border          : 8px solid #FFE423;

}

.navegue .indice li a n {
    display         : inline; 
    border          : 0px solid;
    margin-left     : 15px;
    font-size       : 1.1em;  
    vertical-align  : middle;

    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}
/*
Este funciona, mas eu adicionei direto na classe acima
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/

.centered {
    display         : flex; /* Ativa flexbox */
    flex-wrap       : wrap; /* Permite que os itens sejam agrupados em linhas ou colunas */
    gap             : 1px; /* Espaço entre os blocos */
    justify-content : flex-start; /* Alinha os itens no início do contêiner */
    align-items     : stretch; /* Estica os itens para preencher o contêiner na direção do eixo transversal */

    text-align      : left;
    width           : 100%;

}


.navegue .indice li:nth-of-type(1) a,
.navegue .indice li:nth-of-type(3) a,
.navegue .indice li:nth-of-type(5) a,
.navegue .indice li:nth-of-type(7) a,
.navegue .indice li:nth-of-type(9) a,
.navegue .indice li:nth-of-type(11) a{
    background:#dff; 
    color:#006fea; /* cfe 0298FF*/
}

.navegue .indice li:nth-of-type(2) a,
.navegue .indice li:nth-of-type(4) a,
.navegue .indice li:nth-of-type(6) a,
.navegue .indice li:nth-of-type(8) a,
.navegue .indice li:nth-of-type(10) a,
.navegue .indice li:nth-of-type(12) a{
    background:#dff; /* 04a 0298FF*/ 
    color:#006fea;
}

.navegue .indice li:nth-of-type(2) a svg,
.navegue .indice li:nth-of-type(4) a svg,
.navegue .indice li:nth-of-type(6) a svg,
.navegue .indice li:nth-of-type(8) a svg,
.navegue .indice li:nth-of-type(10) a svg,
.navegue .indice li:nth-of-type(12) a svg{
    color:#006fea; /*006fea 08e FFE423*/
}

.navegue .indice.yellow li:nth-of-type(1) a,
.navegue .indice.yellow li:nth-of-type(3) a,
.navegue .indice.yellow li:nth-of-type(5) a,
.navegue .indice.yellow li:nth-of-type(7) a,
.navegue .indice.yellow li:nth-of-type(9) a,
.navegue .indice.yellow li:nth-of-type(11) a{
    background:#fff; 
    color:#08e;
}

.navegue .indice.yellow li:nth-of-type(2) a,
.navegue .indice.yellow li:nth-of-type(4) a,
.navegue .indice.yellow li:nth-of-type(6) a,
.navegue .indice.yellow li:nth-of-type(8) a,
.navegue .indice.yellow li:nth-of-type(10) a,
.navegue .indice.yellow li:nth-of-type(12) a{
    background:#ffe423; 
    color:#08e;
}

.navegue .indice.yellow li:nth-of-type(2) a svg,
.navegue .indice.yellow li:nth-of-type(4) a svg,
.navegue .indice.yellow li:nth-of-type(6) a svg,
.navegue .indice.yellow li:nth-of-type(8) a svg,
.navegue .indice.yellow li:nth-of-type(10) a svg,
.navegue .indice.yellow li:nth-of-type(12) a svg{
    color: #08e;
}

.navegue .indice li a:hover {background: #ffa;}

.navegue .description{ 
    margin:10px 5px;
    padding:15px;
    border-radius: 10px;
    background: #fff;
    max-width: 1000px;
    display: inline-block;
    text-align: left;
}
.navegue .description h2{
    display: inline;
    margin-top:0px;
    margin-bottom:0px;
    width: 100%;
} 


.svg-pequeno{width: 65px; height: 65px; padding:0; margin:0;  float: left;  

    width           : 80px; /*calc(100% - 150px);*/
    height          : 80px; /*50px;*/
    min-height      : 80px; /*100px*/
    min-width       : 80px;
    margin-bottom   : 0px; /*-10px*/
    display         : block; 
    /*color           : #006fea; 08e 006fea*/
    /*background      : #006fea; 006fea 0f8f2f FFE423*/
    border          : 15px solid #FFE423;

    border-radius   : 50%;

}

.svg-pequeno + h3{margin-top:15px; margin-left:10px; float: left; min-width: 180px; }
.svg-pequeno + h3 + ul,
.svg-pequeno + h3 + p,
.svg-pequeno + h3 + a{margin-top:10px; display: inline-block; width: 100%;}
.col-8 .svg-pequeno + h3 + p{width: calc(100% - 280px); float: left; padding-left:20px;}

.col-8.bg-white .svg-pequeno + h3 + p{border-left:2px dashed #0298FF;}
.col-8.bg-blue .svg-pequeno + h3 + p{border-left:2px dashed #fff;}
.col-8.bg-yellow .svg-pequeno + h3 + p{border-left:2px dashed #ffa;}
.col-8.bg-blueShadow .svg-pequeno + h3 + p{border-left:2px dashed #6ad;}

.description img{ display: block; width: 100%; max-width: 280px; border-radius: 0px; }
.navegue .description img{ display: block; width:100%; max-width: 280px; float: left; }
.navegue .description p{ margin-top:10px;}
.navegue .description img + p{ display: inline; width: calc(100% - 300px); float: left; margin-left:20px; border:1px solid;}

.navegue .description.descRight img{float: right;} 
.navegue .description.descRight h2,
.navegue .description.descRight p{text-align: right;}
.navegue .description.descRight h2 strong{width: calc(100% - 280px); margin-left:0px; float: right;}
.navegue .description.descRight h2 strong:last-of-type{margin-bottom:10px;}

/*
.protocolo .svg-pequeno{display: inline; border-radius: 10px; height: 70px; margin-top:10px;}
.protocolo .svg-pequeno.c-blueShadow{background: #0268CF;}
.protocolo .svg-pequeno.c-blue{background: #0298FF;}
.protocolo .svg-pequeno.c-yellow{background: #FFE423;}
*/
.noMargin{
    margin:0;
}

.menosMarginTop{
    margin-top:-30px;
}

/*.centered .svg-pequeno{border:0px solid; border-radius: 50%; background: #006FEA; width: 70px; height:70px; padding:0px;}*/

@media screen and (max-width: 1200px) {
    .col-8 .svg-pequeno + h3 + p{margin-top:0; width:100%; padding-left:110px;}
    .col-8.bg-white .svg-pequeno + h3 + p,
    .col-8.bg-blue .svg-pequeno + h3 + p,
    .col-8.bg-yellow .svg-pequeno + h3 + p,
    .col-8.bg-blueShadow .svg-pequeno + h3 + p{border:0;}
}

@media screen and (max-width: 620px) {
    .svg-pequeno,
    .svg-pequeno + h3{float:left; min-width: 80px;}
    .col-8 .svg-pequeno + h3 + p{padding-left:0px; clear: both; }

    .svg-pequeno + h3 + ul,
    .svg-pequeno + h3 + p,
    .svg-pequeno + h3 + a{clear: both; display: block;}
}

@media screen and (max-width: 600px) {
    .description h3, .description p{clear:both; width: 100%;  }
    .description img{clear: both; width: 100%; max-width: 500px;}
    .navegue .description img{clear: both; width: 100%; max-width: 500px; margin-bottom:20px;}
    .navegue .description img + p{clear:both; width: 100%;  margin-left:0;}

    .navegue .description p,
    .navegue .description.descRight p{margin-top:20px;}

    .navegue .description.descRight img{float: both;} 
    .navegue .description.descRight h2,
    .navegue .description.descRight p{text-align: left;}
    .navegue .description.descRight h2 strong{width: 100%; clear: both;}
    .navegue .description.descRight h2 strong:last-of-type{margin-bottom:20px;}
    .menosMarginTop{margin-top:-80px;}

}




/*---------------------------------------------------------------------------------------------------
  BULLET POINT - ÍNDICE DE CONTEÚDO
----------------------------------------------------------------------------------------------------- */


.indice-conteudo{
  text-align: left;
  border: 0px solid;
  display: inline-block;
  width: 100%;
  max-width: 600px;
  padding: 0px;
  margin-bottom: -1px;
  font-size: 1em;
  background: none;
}


#indice-conteudo li {
  color:#722623; 
  border-radius: 20px;
  background: none !important;
}

.indice-conteudo li a{
    font-weight: 600; 
    color:#369; 
    padding:20px;
    margin-top:-7px;
    border: none;
    background: none;
    background: #fff;
    border-radius: 10px;}

a, a:hover, a:active{
  text-decoration: none;
  border: none;
  color: currentcolor;
}

.indice-conteudo li a:hover {
  background: #fffacf;

}
.indice-conteudo li a svg{
    width:44px; 
    height:44px; 
    float:left; 
    margin:-5px -10px 0 -30px; 
    color:#f60; 
}

.protocolo b{
	font-size: 5.5em;
	color:#f60;
	font-weight: 900;
	/*
	margin:20px;
	display:inline-block;
	border-radius: 50%;
	padding: 6px 22px;
	background: #00aaff0f;
	border:2px dashed #f60;
	*/
}

a{color:#3af; font-weight: 600;}
h1 strong{color:#fff;}
h1 n{color:#ffffffcc;}




/*---------------------------------------------------------------------------------------------------
  TAGS
----------------------------------------------------------------------------------------------------- */
.tags{
    font-size: 0.9em;
}

.tags li h2{
    margin-bottom:0;
}
.tags li a p{
    color:#000;
    border:1px solid #f60;
    padding:15px;
    margin-top:0;
    border-radius: 10px;       
    background: #ffffdf;
}
.tags li a p svg{
    padding:0;
    padding-right:70px;
    margin:0 0 -10px 0;
    left:0px;
    top:0px;
    width: 25px;
    height: 25px;

}
.tags li a:hover p{
    background: #ffffef;
}

.tags li a p:after{
    content: "";
    position: absolute;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><path fill='%23ff6600' d='M19.414 27.414l10-10c0.781-0.781 0.781-2.047 0-2.828l-10-10c-0.781-0.781-2.047-0.781-2.828 0s-0.781 2.047 0 2.828l6.586 6.586h-19.172c-1.105 0-2 0.895-2 2s0.895 2 2 2h19.172l-6.586 6.586c-0.39 0.39-0.586 0.902-0.586 1.414s0.195 1.024 0.586 1.414c0.781 0.781 2.047 0.781 2.828 0z'></path></svg>") no-repeat;
    height: 40px;
    width: 60px;
}


/*---------------------------------------------------------------------------------------------------
  SCROLLING REGIÕES, BAIRROS E ZONAS
----------------------------------------------------------------------------------------------------- */

.scrolling {
  scrollbar-width: thin;
  scrollbar-color: #fff;

  overflow-y: auto; 
  max-height: 640px;

}

/* Works on Chrome, Edge, and Safari */
.scrolling::-webkit-scrollbar {
  width: 12px;
}

.scrolling::-webkit-scrollbar-track {
  background: #fff;
}

.scrolling::-webkit-scrollbar-thumb {
  background-color: #0298FF;
  border-radius: 20px;
  border: 3px solid #fff;
}



  #sobre-a-empresa h3{font-size: clamp(1em, 1vw, 1em) !important;}
  @media screen and (max-width: 800px) {
    #sobre-a-empresa h3{font-size: clamp(1.1em, 1vw, 1em) !important;}
  }



/*---------------------------------------------------------------------------------------------------
  SOBRE
----------------------------------------------------------------------------------------------------- */


  #sobre-a-empresa h3{margin:0;}
  #sobre-a-empresa h3 span.mais{font-size:2.1em; display:inline-block; position: absolute; margin:20px 0 0 -20px;}
  #sobre-a-empresa h3 span.num{font-size: 4em; font-weight: 800;}
  #sobre-a-empresa h3 span.item{font-size:2.3em; display:inline-block; position: absolute; margin-top:13px;}

  #sobre-a-empresa h3 span.tecnicos{font-size: 1.75em; display: block; margin-bottom:-12px}
  #sobre-a-empresa h3 span.experientes{font-size: 1.3em;}
  #sobre-a-empresa h3 span.empresa{font-size: 1.3em; font-weight: 800; position: absolute; margin-top:0px;}
  #sobre-a-empresa h3 span.avaliacoes{font-size: 1.3em; font-weight: 800; position: absolute; margin-top:20px;}
  #sobre-a-empresa h3 span.positivas{display: inline-block; font-size: 1.55em; font-weight: 800; margin-bottom:-5px;}
  #sobre-a-empresa h3 span.vantagens{font-size: 1.5em; display: block; margin-bottom:-10px; margin-left:10px;}
  #sobre-a-empresa h3 span.beneficios{font-size: 1.56em}

  #sobre-a-empresa h3 span.destaque{font-size: 1em; font-weight: 800; display: block;  margin:20px 0 -17px -10px}
  #sobre-a-empresa h3 span.midia{font-size: 2.8em; font-weight: 800;}

  #sobre-a-empresa h3 span.primeiro{font-size:3.9em; display: inline-block; margin-bottom:-15px}
  #sobre-a-empresa img{max-width: 250px;}



            .flutuante {
              position: fixed;
              bottom:-3px;
              margin:0;
              padding:5px 5px 0;
              left: calc(49.8% - 316px); 
              width: 600px;
              display: flex;
              justify-content: space-around;
              z-index: 1000;
              border-radius: 10px;
              border-top-right-radius: 10px;
              border-top-left-radius: 10px;
              border:4px solid #fff;
              padding:0;
              background: #fff;
            }

            .flutuante a{                
             width: 33.2%;
             text-align: center;
             padding:0px;
             margin:0 2px;
             border-top-right-radius: 10px;
             border-top-left-radius: 10px;
            }


            .flutuante a.bt-ligar{background: #fff; ;}
            .flutuante a.bt-orcamento{background: #fff; }
            .flutuante a.bt-whats{background: #fff; }

            .flutuante a.bt-ligar:hover{color:#f60;}
            .flutuante a.bt-orcamento:hover{color:#0298FF;}
            .flutuante a.bt-whats:hover{color:#20B943;}

            svg.bt{
              /*background-color: transparent;*/
              border: none;
              margin:2px 0 -12px 0;
              height: 50px;
              cursor: pointer;
              transition: all 0.2s;
              text-align: center;
            }

            .flutuante-button:hover {
              color: #222;
            }

            @media screen and (max-width: 600px) {
                .flutuante {
                    width: 100%;
                    left:0;
                }
            }




#orcamento {display: none;}

.orcamento {
  width: 100%;
  max-width: 600px;
  position: fixed;
  z-index: 1000;
  padding:20px;
  top:0;
  left:0;
  color:#fff;
  margin:0 auto;
  left:0;
}

.orcamento .deslize{
    padding-top:50px;
    height: calc(100vh - 110px);
    overflow-y: scroll;

}

.orcamento h2 {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 2rem;
  color:#fff;
}

.orcamento form {
  display: flex;
  flex-direction: column;
}

.orcamento label {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  text-align: left;
}

.orcamento select {
  font-size: 1rem;
  padding: 0.9rem;
  margin-bottom: 1rem;
  border-radius: 10px;
  border: none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.orcamento select option{
    background: #fff; /*fec*/
    color:#369;
}

.orcamento select:focus {
  outline: none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.orcamento textarea {
  font-size: 1rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 10px;
  border: none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.orcamento textarea:focus {
  outline: none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.orcamento button {
  background-color: #f60;
  color: white;
  font-size: 1.2rem;
  padding: 1rem 1rem;
  border: 3px solid #fff;
  border-radius: 10px;
  cursor: pointer;
}

.orcamento button:hover {
  background-color: #00688B;
}

.orcamento button:focus {
  outline: none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.orcamento .error {
  color: red;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}




.stars div{float: left; text-align: left; margin:0 10px; vertical-align: top;} 
.stars div h3{text-align: left;} 
.stars p{margin-left:10px; float:left; text-align: left; display: inline-block; width: calc(100% - 200px);}

@media screen and (max-width: 800px) {
    .stars p{margin-left:10px; clear: both; text-align: left; width: 100%;}
}





.mapa-do-site {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(31.7%, 31.7%)); /* Ajuste a largura mínima conforme necessário */
    grid-auto-rows: auto; /* Ajuste a altura conforme necessário */
    grid-gap: 16px; /* Espaço entre os blocos */
    grid-auto-flow: dense;
}

.mapa-do-site .block{ background: white; /*#E6EAEF*/ padding: 10px;  border-radius: 15px; font-weight: 800; }
.mapa-do-site .block h2{color:#168; font-size: 20px; display: inline-block; margin:10px; }
.mapa-do-site .block a{border-radius: 10px; display: block; margin:0; padding:5px; color:#2af;}
.mapa-do-site .block a:hover{background: #ffa; /*color:#b5e1ff;*/ }


@media screen and (max-width: 800px) {
    .mapa-do-site { 
        grid-template-columns: repeat(auto-fill, minmax(48.5%, 48.5%));
    }


    .mapa-do-site .block h2{
        display: inline;
        position: relative;
        margin: 0;
        margin-bottom:30px;
        top: 0; 
    }
    .mapa-do-site .block a:first-of-type{ margin-top:10px; }
    .mapa-do-site .block a{font-size: 14px;}

}

@media screen and (max-width: 600px) {

    .mapa-do-site { 
        grid-template-columns: repeat(auto-fill, minmax(100%, 100%));
    }
}