/*---------------------------------------------------------------------------------------------------
 DEFAULT
----------------------------------------------------------------------------------------------------- */
*,
*::after,
*::before {
    margin                  : 0;
    padding                 : 0;
    border                  : 0;
    outline                 : 0;
    font                    : inherit;
    font-family             : Roboto, Helvetica, Arial,'Sans-Serif',sans-serif;
    line-height             : 1.5em;
    box-sizing              : border-box;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    -webkit-box-sizing      : border-box;
}

html,body,header,main,section,footer{
    min-height      : 100%;
    width           : 100%;
    font-size       : 100%;
    margin          : 0;
    padding         : 0;
    left            : 0;
    top             : 0;
}
html, body{
     overflow-x     : hidden;
}

header,section,footer,.lateral, article{
    height          : auto;
    padding         : 60px 0;
}

header{
    padding         : 0;
}

header span{
    /*font-size       : 1.8em;*/
    margin          : 15px;
    display         : inline-block;
    font-weight     : 600
}

#topo{      margin-top      : -25px;    }
main{       height          : auto;     }
img{        width           : 100%; object-fit:contain; object-position: 0 0;    }
p{          margin-bottom   : 6px;     }
b{          font-weight     : 600;     }
button {    cursor          : pointer;  }
address {   font-style      : normal;   }
.icon {     pointer-events  : none;     }
.left{      text-align      : left;     }
.right{     text-align      : right;    }
.justify{   text-align      : justify;  }

.center{
    text-align      : center;
    margin-left     : auto;
    margin-right    : auto;
}
a{
    display         : inline-block;
    color           : inherit;
    text-decoration : none;
}

span,
button,
input {
    display         : block;
}

input,
button {
    background      : none;
    border          : none;
    font            : inherit;
}

input {
    width           : 100%;
    outline         : none;
}

h1 n{ font-size     : 0.8em; 
      display       : block;
}



h1{font-size: clamp(25px, 3vw, 30px); margin:0.6em 0; font-weight: 600; line-height: 0;}
h2{font-size: clamp(22px, 3vw, 26px); margin:0.6em 0; font-weight: 600;}
h3{font-size: clamp(18px, 2vw, 20px); margin:0.6em 0; font-weight: 600;}
h4{font-size: clamp(18px, 2vw, 16px); margin:0.6em 0; font-weight: 600;  width: 100%;}
h5{font-size: 18px; margin:0.6em 0;}
h6{font-size: 18px; margin:0.6em 0;}
p{font-size: clamp(15px, 1.7vw, 17px);  width: 100%;}
ul li, 
ol li{font-size: clamp(15px, 1.6vw, 17px); line-height: 30px;}


.p0{padding:0!important;}
.p10{padding:10px 0!important;}
.p15{padding:15px 0!important;}
.p20{padding:20px 0!important;}
.p30{padding:30px 0!important;}
.p40{padding:40px 0!important;}
.p50{padding:50px 0!important;}
.p60{padding:60px 0!important;}
.p70{padding:70px 0!important;}
.p80{padding:80px 0!important;}
.p90{padding:90px 0!important;}
.p100{padding:100px 0!important;}
.p150{padding:150px 0!important;}

.m0{margin:0!important;}
.m10{margin:10px 0!important;}
.m15{margin:15px 0!important;}
.m20{margin:20px 0!important;}
.m30{margin:30px 0!important;}
.m40{margin:40px 0!important;}
.m50{margin:50px 0!important;}
.m60{margin:60px 0!important;}
.m70{margin:70px 0!important;}
.m80{margin:80px 0!important;}
.m980{margin:90px 0!important;}
.m100{margin:100px 0!important;}
.m150{margin:150px 0!important;}


/*---------------------------------------------------------------------------------------------------
GRID
----------------------------------------------------------------------------------------------------- */

.container{
    width           : calc(100% - 10px);
    max-width       : 1200px;
    margin          : 0 auto;
    padding-left    : 10px;
    border          : 0 solid;
}

.row {
    display         : flex;
    flex-wrap       : wrap;
    gap             : 10px;
    justify-content : flex-start;
    align-items     : stretch;
}

.row [class^="col"]{
    padding         : 20px; 
    min-height      :.125rem;
    border-radius   : 10px; 
}

.row *{
    box-sizing      : border-box;
}

.col-1.fix{width: 8.33%;}
.col-2.fix{width: 16.66%;}
.col-3.fix{width: 25%;}
.col-4.fix{width: 33.33%;}
.col-5.fix{width: 41.66%;}
.col-6.fix{width: 50%;}
.col-7.fix{width: 58.33%;}
.col-8.fix{width: calc(66.66% - 10px);}

/*
.col-6, .col-8, .col-12{
    display         : flex;
    flex-wrap       : wrap;
    gap             : 10px; 
}
*/

.col-6 h2, .col-8 h2, .col-12 h2{
    font-size: clamp(18px, 2vw, 20px); margin:0.6em 0; font-weight: 600;
}


@media only screen and (min-width: 460px){
    .col-1 { width: calc(8.33%   - 10px); }
    .col-2 { width: calc(16.66%  - 10px); }
    .col-3 { width: calc(25%     - 10px); }
    .col-4 { width: calc(33.33%  - 10px); }
    .col-5 { width: calc(41.66%  - 10px); }
    .col-6 { width: calc(50%     - 10px); }
    .col-7 { width: calc(58.33%  - 10px); }
    .col-8 { width: calc(66.66%  - 10px); }
    .col-9 { width: calc(75%     - 10px); }
    .col-10 { width: calc(83.33% - 10px); }
    .col-11 { width: calc(91.66% - 10px); }
    .col-12 { width: calc(100%   - 10px); }
}

@media screen and (max-width: 900px) {
    .col-1,
    .col-2{width:calc(33.33% - 10px);}
}

@media screen and (max-width: 820px) {
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8{ width: calc(50% - 10px); }
}

@media screen and (max-width: 640px) {
    .col-1,
    .col-2,
    .col-3{ width: calc(50% - 10px); }
}

@media screen and (max-width: 520px) {
    .col-1.fix,
    .col-2.fix,
    .col-3.fix,
    .col-4.fix,
    .col-5.fix,
    .col-6.fix,
    .col-7.fix,
    .col-8.fix{
        width:calc(100% - 0px);
    }
    .col-4.fix{
        width:calc(100% - 10px);
    }
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8{
        width:calc(100% - 10px);
    }
    
}

@media screen and (max-width: 460px) {
    .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: calc(100% - 10px);
    }
}


/*---------------------------------------------------------------------------------------------------
  BLOCOS DE CONTEÚDO
----------------------------------------------------------------------------------------------------- */

.blocos svg{
    /*
    display         : block; 
    vertical-align  : middle;
    padding         : 10px; 
    margin          : 10px 20px 0px 0;  
    width           : 76px;
    height          : 76px;
    min-height      : 76px;
    min-width       : 76px;
    border          : 0px solid #FFE423;
    border-radius   : 50%;*/
    vertical-align: middle;
}

.blocos svg + h2,
.blocos svg + h3{ 
    margin          : auto 0; 
    padding         : 10px 0;
    /*max-width       : 191px;*/
    width           : 100%;
    min-width       : 190px;
    display         : inline-block;
    vertical-align  : middle;
    float           : none;
    border          : 0px solid;  
}

.postings{
    padding:20px !important;
    background: #e0e8ef;
}

.postings .listPost img{
    border-radius: 10px;
    
}

.blocos .listPost{
    border-radius   : 10px; 
    margin-bottom   : 15px;
    padding         : 20px;
}

.blocos .listPost svg{
    margin-right    : 15px;
    margin-top      : 10px;
    vertical-align  : top;
}

.blocos .listPost svg{
    margin-right    : 15px;
    margin-top      : 10px;
    vertical-align  : top;
}

.blocos .listPost h2{
    font-size       : 1.0em;
    line-height     : 1.3em;
    font-weight     : 600;
    max-width       : calc(100% - 90px);
}

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

ol{
    margin          : 15px;
}

.blocos ul li, 
.blocos ol li{
    /*
    list-style-type : disc;
    margin-left     : 15px;
    text-indent     : -3px;*/
    line-height     : 1.9;
}

.blocos ul li::before,
.blocos ol li::before {
    /*
    content         : "•"; 
    color           : inherit;
    display         : inline-block; 
    width           : 14px;
    font-size       : 18px;
    position        : relative;
    top             : 3px;
    margin-left     : 0;
    */
}

.blocos svg + h3 + p,
.blocos svg + h3 + ol,
.blocos svg + h3 + ul{ 
    clear           : both;
}

.blocos .col-3 svg,
.blocos .col-4 svg{ 
    float           : none;
}

.blocos.svgLateral div svg{
    /*vertical-align: top;*/
}


.blocos.svgLateral .col-8 .col-12{
    width: 100%;
}

.blocos.svgLateral .col-8 .col-12:first-of-type{
    margin-bottom: 10px;
}

.blocos.svgLateral .col-8 .col-12:last-of-type{
    margin-top: 10px;
}


/*
.blocos div h3{
    display         : inline-block;
    margin-top      : 20px;
    margin-left     : 10px;
    max-width       : 170px;
}
*/

/*---------------------------------------------------------------------------------------------------
  MENU TOPNAV
----------------------------------------------------------------------------------------------------- */

.topnav {
    display         : inline-block;
    box-sizing      : border-box;
    text-align      : center;
    overflow        : hidden;
    float           : left;
    clear           : both;
    width           : 100%;
    padding         : 5px;
    border          : 3px solid #fff;
    border-radius   : 10px;
    z-index         : 100;
    margin          : 5px 0 -10px 0;
}

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

.topnav .openmenu img {
    width           : 50px;
    height          : 50px;
    top             : 0;
    right           : 0;
    margin          : 0;
    padding         : 0;
    border          : 0;
    padding-top     : 10px;
}
 
.topnav .dropdown > a,
.topnav .dropdown {
    overflow        : hidden;
    color           : inherit; /*#058;*/
}

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

.topnav .dropdown-content{
    display         : none;
    position        : absolute;
    padding         : 5px;
    border-radius   : 10px;
    min-width       : 100px;
    z-index         : 2;    
}

.topnav .dropdown-content a,
.topnav .dropdown-content .dropbtn{
    display         : block;
    padding         : 10px;
    text-decoration : none;
    text-align      : left;
    float           : none;
    filter          : brightness(120%) saturate(90%);
    background      : #00000022;
}

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


.topnav .dropdown-content .dropbtn .submenu {
    display         : none;
    position        : relative;
    margin          : 0;
    padding         : 0;
    margin-bottom   : 6px;
    top             : 10px;
    left            : 0;
    width           : 100%;
    background      : #fff;
    border-radius   : 10px;
    z-index         : 1;
}

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

.topnav .dropdown .dropdown-content a:hover,
.topnav .dropdown .dropdown-content .active,
.topnav .dropdown .dropdown-content .dropbtn:hover{
    border-radius   : 10px;   
}

.topnav .dropdown .dropdown-content .dropbtn{
    border          : none;
}

.topnav .submenu a,
.topnav .dropdown-content a:hover,
.topnav .submenu .active,
.topnav .submenu .dropdown .dropbtn,
.topnav .submenu .dropdown .dropbtn:hover{
    border          : none;
}

.topnav .active{
   /* background: #ffa;    */
}

.topnav  .dropdown *{
    display         : block;
    box-sizing      : border-box;
    margin-top      : 0 !important;
    margin-left     : 0 !important;
}

.topnav .dropdown .dropbtn .dropdown-content{
    margin-top      : 15.5px !important;
}

.topnav .dropdown .dropbtn .dropbtn{
    padding-left    : 30px;
}

.topnav .dropdown .dropbtn .dropbtn.dropbtn::before{ 
     content        : "+";
     text-indent    : 10px;
     line-height    : 20px;
     position       : absolute;
     width          : 20px;
     height         : 20px;
     left           : 5px;
 }

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

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

#openmenu, .topnav .openmenu,
.topnav .dropdown-content [id^="btnSub"]:checked + label > .submenu,
.topnav .dropdown [id^="btnSub"], .topnav .dropdown [id^="btnSub"] + label > .dropdown-content,
.topnav .dropdown [id^="btnCat"], .topnav .dropdown [id^="btnCat"] + label > .dropdown-content{
    display         : none;
}


.topnav .dropdown [id^="btnCat"] + label > .dropdown-content{
    display         : block; 
    overflow        : hidden;
    visibility      : hidden;
    opacity         : 0;
    transition      : opacity 0.3s ease-in-out, visibility 0.3s;
    margin-left     : -16.3px !important;
}

.topnav .dropdown [id^="btnCat"] + label > .dropdown-content.sub{
    margin-left     : -13.8px !important;
}

.topnav .dropdown [id^="btnCat"]:hover + label > .dropdown-content{
    margin-left     : -43px !important;
    visibility      : visible;
    opacity         : 1;
}

.topnav .dropdown [id^="btnSub"] + label > .submenu{
    width           : calc(100% + 30px);
    margin-left     : -25px !important;
    margin-bottom   : 0 !important;
    margin-top      : 0 !important;
    top             : 5px !important;
    padding         : 0 !important;

    display         : block;
    position        : relative;
    overflow        : hidden;
    visibility      : hidden;
    opacity         : 0;
    max-height      : 0;
    transition      : max-height 0.4s ease-out, opacity 0.5s ease-in-out, visibility 0.5s;
    background      : #00000022;
}

.topnav .dropdown [id^="btnSub"]:checked + label > .submenu{
    max-height      : 300px;
    visibility      : visible;
    opacity         : 1;
    overflow-y      : auto;  
    scrollbar-width : thin;
    background      : #00000022;
}

/* Para Chrome, Safari, e Edge */
.topnav .dropdown [id^="btnSub"]:checked + label > .submenu::-webkit-scrollbar {
  width: 5px;
}

.topnav .dropdown [id^="btnSub"]:checked + label > .submenu::-webkit-scrollbar-track {
  background: transparent;
}


@media screen and (min-width: 800px) {
    .topnav .dropdown [id^="btnCat"]:hover + label > .dropdown-content{
        display         : inline-block; 
        margin-left     : -80px; 
        margin-top      : 38px;
    }
}

@media screen and (max-width: 800px) {
    
    .topnav .dropdown [id^="btnCat"]:checked + label > .dropdown-content{
        margin-left         : -43px !important;
    }

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

    .topnav .dropdown-content .dropbtn,
    .topnav .dropdown-content .dropbtn:hover{
        border-bottom   : 0px solid #fff;
    }

    .topnav .dropdown > a,
    .topnav .dropdown .dropbtn {
        display         : block; 
        width           : 100%; 
        margin-bottom   : 2px; 
        position        : relative; 
        cursor          : none;
        filter          : brightness(120%) saturate(90%);
        background      : #00000022;
    }

    .topnav .dropdown .dropbtn b{
        display         : block; 
        width           : 100%;
        position        : relative;
        font-weight     : 600; 
    }

    .topnav .dropdown .dropbtn .dropdown-content{ 
        padding         : 0 !important;
        margin          : 20px 0 0 0 !important;
        left            : 30px !important;
        width           : calc(100% + 25px);
        display         : block;
        position        : relative;
        box-shadow      : none;
    }

    .topnav > .dropdown > .dropbtn > b + .dropdown-content b + .submenu{
        top             : 10px !important;
    }

    .topnav .dropdown .dropbtn .dropdown-content:last-of-type{ 
        padding-bottom  : 0 !important;
        margin-bottom   : 0 !important;
        top             : 10px !important;
    }

    .topnav .dropdown{
        display         : block;
    }

    .topnav .openmenu{
        display         : block; 
        margin          : 0 auto; 
        text-align      : center;
        border          : 0 !important;
    }

    #openmenu:checked + label ~ .dropdown{
        display         : block;
    }

    #openmenu + label ~ .dropdown,
    .topnav .dropdown [id^="btnCat"] + label > .dropdown-content,
    .topnav .dropdown [id^="btnSub"] + label > .submenu{
        overflow        : hidden;
        visibility      : hidden;
        opacity         : 0;
        max-height      : 0;
        margin-top      : 0px !important;
        top             : 0px !important;
        transition      : max-height 0.3s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s;
    }

    .topnav .dropdown [id^="btnSub"] + label > .submenu{
        width           : calc(100% + 30px);
    }

    #openmenu:checked + label ~ .dropdown,
    .topnav .dropdown [id^="btnCat"]:checked + label > .dropdown-content,
    .topnav .dropdown [id^="btnSub"]:checked + label > .submenu{
        max-height      : 150vh;
        visibility      : visible;
        opacity         : 1;  
    }

    .topnav .dropdown [id^="btnSub"]:checked + label > .submenu{
        max-height      : 30vh;         
        background      : #00000022;
    }

    @-moz-document url-prefix() {
        .topnav .dropdown > a,
            .topnav .dropdown .dropbtn {
            cursor: pointer;
        }
    }
}


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

.banner.topo{
    padding-top     : 0;
    padding-bottom  : 0;
    width           : 100%;
}

.banner {
    box-sizing      : border-box;
    text-align      : center;
    padding         : 40px 10px 80px 10px;
    margin-bottom   : 0;
}

.banner .row{
    display         : block;
}

.banner a:first-of-type{
    display: block;
}

.banner h1{
    max-width       : 900px;
    margin          : 25px auto;
}

.banner h1 strong{
    font-weight     : 600;
}

.banner h1 i{
    font-size       : 0.9em; 
    font-weight     : 400;
    line-height     : 40px; 
    font-style      : italic;
    display         : block;
    filter          : opacity(0.7);
}

.banner .mascote{
    width           : 100%;
    max-width       : 400px;
    margin          : 0 auto;
}

.banner #loadImg{
  display: flex;
  /* Centraliza horizontalmente e verticalmente */
  justify-content: center;
  align-items: center;
  height: 100%;
}

.banner .ImgBlog{
    width           : 100%;
    width           : 1280px;
    max-width       : 1024px;
    margin          : 0 auto;
}

.banner .description{
    position        : relative;
    display         : block; 
    text-align      : center;
    max-width       : 1024px;
    border-radius   : 5px;
    padding         : 20px;
    margin          : 10px auto;
    border          : 0px solid #003FaA;
}


.banner .description p{
    text-align: center;
}

.banner .description p a{
    display: inline;
}

.banner #loadImg img{
    width: 100%;
    border-radius: 10px;
}

.banner .logo {
    float           : left;
    max-width       : 120px; 
    margin          : 0;
}

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

.banner .logo svg {
    width           : 90px;
    height          : 90px;
}

.banner .template { 
    width           : 250px;
    height          : 250px;
}

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

.banner .marketing {
    width           : 100%; 
    max-width       : 340px;
    float           : right;
}

.banner .marketing a {
    width           : 33.33%;
    display         : inline;
    float           : left;
    text-align      : center;
}
/*
.banner .marketing a img{ 
  width             : 32%;
  min-width         : 50px; 
  float             : left;
}*/

.banner .marketing a:hover svg {
   filter          : brightness(130%) saturate(80%);
}

.banner .marketing b {
    display         : block;
    line-height     : 1.2em;
}

.banner .marketing svg {
    width           : 56px;
    height          : 56px;
    min-width       : 56px;
    min-height      : 56px;
    display         : inline;
    margin-top      : 15px;
    margin-bottom   : 15px;
}


@media screen and (max-width: 600px) {
    .banner .logo {
        float           : none;
        display         : inline-block;
    }
    .banner .marketing {
        width           : 100%; 
        max-width       : 100%;
    }
}


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


  .banner,
  .banner div,
  .banner .logo,
  .banner .marketing{width:calc(100% - 0px); max-width:100%; margin:0;}
  .banner {padding:10px 0;}

    
    /*
    .banner div, .banner .logo, .banner .marketing{
        width: calc(100% - 10px);
        max-width: 100%;
    }*/
/*
    .banner .ligueagora{
        width: 100%;
        margin: 10px;
        padding:10px;
    }
*/


}



/*---------------------------------------------------------------------------------------------------
  BANNER CAIXA PROMO E LIGUE AGORA
----------------------------------------------------------------------------------------------------- */

.caixabanner{
    border-radius: 20px; 
    padding:40px 10px; 
    max-width: 700px; 
    margin: 0 auto;
}

.ligueagora{
    font-size: 1.4em;
    font-weight: 600;
    border-radius: 10px;
    border:2px dashed #fffa;
    box-shadow: 4px 6px 12px 0px rgba(0,10,100,0.3);
    color:#122b40;
    max-width: 400px;
    margin: 0 auto;
}
.ligueagora svg{
    margin-bottom:-5px; height: 80px;
}
.ligueagora img.liguewhats{
    max-width: 150px;
}
.ligueagora img.ligueavaliacoes{
    max-width: 250px;
    border-radius: 15px;
    margin-bottom: 35px;
}

.ligueagora n{
    font-size: 0.7em; 
    font-weight: 400; 
    margin-top:-5px; 
    margin-bottom:20px; 
    display: block;
}


.caixaajuda{
    border-radius: 20px; 
    padding:10px 10px 40px; 
    max-width: 700px; 
    display: block;
    padding: 40px 0;
    margin:0 auto;

}

.caixaajuda .saiba{
    vertical-align: middle; 
    font-weight: 600; 
    color:#ffd740;

}

.caixaajuda svg.sigaseta{
    width: 80px;
    height: 80px;
    margin: 10px 0 -30px 0;
    background: #09b639;
}

.caixaajuda .lista{
    vertical-align: middle;
    font-weight: 300;
    font-size: 1.0em;
}

.caixaajuda .lista .itens{
     font-weight: 300;
     padding:10px;
     margin:0px auto;
     /*background: none;
     color:#eceff1;*/
     border-radius: 10px;
     text-align: left;
     display: block;
     width: 100%;
     max-width: 360px;
}


.caixaajuda .lista .itens n{
    font-weight: 800;
    margin-top: 0px;
    padding-top:4px;
    /*background: #ffd740;
    color:#222b30;*/
    text-align:center;
    width: 34px;
    height: 34px;
    border-radius:50%;
    display: inline-block;   
}

.caixaajuda .lista .itens span{
    margin:10px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    width: calc(100% - 80px);
}

/*---------------------------------------------------------------------------------------------------
  BANNER FULTEXT
----------------------------------------------------------------------------------------------------- */

.full-description {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.2s ease-out, max-height 0.2s ease-out;
  text-align: left;
}

.full-description.open {
  opacity: 1;
  max-height: 500px;
  transition: all 0.5s; /* Animação suave */
}


.button-container {
  text-align: right;
}

.button-container button {
  display: inline-block;
  width: 100px;
  height: 30px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 8px;
  line-height: 30px;
}

.button-container button:after {
  content: " \25BC"; /* Arrow */
}

.button-container button:hover {
  /*background-color: rgb(238, 125, 32);*/
  color: white;
}


.button-container button::after {
  content: " \25BC"; /* Seta para baixo */
  display: inline-block; /* Permite a transformação */
  transition: all 0.5s; /* Animação suave */
}

.button-container button.active::after{
  transform: rotate(180deg); /* Rotaciona a seta */
}



/*---------------------------------------------------------------------------------------------------
  INDICE BLOCO
----------------------------------------------------------------------------------------------------- */

.indiceBloco {
    margin          : 10px 0 0px 0; 
}

.indiceBloco ul {
    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 */
    width           : 100%;
    text-align      : center;
    margin-left     : auto;
    margin-right    : auto;
}

.indiceBloco ul li {
    flex: 1;
    min-width       : 300px;
    margin          : 0.15%;
    border          : 0px solid;
}

.indiceBloco ul li a {
    margin          : 0;
    padding         : 10px 2px;
    min-height      : 80px;
    width           : 100%;
    font-size       : clamp(15px, 1.3vw, 16px);
    text-align      : left;
    font-weight     : 600;
    border          : 0px solid #fff;
    border-radius   : 10px;  
    text-align      : left; 
    float           : left;
    position        : relative;
}

.indiceBloco ul li a svg {

    width           : 45px;
    height          : 45px;
    min-height      : 45px;
    min-width       : 45px;
    display         : block; 
    float           : left;
    vertical-align  : middle;
    padding         : 4px;
}

.indiceBloco ul li a span {
    display         : inline; 
    border          : 0px solid;
    margin-left     : 10px; 
    vertical-align  : middle;
    position        : absolute;
    top             : 38%;
    transform       : translate(0%, -50%);
}

.indiceBloco ul li a:hover {
     filter         : brightness(130%);
}


/*---------------------------------------------------------------------------------------------------
 INDICE LINE
----------------------------------------------------------------------------------------------------- */

.indiceLine{
    border-radius       : 10px;
    counter-reset       : faq-counter; /* Inicializa o contador */
    padding             : 20px 10px 0 0;
    width               : 100%;
    max-width           : 1024px;
}

.indiceLine a{
    margin              : 2px;
    padding             : 10px 10px 10px 40px;
    border-radius       : 10px;
    width               : 100%;
    display             : inline-flex;
    cursor              : pointer; /* Muda o cursor para indicar ação */
    font-size           : 1em;
    position            : relative;
    text-align          : left;
}

.indiceLine a span{
    margin              : 10px 10px 10px 15px;
}


.indiceLine > ul > li > a::before {
    counter-increment   : faq-counter; /* Incrementa o contador para cada pergunta */
    content             : counter(faq-counter) " ";    
}


.indiceLine ul li a::before {

    font-weight         : bold;   
    background-color    : var(--background-color-bgMenu);
    color               : var(--color-bgMenu);
    border-radius       : 50%; 
    width               : 1.8em; 
    height              : 1.8em; 
    display             : inline-flex; 
    align-items         : center; 
    justify-content     : center; 
    text-align          : center; 
    margin              : 15px;
    position            : absolute; /* Posicionamento absoluto para não afetar o layout do texto */
    left                : 0; /* Alinha à esquerda do elemento pai */
    top                 : 0; /* Alinha ao topo do elemento pai */
    text-indent         : 0;

}


.indiceLine a:hover {
  filter                : brightness(110%);
}

.indiceLine ul li ul li{
    filter              : brightness(110%);
}

.indiceLine ul li ul li a{
    padding-left        : 9px;
}

.indiceLine ul li ul li a:before{
    content             : " ";
    background          : none;
    color               : var(--background-color-bgMenu);
    border              : 2px solid var(--background-color-bgMenu);
    width               : 16px;
    height              : 16px;
    margin-top          : 22px;
    margin-left         : 23px;
}





/*---------------------------------------------------------------------------------------------------
  ARTICLE
----------------------------------------------------------------------------------------------------- */

.col-6 h2, .col-8 h2, .col-12 h2{
    font-size           : clamp(24px, 3vw, 32px); 
    margin              : 0.6em 0; 
    font-weight         : 600;

}

.col-6 h3, .col-12 h3{
    width               : 100%;
}

.col-3 svg, .col-4 svg, .col-6 svg, .col-8 svg, .col-10 svg, .col-12 svg{
    margin-bottom: 10px;
}


article.article{
    counter-reset       : faq-counter; /* Inicializa o contador */
}

article.article .col-12{
    padding             : 10px;
}

article.article h2{
    display             : flex;
    align-items         : top;
    margin-top          : 40px;
    width: 100%;

}

article.article p{
    line-height: 26px;
}

article.article strong{
    font-weight: 600;
}


article.article .tabela-wrapper {
    width               : 100%;
    overflow-x          : auto;
    position            : relative;
}

article.article .tabela {
    width               : 100%;
    min-width           : 600px;
    border-collapse     : collapse;
    border-radius       : 10px;
    padding             : 20px;
    display             : block;
    overflow-x          : auto; /* Certifique-se de que a tabela tenha um tamanho mínimo */

    border-collapse     : separate;
    border-spacing      : 5px 5px;
}

article.article .tabela td {
    padding             : 10px 20px;
    background          : #ffffffcc;
    border              : 0px dashed var(--background-color-bgMenu); /* Adicionando borda para visualização */
    border-radius       : 10px;
}

article.article .tabela th{
    padding             : 10px 20px;
    background          : var(--background-color-bgMenu);
    color               : var(--color-bgMenu);
    border              : 0px dashed var(--color-bgMenu);
    font-weight         : 600;
    border-radius       : 10px;
}


article.article h2::before{
    counter-increment   : faq-counter; /* Incrementa o contador para cada pergunta */
    content             : counter(faq-counter) " ";
    font-weight         : bold;   
    background-color    : var(--background-color-bgMenu);
    color               : var(--color-bgMenu);
    border-radius       : 50%; 
    width               : 1.2em; 
    height              : 1.2em; 
    display             : inline-flex; 
    align-items         : center; 
    justify-content     : center; 
    text-align          : center; 
    margin              : 5px 10px 5px 0px;
    flex-shrink         : 0; /* Impede o achatamento do círculo */
}

article.article h3{
    width: 100%;
    display: block;
    display             : inline-flex;
    align-items         : top;
    margin-bottom       : -5px;
}

article.article h3::before{
    content             : " ";
    border              : 5px solid var(--background-color-bgMenu);
    border              : 3px solid #222b30;
    background          : #ffd740;
    font-weight         : bold;   
    border-radius       : 50%; 
    width               : 0.8em; 
    height              : 0.8em; 
    display             : inline-flex; 
    align-items         : top; 
    justify-content     : center; 
    text-align          : center; 
    margin              : 6px 10px 0px 20px;
    flex-shrink         : 0; /* Impede o achatamento do círculo */
}

article.article h4{
    font-weight         : 600;
    font-style          : italic;
    width               : 100%;
    margin              : 10px 10px 0px 20px;
}

article.article h4::before{
    font-weight         : 600;
    font-style          : italic;
    width               : 100%;
    margin              : 10px 10px 0px 20px;

    content             : " ";
    border              : 5px solid var(--background-color-bgMenu);
    border              : 2px solid #222b30;
    background          : #ffd740;
    font-weight         : bold;   
    border-radius       : 50%; 
    width               : 0.8em; 
    height              : 0.8em; 
    display             : inline-flex; 
    align-items         : top; 
    justify-content     : center; 
    text-align          : center; 
    margin              : 6px 10px 0px 0px;
    flex-shrink         : 0; /* Impede o achatamento do círculo */


}


article.article ul li::before{
    content             : " ";
    border              : 5px solid var(--background-color-bgMenu);
    border              : 0px solid #222b30;
    background          : #ffd740;
    font-weight         : bold;   
    border-radius       : 50%; 
    width               : 0.8em; 
    height              : 0.8em; 
    display             : inline-flex; 
    align-items         : top; 
    justify-content     : center; 
    text-align          : center; 
    margin              : 6px 10px 0px 0px;
    flex-shrink         : 0; /* Impede o achatamento do círculo */
}


article.article ul li::before{
    content             : " ";
    border              : 3px solid var(--background-color-bgMenu);
    border              : 0px solid #222b30;
    background          : #222b30;
    font-weight         : bold;   
    border-radius       : 50%; 
    width               : 0.3em; 
    height              : 0.3em; 
    display             : inline-flex;
    align-items         : top; 
    justify-content     : center; 
    text-align          : justify; 
    margin              : 6px 10px 0px -17px;
    flex-shrink         : 0; /* Impede o achatamento do círculo */
}



article.article ul li{
   margin-left         : 47px;
}

article.article .blocos > h2,
article.article .blocos > p{
    margin-left         : 3px;
    margin-right        : 20px; 
}

article.article .blocos > p{
    margin-left         : 43px;
}

/*---------------------------------------------------------------------------------------------------
  CABEÇALHO DAS SESSÕES
----------------------------------------------------------------------------------------------------- */

.headers{
    text-align      : center;
}

.headers div{ 
    margin          : 5px -5px;
    padding         : 10px;
    border-radius   : 10px;
    display         : inline-block;
}

.headers div > div{ 
    padding         : 20px;
    max-width       : calc(100% - 290px);
}

.headers .descLeft h2,
.headers .descRight h2{
    display         : block;
    position        : relative;
    max-width       : calc(100% - 320px);
    margin          : 50px auto 0 auto;
} 


.headers h2 strong,
.headers h2 i{
    display         : block;
    font-style      : italic;
    font-weight     : 300; 
    opacity         : 0.7;
}

p a{
    color:#f40;
    font-weight: 600;
}

.headers h2 span{
    display         : block;
    margin-top      : 0px;
    filter          : brightness(200%);
    opacity         : 70%;
}

.headers p{ 
    margin-top      : 10px;
}

.headers img{ 
    display         : block; 
    width           : 100%; 
    max-width       : 280px; 
    float           : left; 
    padding-bottom  : auto;
    margin-top      : 40px;
}

.headers .descLeft,
.headers .descRight{
    padding:0;
    margin:-40px auto 0 auto;
}




.headers .descLeft,
.headers .descLeft h2{text-align: left; float:left; left: 15px;}
.headers .descLeft div p{text-align: left;}
.headers .descLeft img{float: left;} 

.headers .descRight,
.headers .descRight h2{text-align: right; float:right; right: 15px;}
.headers .descRight div p{text-align: right;}
.headers .descRight img{float: right; } 


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

.headers > div > div{
        float           : left;
        text-align      : left;
        width           : 50%;
        max-width       : 50%;
    }

    .headers img, 
    .headers .descLeft img,
    .headers .descRight img{
        margin-left     : 0; 
        margin-right    : 0; 
        width           : 50%; 
        max-width       : 48%;
        margin-bottom   : -20px; 
        border          : 0px solid
    } 

    .headers .descLeft h2,
    .headers .descRight h2{
        
        margin-top      : 50px;
        margin-bottom   :-60px;
        max-width       : 50%;
    }

    .headers .descRight h2{
        padding-left: 15px;
    }

    .headers p, 
    .headers h2, 
    .headers .descLeft div p,
    .headers .descLeft h2,
    .headers .descRight div p,
    .headers .descRight h2{
        margin-top      : 20px; 
        display         : block;
        text-align      : left;
    }

}


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


    .headers > div > div{
        float           : left;
        text-align      : left;
        width           : 100%;
        max-width       : 100%;
    }

    .headers img, 
    .headers .descLeft img,
    .headers .descRight img{
        float           : left; 
        margin-left     : 0; 
        width           : 100%; 
        max-width       : 360px;
        margin-bottom   : -20px; 
        border          : 0px solid
    } 

    .headers .descRight h2{
        padding-left: 0;
    }

    .headers p, 
    .headers h2, 
    .headers .descLeft div p,
    .headers .descLeft h2,
    .headers .descRight div p,
    .headers .descRight h2{
        float           : left; 
        margin-top      : 20px; 
        text-align      : left; 
        display         : block;
    }

    .headers .descLeft div p,
    .headers .descRight div p{
        margin-top      : 10px; 
    }

    .headers .descLeft h2,
    .headers .descRight h2{
        margin-left     : 30px; 
        margin-top      : 50px;
        margin-bottom   :-60px;
        max-width       : 100%;
    }

    .headers .descLeft h2{
        margin-left     : 0px;
    }

}




/*---------------------------------------------------------------------------------------------------
 TABS
----------------------------------------------------------------------------------------------------- */

.tabs {
  list-style          : none;
  display             : flex;
  flex-flow           : row wrap;
  justify-content     : flex-start;
  border-radius       : 10px;
  margin              : 10px;
}

.tabs:after {
  content             : "";
  display             : table;
  clear               : both;
}

.tabs input[type="radio"] {
  display             : none;
}

.tabs label {
  display             : inline-block;
  text-align          : center;
  cursor              : pointer;
  min-width           : 25%;
  flex                : 1 1 25%;
  margin              : 10px 10px -10px 10px;
  border-radius       : 10px;
  -webkit-transition  : all 0.5s; /* Safari 3.1 to 6.0 */
  transition          : all 0.5s;
}

.tabs label:hover {
  /*
  background    : var(--background-color-bgMenu);
  filter        : brightness(130%);*/
}

.tabContent {
  display             : none;
  width               : 100%;
  margin              : 0 auto;
  box-sizing          : border-box;
  margin-top          : 2rem;
  border-bottom-left-radius : 10px; 
  border-bottom-right-radius : 10px; 
}

.tabContent p{
  margin-left       : 10px;
  margin-right      : 10px;
  display           : inline-block;
  position          : relative;
}

.tabContent h3,
.tabContent h4,
.tabContent h5,
.tabContent h6{
  margin            : 15px 10px 20px 10px;
}

.tabContent * {
  -webkit-animation : scale 0.4s ease-in;
  -moz-animation    : scale 0.4s ease-in;
  animation         : scale 0.4s ease-in;
}


.col-25,
.col-33,
.col-50,
.col-66,
.col-75,
.col-100{
  float             : left;
  box-sizing        : border-box !important;
}

.col-25{width: 25%;}
.col-33{width: 33.33%;}
.col-50{width: 50%;}
.col-66{width: 66.66%;}
.col-75{width: 75%;}
.col-100{width: 100%;}

@media screen and (max-width: 520px) {
  .col-25,
  .col-33,
  .col-50,
  .col-66,
  .col-75,
  .col-100{
      width: 100%;
      float: none;
  }    
}

@keyframes scale {
  0% {
    /*transform: scale(0.9);*/
    opacity: 0;
  }
  50% {
    /*transform: scale(1.01);*/
    opacity: 0.5;
  }
  100% {
    /*transform: scale(1);*/
    opacity: 1;
  }
}

.tabs [id^="tab"] + label .svgMenu {
  -webkit-transition  : all 0.5s; /* Safari 3.1 to 6.0 */
  transition          : all 0.5s;
}

.tabs [id^="tab"]:checked + label .svgMenu {
  background    : var(--background-color-bgMenu);
  filter        : brightness(120%);
  border        : 1px dashed #fff;
}


#tab1:checked ~ #tabContent1,
#tab2:checked ~ #tabContent2,
#tab3:checked ~ #tabContent3{
    display     : block;
}



/*---------------------------------------------------------------------------------------------------
 CARDS
----------------------------------------------------------------------------------------------------- */

.card{
  position            : relative;
  height              : auto;
  float               : left;
  width               : calc(33.33% - 22px);
  /*background        : linear-gradient(-45deg, #0847fe,#ae3ffe);*/
  border-radius       : 10px;
  padding             : 40px 20px;
  margin              : 15px 22px 15px 0;
  text-align          : center;
  overflow            : hidden;  
  -webkit-transition  : .4s;
  transition          : .4s;
  -webkit-box-shadow  : 0 5px 10px rgba(0,0,0,.2) ;
          box-shadow  : 0 5px 10px rgba(0,0,0,.2) ;
}

.card:hover{
  -webkit-transform   : scale(1.07);
          transform   : scale(1.07);
}

.card::before{
  content             : '';
  position            : absolute;
  bottom              : 0;
  left                : 0;
  width               : 100%;
  height              : 39%;
  background          : rgba(255, 255, 255, .1);
  z-index             : 1;
  -webkit-transform   : skewY(-5deg) scale(1.5);
          transform   : skewY(-5deg) scale(1.5);
}

.card .title svg{
  color               : var(--background-color-bgMenu);
  font-size           : 60px;
  width               : 100px;
  height              : 100px;
  border-radius       : 50%;
  text-align          : center;
  display             : block;
  margin              : 0 auto;
  line-height         : 100px;
  -webkit-box-shadow  : 0 10px 10px rgba(0,0,0,.1) ;
          box-shadow  : 0 10px 10px rgba(0,0,0,.1) ;
}

.card .title h3 {
  position            : relative;
  margin              : 20px 0 0;
  padding             : 0;
  color               : #fff;
  font-size           : 28px;
  z-index             : 2;
  display             : inline;
}

.card .price,.option{
  position            : relative;
  z-index             : 2;
}

.card .price h4 {
margin                : 0 0 0 -20px;
padding               : 20px 0 ;
color                 : #fff;
font-size             : 60px;
}

.card .price h4 span{
  padding-right       : 5px;
  font-size           : 20px;
  font-weight         : 600;
  display             : inline;
}

.card .option ul {
  margin              : 0;
  padding             : 0;
}

.card .option ul li {
margin                : 0 0 10px;
padding               : 0;
list-style            : none;
color                 : #fff;
font-size             : 16px;
}

.card .option ul li svg{
  width               : 30px !important;
  height              : 30px !important;
  min-width           : 30px !important;
  min-height          : 30px !important;
  padding             : 2px;
  margin-top          : -5px;
  margin-right        : -4px;
  background          : none;
}

.card a {
  position            : relative;
  z-index             : 2;
  background          : #fff;
  color               : black;
  width               : 150px;
  height              : 40px;
  line-height         : 40px;
  border-radius       : 40px;
  display             : block;
  text-align          : center;
  margin              : 20px auto 0;
  font-size           : 16px;
  cursor              : pointer;
  -webkit-box-shadow  : 0 5px 10px rgba(0, 0, 0, .1);
          box-shadow  : 0 5px 10px rgba(0, 0, 0, .1);

}

.card a:hover{
    text-decoration   : none;
}

@media screen and (max-width: 800px) {
  .card{
    float         : none;
    width         : calc(100% - 20px);
    margin-bottom : 30px;
  }
}

/*---------------------------------------------------------------------------------------------------
 FAQ
----------------------------------------------------------------------------------------------------- */

.faq{
    border-radius       : 10px;
    counter-reset       : faq-counter; /* Inicializa o contador */
    padding             : 20px 0 !important;
}

#faq .headers{
    text-align          : left;
    margin-top          : -50px;
}

#faq .headers h2:before{
    content             : " ? ";
    font-weight         : bold;   
    background-color    : var(--background-color-bgMenu);
    color               : var(--color-bgMenu);
    border-radius       : 50%; 
    width               : 1.2em; 
    height              : 1.2em; 
    display             : inline-flex; 
    align-items         : center; 
    justify-content     : center; 
    text-align          : center; 
    margin              : 10px 10px 10px -7px;
    position            : relative; /* Posicionamento absoluto para não afetar o layout do texto */
    left                : 0; /* Alinha à esquerda do elemento pai */
    top                 : 0; /* Alinha ao topo do elemento pai */
}

.faq h3{
    margin              : -2px 0;
    padding             : 18px 20px 18px 52px;
    border-radius       : 10px;
    width               : 100%;
    display             : inline-block;
    cursor              : pointer; /* Muda o cursor para indicar ação */
    font-size           : 1em;
    position            : relative;
}

.faq h3::before {
    counter-increment   : faq-counter; /* Incrementa o contador para cada pergunta */
    content             : counter(faq-counter) " ";
    font-weight         : bold;   
    background-color    : var(--background-color-bgMenu);
    color               : var(--color-bgMenu);
    border-radius       : 50%; 
    width               : 1.8em; 
    height              : 1.8em; 
    display             : inline-flex; 
    align-items         : center; 
    justify-content     : center; 
    text-align          : center; 
    margin              : 15px;
    position            : absolute; /* Posicionamento absoluto para não afetar o layout do texto */
    left                : 0; /* Alinha à esquerda do elemento pai */
    top                 : 0; /* Alinha ao topo do elemento pai */

}

.faq h3 + div {
    max-height          : 0;
    overflow            : hidden;
    transition          : max-height 0.3s ease-in-out;
}

.faq h3.active + div {
    max-height          : 500px; /* Um valor suficientemente grande para cobrir o conteúdo */
}

.faq h3:hover{
    filter: brightness(110%);
}

.faq ul{width : 100%;}
.faq ul li{ padding-bottom:10px;}
.faq ul li p{ padding: 10px 10px;}
/*
.faq ul li p a{text-decoration: none; color:#f80; display: inline; margin:0; padding:0; background: none; border:none; height: :0;}
.faq ul li p a:link {text-decoration: none;}
.faq ul li p a:hover {text-decoration: none; }
*/

/*---------------------------------------------------------------------------------------------------
 STAR
----------------------------------------------------------------------------------------------------- */

.stars{
    display: block;
    margin:0 auto;
    left:0;
    right: 0;
}

.stars svg{
    width           : 30px;
    height          : 30px;
    min-width       : 30px;
    margin          : 0;
    padding         : 0;
    box-shadow      : 0 0 0 0px rgba(0, 0, 0, 0.1);
    background      : none;
}

.stars span{
    position        : relative;
    display         : inline-block;
    top             : -5px;
}

.stars div{
    text-align      : left;
    display         : inline-block;
    float           : left;
    width           : 20%;
    min-width       : 230px; 
}

.stars div svg{
    float           : left;
}

.stars div h3{
    margin-top      : 0;
    margin-bottom   :-20px;
}

.icon {
     display        : inline-block;
     width          : 3.2em;
     height         : 3.2em;
     stroke-width   : 0;
     stroke         : currentColor;
     fill           : currentColor;
     color          : #FFE423;
     padding-left   : 20px;
}





@media screen and (max-width: 720px) {
    .stars div{
        width: 100%;
    }

}



/*---------------------------------------------------------------------------------------------------
 SVG
----------------------------------------------------------------------------------------------------- */

svg.svg-pequeno{
    display         : inline;
    width           : 30px;
    height          : 30px;
    min-height      : 30px;
    min-width       : 30px;
    padding         : 0;
    margin          : 0 10px 0 0;
    border          : none;
    box-shadow      : inherit;
    vertical-align  : middle;
    /*background      : inherit;*/
}

svg.svg-medio{
     width          : 120px;
     height         : 120px;
     padding        : 0;
     margin         : 0;
}

svg.svg-grande{
     width          : 150px;
     height         : 150px;
}

svg.svg-min{
     width          : 30px;
     height         : 30px;
}

svg.noborder{
    width           : 40px;
    height          : 40px;
    margin          : 0;
    border          : none;
    box-shadow      : inherit;
    vertical-align  : middle;
}

svg{
  display           : inline-block;
  width             : 66px;
  height            : 66px;
  min-height        : 66px;
  min-width         : 66px;

  stroke-width      : 0;
  margin            : 20px;
  padding           : 6px;
  border-radius     : 50%;
  stroke            : currentColor;
  fill              : currentColor;
  background        : #026;
  color             : #fff;
  /*box-shadow: 0 0 0 16px rgba(0, 34, 102, 0.1);*/
  box-shadow        : 0 0 0 16px rgba(0, 0, 0, 0.08);
  cursor            : pointer;
}


/*---------------------------------------------------------------------------------------------------
 SHARE
----------------------------------------------------------------------------------------------------- */

.share {
     display            : block;
     margin             : 25px auto;
     -webkit-transition : opacity 0.2s ease-in-out;
     -moz-transition    : opacity 0.2s ease-in-out;
     transition         : opacity 0.2s ease-in-out;
}
.share + span{
    width: 100%;
}
.share a{
    display             : inline-block;
    padding             : 0px;
    margin              : 2px;
    border              : none;
    box-shadow          : none;
    border-radius       : 50%; 

    -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{
    display             : inline;
    width               : 50px;
    height              : 50px;
    min-height          : 50px;
    min-width           : 50px;
    padding             : 5px;
    margin              : 0;
    border              : 0px solid #ffffff33;
    box-shadow          : none;

    -webkit-transition : filter 0.2s ease-in-out;
    -moz-transition    : filter 0.2s ease-in-out;
    transition         : filter 0.2s ease-in-out;
}


.share a.shareSocial{               border: 0px solid #ffffff66;}
.share a:hover.shareSocial svg{     filter: brightness(160%);}

.shareFixed {
     pointer-events     : inherit;
     display            : block;
     opacity            : 1;
}



/*---------------------------------------------------------------------------------------------------
 WHATSAPP
----------------------------------------------------------------------------------------------------- */

.flutuante-whatsapp, 
.flutuante-whatsapp:hover{
    position        : fixed;
    width           : 86px;
    height          : 86px;
    bottom          : 30px;
    right           : 30px;
    padding         : 10px !important;
    border-radius   : 50%;
    box-shadow      : 5px 5px 10px #00000066;
    z-index         : 1000;
}

.flutuante-whatsapp svg{ 
    height          : 65px; 
    widht           : 65px; 
    margin          : 0px;
    box-shadow      : none;
}


@media screen and (max-width: 520px) {
    .flutuante-whatsapp, 
    .flutuante-whatsapp:hover{
        bottom          : 10px;
        right           : 10px;
    }
}


/*---------------------------------------------------------------------------------------------------
  SITEMAPS
----------------------------------------------------------------------------------------------------- */

.sitemaps{

}

.sitemaps a{
    display: block;
    width: 100%;
    margin:0px;
    padding:10px;
    border-radius: 10px;
    background: inherit;
    font-weight: 500;
}

.sitemaps a:hover{
    filter: brightness(110%);
}


.sitemaps h3, .sitemaps h4{
    text-indent: 0px;
    font-size: 17px;
    padding:10px;
    border-radius: 10px;
    background: #ffffff66;}

.sitemaps h3{
    background: #ff3d00;
    color:#fff;
    margin: 20px 0 !important;
    padding-left: 10px !important;
}

/*---------------------------------------------------------------------------------------------------
  SCROLLING REGIÕES
----------------------------------------------------------------------------------------------------- */

.scrolling {
  scrollbar-width: thin;
  scrollbar-color: #fff;
  overflow-y: auto; 
  max-height: 640px;
}

.scrolling ul li{
    display: inline;
}

/* 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;
}


/*---------------------------------------------------------------------------------------------------
  FOOTER
----------------------------------------------------------------------------------------------------- */

footer:last-of-type{
    padding     : 60px 0 0;
}

footer ul > li{
    margin-bottom:5px;
}


ul > li > .svg-pequeno + a:link, 
ul > li > .svg-pequeno + a:visited, 
ul > li > .svg-pequeno + a{
    display         : inline; 
    font-weight     : 400; 
}

footer span{
    display: inline-block;
} 

.maps{
    margin:10px 10px 10px 0; 
    border-radius: 10px;
}




/*---------------------------------------------------------------------------------------------------
  SCHEMAS
----------------------------------------------------------------------------------------------------- */


.rc-purple{     color: #738; background: #faf6fc; border: 1px dashed #741d8280;}
.rc-lilas{      color: #924; background: #fdf0f8; border: 1px dashed #9c174780;}
.rc-pink{       color: #c26; background: #fff2f2; border: 1px dashed #c4213f80;}
.rc-red{        color: #c30; background: #fff6f2; border: 1px dashed #cc272780;}
.rc-orange{     color: #b40; background: #fffaf0; border: 1px dashed #d0500080;}
.rc-yellow{     color: #960; background: #ffffea; border: 1px dashed #755f0080;}
.rc-yellowgreen{color: #570; background: #f6fdf0; border: 1px dashed #507d1180;}
.rc-green{      color: #172; background: #F0FCF0; border: 1px dashed #306d1180;}
.rc-greenblue{  color: #063; background: #f0ffff; border: 1px dashed #1a9aa080;}
.rc-bluegreen{  color: #068; background: #f0fcff; border: 1px dashed #1aaad080;}
.rc-blue{       color: #059; background: #f0faff; border: 1px dashed #12569180;}
.rc-bluepurple{ color: #346; background: #f0faff; border: 1px dashed #12569180;}
.rc-grey{       color: #333; background: #fafafa; border: 1px dashed #33333380;}
.rc-greylight{  color: #666; background: #efefef; border: 1px dashed #33333380;}
.rc-brown{      color: #622; background: #faf6f6; border: 1px dashed #60202080;}
.rc-brownlight{ color: #652; background: #fcfaf8; border: 1px dashed #60502080;}
.rc-white{ color: #666; background: #fff; border: 1px dashed #40404080;}

.invert.rc-purple{    background: #85d; color: #fff;}
.invert.rc-lilas{     background: #c3b; color: #fff;}
.invert.rc-pink{      background: #e38; color: #fff;}
.invert.rc-red{       background: #f42; color: #fff;}
.invert.rc-orange{    background: #f60; color: #fff;}
.invert.rc-yellow{    background: #eb0; color: #fff;}
.invert.rc-yellowgreen{background: #7a0; color: #fff;}
.invert.rc-green{     background: #3b1; color: #fff;}
.invert.rc-greenblue{ background: #0b9; color: #fff;}
.invert.rc-bluegreen{ background: #009fb6; color: #fff;}
.invert.rc-blue{      background: #08c; color: #fff;}
.invert.rc-bluepurple{background: #369; color: #fff;}
.invert.rc-grey{      background: #333; color: #fff;}
.invert.rc-brown{     background: #622; color: #fff;}
.invert.rc-brownlight{     background: #753; color: #fff;}
.invert.rc-white{     background: #333; color: #fff;}


.shadow.rc-purple{      background: #945dd240;}
.shadow.rc-lilas{       background: #d6008440;}
.shadow.rc-pink{        background: #fa408940;}
.shadow.rc-red{         background: #FC510740;}
.shadow.rc-orange{      background: #Ff861040;}
.shadow.rc-yellow{      background: #f9bc0040;}
.shadow.rc-yellowgreen{ background: #a8c70A40;}
.shadow.rc-green{       background: #48b61A40;}
.shadow.rc-greenblue{   background: #0DBDBD40;}
.shadow.rc-bluegreen{   background: #0DAADD40;}
.shadow.rc-blue{        background: #239aef40;}
.shadow.rc-bluepurple{  background: #1090e040;}
.shadow.rc-grey{        background: #33333340;}
.shadow.rc-brown{       background: #60202040;}
.shadow.rc-brownlight{       background: #60502040;}


.rc-light::after{
  content:'';
  background: rgba(255,255,255, 0.5);
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* ----------------------------------- TABELA DE blocoSchema ----------------------------------------------- */

.blocoSchema{
  width: calc(100% - 10px);

  /*
  background: var(--background-color-bgMenu);
  border-radius: 10px;*/
}

  .blocoSchema h3{
    font-size: 1.4em;
    padding:10px;
    background: #fff;
    color: var(--background-color-bgMenu);
    border-radius: 10px;
  }
  .blocoSchema h4 {
    font-size: 1.2em;
  }
  .blocoSchema h5 {
    font-size: 1em;
  }

  .blocoSchema strong{
    font-weight: 600;
  }

  .blocoSchema .blocoInfo h5,
  .blocoSchema .blocoInfo span strong{
    display: block;
    margin-top: 10px;
    margin-bottom:0;
    font-weight: 600;
  }

  .blocoSchema ul {
      list-style-type:disc;
      text-align: left; 
      border: 0 solid;
      padding: 0px 10px;}

  .blocoSchema ol {
      text-align: left; 
      border: 0 solid;
      padding: 0px 10px 0 13px;}

    .blocoSchema ol li, 
    .blocoSchema ul li{ 
      margin: 0 15px 0 5px;}

  .blocoSchema .blocoDesc,
  .blocoSchema .blocoInfo{
    padding: 25px;
  border-radius: 10px;
  }

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

}



/*---------------------------------------------------------------------------------------------------
  DIA E NOITE
----------------------------------------------------------------------------------------------------- */

/* Estilo base do artigo */
.article, .bg0 {
    background-color: white;
    /*color: black;*/
    /*padding: 0px;*/
    transition: background-color 0.3s ease, color 0.3s ease;
}

.article.dark-mode {
  background-color: #262a2f;
  color: #e0e6e9;
}

/* Estilos para o modo escuro apenas na classe .article, .bg0 */
.theme-switch:checked ~ .article,
.theme-switch:checked ~ .bg0 {
    background-color: #262a2f;
    color: #e0e6e9;
}

/* Menu flutuante */
.theme-toggle {
    position: fixed;
    bottom: 15px;
    left: 10px;
    z-index: 999;
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    background: #262a2f;
    
    /* Esconder inicialmente com animação */
    opacity: 0; /* Botão invisível no início */
    visibility: hidden; /* Garante que o botão não ocupe espaço */
    transition: opacity 0.5s ease, visibility 0.5s ease; /* Transição de fade-in/fade-out */
}

/* Ícone da lâmpada */
.theme-label::before {
    content: '🔅'; /* Lâmpada apagada */
}

.theme-switch:checked + .theme-toggle .theme-label::before {
    content: '💡'; /* Lâmpada acesa */
}

/* Esconder checkbox */
.theme-switch {
    display: none;
}

/* Classe para mostrar o botão com animação */
.theme-toggle.visible {
    opacity: 1; /* Fade-in: botão visível */
    visibility: visible; /* Torna o botão visível */
}





/*---------------------------------------------------------------------------------------------------
  TEMA
----------------------------------------------------------------------------------------------------- */

.bg0{background: #FFFFFF; color:#234;}
.bg10{background-color: rgba(0,0,0,0.2); color:#ffffffdd;}  /* cinza claro     */
.bgdescription{background: #002f8c00; border:0px solid #ffffff22 !important;}
.bgNone{background: none;}


.bg1{ background: #e8eef2; color: #234;}
.bg2{ background: #e6ecef; color: #234;}
.bg3{ background: #e3e8eb; color: #234;}

.bg1{ background: #bfdfff; color: #234;}


.bgClarinhoAzul{ background: #ceefff; color: #234;}
.bgClarinhoLaranja{ background: #f9ddd6; color: #234;}
.bgClarinhoCinza{ background: #d1d9e2; color: #234;}


/*----------------------------------------------
 TROCAR AQUI
---------------------------------------------- */

.bgTopo{ background: #fcf1de; color: #241d09;}
.bgSection1{ background: #fcf1de; color: #241d09;}
.bgDepoimentos{ background: #fcf1de; color: #241d09;}
.bgContato{ background: #fcf1de; color: #241d09;}
.bgFAQ{ background: #fcf1de; color: #241d09;}
.svgTopo{ background: #fcf1de; color: #241d09;}
.butTopo{ background: #241d09; color: #fcf1de !important;}
.bgMenu{ background: #ff3d00; color: #fbe9e7;}
.bgSection2{ background: #ff3d00; color: #fbe9e7;}
.bgSobre{ background: #ff3d00; color: #fbe9e7;}
.svgMenu{ background: #ff3d00; color: #fbe9e7;}
.butMenu{ background: #fbe9e7; color: #ff3d00 !important;}
.bgBanner{ background: #39231f; color: #efebe9;}
.bgSection3{ background: #39231f; color: #efebe9;}
.bgPrecos{ background: #39231f; color: #efebe9;}
.bgRegioes{ background: #39231f; color: #efebe9;}
.bgFooter{ background: #39231f; color: #efebe9;}
.svgBanner{ background: #39231f; color: #efebe9;}
.svgFooter{ background: initial; color: #efebe9;}
.butBanner{ background: #efebe9; color: #39231f !important;}
.etextBanner{ background: initial; color: #39231f;}
:root{ background: ; color: ;}
.bgBanner{ background: #0047b5; color: #e8eef6;}
.bgSection3{ background: #0047b5; color: #e8eef6;}
.bgPrecos{ background: #0047b5; color: #e8eef6;}
.bgRegioes{ background: #0047b5; color: #e8eef6;}
.bgFooter{ background: #0047b5; color: #e8eef6;}
.svgBanner{ background: #0047b5; color: #e8eef6;}
.svgFooter{ background: none; color: #e8eef6;}
.butBanner{ background: #e8eef6; color: #0047b5;}
.etextBanner{ background: none; color: #0047b5 !important;}
:root{ --background-color-bgMenu: #ff3d00; --color-bgMenu: #fbe9e7; }