/* Tablets (entre 768px e 1023px) */
@media (max-width: 1023px) and (min-width: 768px) {

    /* Utilitários */
    .break {
        display: none;
    }

   .hideThis{
        display: none;
    }

    .container-ext,
    .container,
    .col-6 {
        max-width: 100% !important;
        flex-direction: column !important;
    }

h1 {
  font-size: 2.5rem;
  line-height: 39px;
}

h2 {
  font-size: 2.1rem;
}

p {
  font-size: 1rem;
}    

    /* Header */
    header .container .row {
        justify-content: space-around;
    }

    /* ----------- Header & Menu ----------- */
    header .container.menuDesk {
        display: none;
    }

    header .menuMobile {
        display: block;
        position: relative;
    }

    header .menuMobile .fa.fa-bars {
        top: 20px;
        right: 25px;
        font-size: 1.6rem;
        position: absolute;
    }

    .menuMobile {
        /* background-color: red; */
        width: 100%;
        position: relative;
    }

    .btn-topo-mobile {
        top: 15px;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        padding: 12px;
    }

    /* ----------- Logo ----------- */
    .logoHome {
        display: none;
    }

    .logoHome-Mobile {
        display: flex;
        justify-content: center;
    }

    .logoHome-Mobile.col-3 {
        max-width: 45px;
        padding: 5px;
    }

    .logoHome-Mobile img {
        width: 40px;
    }

    /* Main */
    main.container-ext {
        align-items: flex-start;
        flex-direction: column;
        min-height: 100px;
    }

    /* Home */
    .home.container-ext {
        height: auto;
        align-items: flex-start;
    }

    .home.container-ext .container {
        overflow-y: hidden;
        margin-bottom: -40px;
    }

    .home .col.areaTxt {
        padding: 0 0 40px 20px;
    }    

    .home.container-ext .container .row {
        padding: 0;
        justify-content: space-between;
    }

    .home.container-ext .container .row .col-6.areaTxt {
        padding: 0 20px;
    }

    .home.container-ext .container .row .col-6.areaTxt p br {
        display: none;
    }

    /* Infos */
    .infos.container-ext {
        margin: 40px 0 ;
    }

    .infos.container-ext .container {
        text-align: center;
    }

    .infos.container-ext .row {
        flex-direction: row;
        margin: auto;
        width: 90%;
    }

    .infos.container-ext .areaTxt p {
        font-size: 1rem;
    }    

    .infos.container-ext .areaTxt h2,
    .infos.container-ext .areaTxt p {
        text-align: left;
    }

    .infos.container-ext .container .row .col-6.areaTxt h2,
    .infos.container-ext .container .row .col-6.areaTxt .row,
    .infos.container-ext .container .row .col-6.areaTxt p{
        margin: 0 15px;
    }

    .infos.container-ext .areaTxt h2 br,
    .infos.container-ext .areaTxt p br {
        display: none;
    }

    .infos.container-ext .areaImg,
    .infos.container-ext .areaTxt {
        width: 100%;
    }

    .infos.container-ext .container .row .col-6.areaTxt .btnDesk {
        display: block;
        position: absolute;
        bottom: -50px;
        left: 10px;
        padding: 10px 15px;
    }

    .infos.container-ext .areaTxt .topico {
        text-align: left;
    }

    .infos.container-ext .areaImg {
        overflow-y: hidden;
        height: calc(max-content - 40px);
    }

  .infos.container-ext .areaImg { display: none; } 
  
  .infos.container-ext .conteudoTxtImg{
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    margin: 0;
    padding: 0;
  }
  
  .infos.container-ext .areaImgMobile {
     display: block;
     max-width: 35%;
     } 
    
    .infos.container-ext .areaTxt{
        min-width: 65%;
    } 

  .infos.container-ext .areaImg img {
        display: block;
        margin: 0 0 40px;
        max-width: 400px;
    }

.diferenciais.container-ext .container .row h2 {
    margin: 30px auto;
}    

    /* Etapas Processo */
    .etapasProcesso.container-ext {
        margin: 0 0 60px;
    }

    .etapasProcesso.container-ext .container .row.col-10 {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .etapasProcesso.container-ext .container .row.col-12 h2 {
        margin: auto;
        margin-bottom: 40px;
        padding: 0;
    }

    .etapasProcesso.container-ext .container .row.col-10.areaImgDesk {
        justify-content: center;
        padding: 0;
        margin: auto;
    }

    .diferenciais.container-ext .container .row.areaTabela.desk img{
        width: 100%;
        max-width: 600px;
    }

    /* Confiança */
    .confianca.container-ext {
        padding: 40px 0;
    }

    .confianca.container-ext .container {
        padding: 0 20px;
        margin: 0;
        width: 100%;
    }

    .confianca.container-ext .infosConfianca h4{
        font-size: 1.1rem;
        justify-content: center;
        text-align: center;
    }

    .confianca.container-ext .infosConfianca .dado {
        width: 200px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .confianca.container-ext .container .row.col-9.infosConfianca {
        margin: auto;
        padding: 0;
        flex-direction: row;
        max-width: 100%;
        text-align: center;
    }

    .confianca.container-ext .container .row.col-8.infosConfianca .dado br {
        display: none;
    }

    /* ----------- Perguntas ----------- */
    .perguntas.container-ext {
        padding: 40px 20px 0;
    }

    .perguntas.container-ext h2 {
        text-align: center;
    }

    .perguntas.container-ext .container .row.col-9 {
        min-width: 100%;
    }    


    /* Depoimentos */

.depoimentos.container-ext .container .carousel .carousel-cell .comentarios.row .comentario{
    margin: 0 10px;
    min-width: 100px;
    height: 300px;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    padding: 15px 10px;
}
.depoimentos.container-ext .container .carousel .carousel-cell .comentarios.row .comentario h3{
    font-size: 1.3rem;
}

    /* Especialista */
    .especialista.container-ext {
        margin: 0;
        padding: 0;
        height: auto;
    }

    .especialista.container-ext .container .row.col-7 {
        padding: 15px 20px;
        flex-direction: row;
        max-width: 100%;
        overflow-y: hidden;
        margin-bottom: -25px;
    }

    .especialista.container-ext .container .row.col-7 .col-6 {
        width: 50%;
    }

    /* ----------- Sitemap ----------- */
    .container-ext.siteMap {
        padding: 20px;
    }

    .container-ext.siteMap .container .row.areaLogo {
        display: none;
    }

    .container-ext.siteMap .container .container.col-10 .row {
        justify-content: space-evenly;
        gap: 0;
    }

    .container-ext.siteMap .container .container.col-10 .row .column {
        min-width: 170px;
        margin: 0;
        padding: 0;
        gap: 0px;
    }

    .container-ext.siteMap .container .container.col-10 .row .column h3 {
        margin-bottom: 5px;
    }

    .container-ext.siteMap .container .container.col-10 .row .col-3.column.footerMenu {
        padding: 0;
    }

    .container-ext.siteMap .container .container.col-10 .row .col-3.column.col-3.column.areaContato i {
        display: none;
    }

    .container-ext.siteMap .container .container.col-10 .row .col-3.column.col-3.column.areaContato {
        font-size: 0.8rem;
    }

    .container-ext.siteMap .container .row.areaConteudo .socialMedia .col-12.socialLinks .row.col-6 {
        min-width: 70%;
        flex-direction: row !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
    }

    .container-ext.siteMap .container .row.areaConteudo .socialMedia .col-12.socialLinks .row.col-6 .col {
        width: 30px;
        justify-content: flex-start;
        text-align: left;
    }

.container-ext.siteMap .areaConteudo{
    margin: 0;
    gap: 20px;
}

    .container-ext.siteMap .container .row i {
        display: none;
    }

    /* ----------- Rodapé ----------- */
    .container-ext .rodape {
        justify-content: space-around;
    }

    footer .container-ext.rodape .container .row {
        flex-wrap: wrap;
        padding: 10px 15px;
    }

    footer .container-ext.rodape .col-6 {
        min-width: 100%;
        justify-content: center;
        text-align: center;
    }

    /* ----------- Social Link ----------- */
    .logoSocialLink {
        display: block;
        margin-bottom: 20px;
    }

}






























/* Smartphones (até 767px) */
@media (max-width: 767px) {

    /* ----------- Utilitários ----------- */
    .break {
        display: block;
    }

    .container-ext,
    .container,
    .col-6 {
        max-width: 100% !important;
        flex-direction: column !important;
    }

    h1 {
        font-size: 2.3rem;
        line-height: 32px;
    }

    /* ----------- Header & Menu ----------- */
    header .container.menuDesk {
        display: none;
    }

    header .menuMobile {
        display: block;
        position: relative;
    }

    header .menuMobile .fa.fa-bars {
        top: 20px;
        right: 25px;
        font-size: 1.6rem;
        position: absolute;
    }

    .menuMobile {
        /* background-color: red; */
        width: 100%;
        position: relative;
    }

    .btn-topo-mobile {
        top: 15px;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        padding: 12px;
    }

    /* ----------- Logo ----------- */
    .logoHome {
        display: none;
    }

    .logoHome-Mobile {
        display: flex;
        justify-content: center;
    }

    .logoHome-Mobile.col-3 {
        max-width: 45px;
        padding: 5px;
    }

    .logoHome-Mobile img {
        width: 40px;
    }

    /* ----------- Main ----------- */
    main.container-ext {
        align-items: flex-start;
        flex-direction: column;
        min-height: 100px;
    }

    /* ----------- Home ----------- */
    .home.container-ext {
        height: auto;
        align-items: flex-start;
    }

    .home.container-ext .container {
        overflow-y: hidden;
        margin-bottom: -10px;
    }

    .home.container-ext .container .row .break{
        display: none;
    }

    .home.container-ext .container .row {
        flex-direction: column;
        padding: 0;
        justify-content: space-between;
        text-align: center;
    }

    .home.container-ext .container .row .col-6.areaTxt {
        padding: 0 20px;
        margin: 40px 0;
    }

    .home.container-ext .container .row .col-6.areaTxt p br {
        display: none;
    }

    .home .col.areaTxt {
        padding: 0 30px;
        margin: 40px auto 80px;
    }

    /* ----------- Infos ----------- */
    .infos.container-ext {
        margin: 0;
        padding: 40px 0 0;
    }

    .infos.container-ext .container {
        text-align: center;
    }

    .infos.container-ext .row {
        flex-direction: column-reverse;
        text-align: center;
        margin: auto;
        width: 90%;
    }

    .infos.container-ext .container .row .col-6.areaTxt h2 {
        margin: 0;
    }

    .infos.container-ext .container .row .col-6.areaTxt p,
    .infos.container-ext .container .row .col-6.areaTxt .row {
        margin: 10px 0 40px;
    }

    .infos.container-ext .container .row .areaTxt.col-6 {
        text-align: left;
        padding: 0;
    }

    .infos.container-ext .container .row .areaTxt.col-6 br {
        display: none;
    }

    .infos.container-ext .container .row .areaTxt.col-6 .topico {
        text-align: left;
        justify-content: flex-start;
        padding: 0;
    }

    .infos.container-ext .areaTxt h2 br,
    .infos.container-ext .areaTxt p br {
        display: none;
    }

    .infos.container-ext .container .row .col-6.areaTxt .btnDesk {
        display: none;
    }

    .infos.container-ext .areaImg {
        margin-top: 30px;
        overflow-y: hidden;
        height: calc(max-content - 40px);
    }

    .infos.container-ext .areaImg,
    .infos.container-ext .areaTxt {
        width: 100%;
    }

    .infos.container-ext .areaTxt .topico {
        text-align: center;
    }
    .infos.container-ext .areaTxt button.btnDesk {
        display: none;
    }
    .infos.container-ext .container .areaBtnMobile {
        justify-content: center;
    }
    .infos.container-ext .container button.btnMobile {
        display: block;
        align-items: center;
        justify-content: center;
        padding: 10px 15px;
        margin: 40px auto 0;
    }

    .infos.container-ext .areaTxt .row .col-12 .topico {
        justify-content: center;
        text-align: center;
    }

    .infos.container-ext .areaImg img {
        max-width: 400px;
    }

    /* ----------- Diferenciais ----------- */
    .diferenciais.container-ext .container .row h2 {
        margin: auto;
        text-align: center;
        margin-bottom: 40px;
    }

    .diferenciais.container-ext .container .row h2 .break {
        display: block;
    }

    .diferenciais.container-ext .container .row.areaTabela.desk {
        display: none;
    }

    .diferenciais.container-ext .container .row.areaTabela.mobile {
        display: block;
        margin: auto;
        margin-bottom: 40px;
        text-align: center;
        justify-content: center;
    }

    /* ----------- Etapas Processo ----------- */
    .etapasProcesso.container-ext {
        margin: 0 0 60px;
    }

    .etapasProcesso.container-ext .container .row.col-10 {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .etapasProcesso.container-ext .container .row.col-12 h2 {
        margin: auto;
        text-align: center;
        margin-bottom: 40px;
        padding: 0;
    }

    .etapasProcesso.container-ext .container .row.col-12 h2 .break {
        display: block;
    }

    .etapasProcesso.container-ext .container .row.col-10.areaImgDesk {
        display: none;
    }

    .etapasProcesso.container-ext .container .row.col-10.areaImgMobile {
        width: 300px;
        align-items: center;
        display: block;
        margin: auto;
    }

    .etapasProcesso.container-ext .container .row.col-10.areaImgMobile img {
        width: 100%;
        width: 300px;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }

    /* ----------- Confiança ----------- */
    .confianca.container-ext {
        padding: 40px 0;
    }

    .confianca.container-ext h2,
    .confianca.container-ext .infosConfianca {
        text-align: center;
        justify-content: center;
    }

    .confianca.container-ext .container {
        padding: 0 20px;
        margin: 0;
        width: 100%;
    }

    .confianca.container-ext .container .row h2 {
        margin: auto;
        margin-bottom: 30px;
        text-align: center;
    }

    .confianca.container-ext .infosConfianca .dado {
        align-items: center;
        margin: 10px 0;
    }

    /* ----------- Depoimentos ----------- */

    .depoimentos.container-ext .row h2 .break{
        display: block;
    }

    .container-ext.depoimentos .container .carousel {
        padding: 10px 0;
        width: 350px;
        height: 350px;
    }

    .container-ext.depoimentos .container .carousel .flickity-prev-next-button {
        display: none;
    }

    .container-ext.depoimentos .container .carousel .flickity-viewport {
        min-height: 330px;
    }

    .container-ext.depoimentos .container .carousel .carousel-cell {
        width: 255px;
        height: 200px;
        padding: 10px 0;
        margin: 0px;
    }

    .container-ext.depoimentos .container .carousel .carousel-cell .row.comentarios .comentario {
        height: 300px;
        overflow-y: auto;
    }

    .container-ext.depoimentos .container .carousel .carousel-cell .row.comentarios .comentario .row.nomeComentario h3 {
        font-size: 1.5rem;
    }

    .container-ext.depoimentos .container .carousel .carousel-cell .row.comentarios .comentario .txtComentario {
        font-size: 1rem;
    }

    /* ----------- Especialista ----------- */
    .especialista.container-ext {
        margin: 0;
        padding: 0;
        height: auto;
    }

    .especialista.container-ext .container .row.col-7 {
        padding: 35px 20px 0;
        flex-direction: column-reverse;
        min-width: 100%;
        overflow-y: hidden;
        margin-bottom: -25px;
    }

    .especialista.container-ext .container .row.col-7 .areaImg,
    .especialista.container-ext .container .row.col-7 .areaTxt {
        min-width: 100%;
        justify-content: center;
        text-align: center;
    }

    .especialista.container-ext .container .row.col-7 .areaTxt button {
        margin: 20px 0;
    }

    .especialista.container-ext .container .row.col-7 .areaImg {
        margin-top: 30px;
    }

    .especialista.container-ext .container .row.col-7 .col-6 {
        width: 50%;
    }

    /* ----------- Perguntas ----------- */
    .perguntas.container-ext {
        padding: 40px 20px 0;
    }

    .perguntas.container-ext h2 {
        text-align: center;
    }

    .perguntas.container-ext .container .row.col-9 {
        min-width: 100%;
    }

    /* ----------- Sitemap ----------- */
    .container-ext.siteMap {
        padding: 20px;
    }

    .container-ext.siteMap .container .row.areaLogo {
        display: none;
    }

    .container-ext.siteMap .container .container.col-10 .row {
        justify-content: space-evenly;
        gap: 0;
    }

    .container-ext.siteMap .container .container.col-10 .row .column {
        min-width: 170px;
        margin: 0;
        padding: 0;
        gap: 0px;
    }

    .container-ext.siteMap .container .container.col-10 .row .column h3 {
        margin-bottom: 5px;
    }

    .container-ext.siteMap .container .container.col-10 .row .col-3.column.footerMenu {
        padding: 0;
    }

    .container-ext.siteMap .container .container.col-10 .row .col-3.column.col-3.column.areaContato i {
        display: none;
    }

    .container-ext.siteMap .container .container.col-10 .row .col-3.column.col-3.column.areaContato {
        font-size: 0.8rem;
    }

    .container-ext.siteMap .container .row.areaConteudo .socialMedia .col-12.socialLinks .row.col-6 {
        min-width: 70%;
        flex-direction: row !important;
        align-items: center;
        justify-content: flex-start;
    }

    .container-ext.siteMap .container .row.areaConteudo .socialMedia .col-12.socialLinks .row.col-6 .col {
        min-width: 20%;
        justify-content: flex-start;
        text-align: left;
    }

    .container-ext.siteMap .container .row .col {
        min-width: 40%;
    }

    .container-ext.siteMap .container .row i {
        display: none;
    }

    /* ----------- Rodapé ----------- */
    .container-ext .rodape {
        justify-content: space-around;
    }

    footer .container-ext.rodape .container .row {
        flex-wrap: wrap;
        padding: 10px 15px;
    }

    footer .container-ext.rodape .col-6 {
        min-width: 100%;
        justify-content: center;
        text-align: center;
    }

    /* ----------- Social Link ----------- */
    .logoSocialLink {
        display: block;
        margin-bottom: 20px;
    }
}