@charset "UTF-8";

@media only screen and (min-width:320px) and (max-width:768px){
  /*=======================
    MOBILE GLOBAL ELEMENTS
  =========================*/
  html{
    width: 100vw;
    max-width: 100vw;
    overflow-x: hidden;
  }
  .creative-bg{
    background-image: none;
  }
  /*======================
    MOBILE LAOYUT CONTROL
  ========================*/
  .lyt-w{
    width: 100%;
  }
  /*====================
    MOBILE TEXT CONTROL
  ======================*/
  .hero-title,
  .banner__texto__titulo{
    text-align: center;
  }
  .banner__texto{
    width: 100%;
  }
  /*=========================
    MOBILE BACKGROUND CONTROL
  ==========================*/
  .mn-stripe.img-bg-rec-gray-40.img-bg-rec-gray-right{
    background-size: auto;
    background-position: 0 272px;
  }
  /*===============
    MOBILE MAIN NAV
  ================*/
  .main-nav{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    padding-bottom: 1rem;
    box-sizing: border-box;
    background-color: var(--white);
    z-index: 99999;
  }
  .mobile-main-nav-header,
  .mobile-nav-footer{
    position: relative;
    width: 100%;
    display: block;
  }
  .mobile-main-nav-header{
    height: 4.75rem;
    padding: 1rem;
    background-color: var(--color-primary);
    overflow: hidden;
    box-sizing: border-box;
    display: block;
  }
  .mobile-main-nav-header-filter{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: inherit;
    background-image: linear-gradient(to right, var(--color-primary), var(--color-secondary));
    mix-blend-mode: overlay;
    filter: grayscale(1);
  }
  .mobile-header-bg{
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    mix-blend-mode: overlay;
    display: block;
  }
  .mobile-main-nav-header > .main-logo{
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 40%;
    object-fit:contain;
    object-position: center;
    filter: brightness(200);
    z-index: 2;
    }
  .mobile-main-nav-footer{
    margin-top: 1rem;
    padding: 2.5rem 2rem;
    background-color: var(--medium-gray-ctrs);
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    display: flex;
  }
  /* MOBILE ICONS */
  .mobile-icon{
    width: 32px;
    height: 25px;
    text-indent: -9999px;
    background-image: var(--rec-sprite-mobile);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
  }
  .mobile-icon-hamburguer{
    background-position: 0 0;
  }
  .mobile-icon-arrowRight{
    background-position: -32px 0;
  }
  /* MAIN NAV MOBILE REESTRUTURA */
  .main-nav > .main-nav-list{
    margin: 0;
    padding: .75rem 2rem;
  }
  .main-nav > .main-nav-list > .menu-item{
    margin-bottom: .5rem;
    display: block;
  }
  .main-nav > .main-nav-list > .menu-item:last-of-type{
    margin-bottom: 0;
  }
  .main-nav > .main-nav-list > .menu-item > .menu-link{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-primary);
    justify-content: unset;
    align-items: unset;
    color: var(--color-primary);
    display: block;
  }
  .main-nav > .main-nav-list > .menu-item > .menu-link:hover,
  .main-nav > .main-nav-list > .menu-item > .menu-link:active{
    border-color: var(--color-secondary);
    color: var(--color-secondary);
  }
  .main-nav > .main-nav-list > .menu-item > .main-nav-submenu{
    top: 90%;
    left: 0;
    border-radius: 0 0 var(--card-bd-rds) var(--card-bd-rds);
    box-shadow: 2px 4px 4px rgba(0,0,0,.15);
    z-index: 99999;
  }
  /* MENU MOBILE ACTIONS */
  [data-menumobilebtn="open-menu"],
  [data-menumobilebtn="close-menu"]{
    position: absolute;
    right: 1rem;
  }
  /*================
  MOBILE HEADER NAV
  =================*/
  .hd-stripe > .lyt-w{
    flex-flow: column-reverse nowrap;
  }
  .hd-stripe .main-logo-box{
    width: 50%;
  }
  .hd-search,
  .hd-contact{
    width: 50%;
  }
  .hd-search{
    width: 100%;
    left: 0;
  }
  .hd-form{
    order: 1;
  }
  .hd-contact{
    order: 2;
  }
  .hd-contact-item:last-child > a{
    width: 100%;
  }
  .hd-contact-item.icon-with-text{
    padding-right: 0;
  }
  .hd-nav .icon-with-text > i[class^='icon-']{
    margin-right: .15rem;
  }
  .hd-contact-item:nth-child(1),
  .hd-contact-item:nth-child(2){
    margin-bottom: .15rem;
  }
  /*=========================
    MOBILE HERO BANNER
  ==========================*/
  .hero{
    height: 550px;
  }
  .main-logo-box{
    filter: brightness(200);
  }
  .hero-sl-mask{
    left: -1rem;
    right: auto;
    /* height: 320px; */
    height: 395px;
    mask-size: 154%;
    -webkit-mask-size: 154%;
    mask-position-x: -8rem;
    -webkit-mask-position-x: -8rem;
  }
  .hero-sl-box{
    width: 100%;
    top: 25vh;
    left: 0;
    padding: 0 .75rem;
    box-sizing: border-box;
  }
  /*=================
    MOBILE CONTENT
  ==================*/
  #wae{
    margin-bottom: 1rem !important;
  }
  #wwd{
    margin-bottom: .75rem !important;
  }
  .mn-title{
    margin-bottom: .5rem;
    font-size: 1.75rem;
    line-height: 1.55rem;
  }
  .mn-title.mn-title-adj{
    font-size: 1.75rem;
  }
  .mn-stripe-box-fullW > .mn-title.fl-l + .mn-text.fl-l{
    width: 100%;
  }
  .mn-simple-card:hover>.btn{
    display: flex;
  }
  .mn-stripe-box,
  .mn-stripe-box:nth-child(1),
  .mn-stripe-box.mg-r-0:nth-child(1),
  .mn-stripe-box:nth-child(2){
    width: 100% !important;
    margin: 1rem 0;
  }
  .mn-stripe.pd-b-14{
    margin-bottom: 2rem;
    padding-bottom: 1.5rem !important;
  }
  .mn-stripe-box.ord-first{
    order: unset;
    -webkit-order: unset;
  }
  .mn-stripe.img-bg-rec-gray.img-bg-rec-gray-left{
    background-position: -350px 0;
    background-size: 200%;
  }
  .mn-simple-card{
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,.15)
  }
  .mn-simple-card.pos-offset-y{
    top: auto;
  }
  .mn-simple-card:last-child{
    margin-bottom: 0;
  }
  .mn-media > *{
    width: 100%;
    height: auto;
  }
  #adv{
    height: auto;
    padding: .75rem 0;
  }
  .mn-adv-content.mn-stripe-box-halfW{
    width: 100% !important;
  }
  #bop{
    margin-bottom: 2rem !important;
    padding-top: 1rem !important;
    border-bottom-right-radius: 0;
  }
  /*==================
     MOBILE INFOGRÁFICO
    ==================*/
    #hiw{
      padding-bottom: 1rem;
    }
    #hiw-infog{
      display: none;
    }
    .al-c{
      flex-flow: column wrap;
      align-items: flex-start;
      justify-content: flex-start;
    }
    .mn-infog-content{
      position: relative;
      width: 100%;
      max-width: 100%;
      min-height: min-content;
      max-height: max-content;
      margin-bottom: .75rem;
      padding: 1rem;
      font-size: 1rem;
      text-align: center;
      border-radius: 0;
      background-color: transparent;
      box-sizing: border-box;
      display: block;
    }
    .mn-infog-content:before{
      position: relative;
      top: 0;
      left: 0;
      width: 6rem;
      height: 6rem;
      margin: 0 auto;
      margin-bottom: .75rem;
      padding: .75rem;
      border: 4px solid var(--color-secondary);
      border-radius: var(--full-bd-rds);
      color: var(--color-secondary);
      text-align: center;
      font-weight: 700;
      font-size: 3rem;
      background-color: var(--medium-gray);
      box-sizing: border-box;
      align-items: center;
      justify-content: center;
      display: flex;
    }
    .mn-infog-step-1::before{
      content: '1';
    }
    .mn-infog-step-2::before{
      content: '2';
    }
    .mn-infog-step-3::before{
      content: '3';
    }
    .mn-infog-step-4::before{
      content: '4';
    }
    .mn-infog-step-1,
    .mn-infog-step-2,
    .mn-infog-step-3,
    .mn-infog-step-4{
      position: relative;
      top: auto;
      left: 0;
      right: 0;
      padding: .75rem;
      display: block;
    }
  /*=========================
    MOBILE ACCORDION
  ==========================*/
  #mac{
    padding-bottom: 1rem;
  }
  #mac + section{
    padding-top: .75rem;
  }
  .mn-accordion-btn{
    font-size: .75rem;
  }
  .mn-accordion-box{
    padding: 0 .75rem;
    border-radius: var(--card-bd-rds);
  }
  .mn-accordion-btn:after{
    content: "";
    clear: both;
    display: table;
  }
  .mn-accordion-btn:before{
    position: relative;
    float: right;
    display: block;
  }
  /*=====================
    MOBILE CARD NEWS
  ======================*/
  .mn-compound-B-card.mn-compound-B-card-news{
    width: auto;
    margin-bottom: .75rem;
  }
  /*======================
    MOBILE TESTEMONIALS
  =======================*/
  .mn-slider-compound-B-card-tracker{
    flex-flow: column wrap;
    /* align-items: center; */
    justify-content: center;
  }
  .mn-compound-B-card{
    width: auto;
    margin-bottom: .75rem;
  }
  /*=========================
    MOBILE BLOG HERO BANNER
  ==========================*/
  .hero-blog{
    margin-bottom: 1rem !important;
  }
  /*======
    BLOG
  =======*/
  .blg-g.lyt-w{
    flex-flow: column nowrap;
  }
  .blg-g > .mn-flex-column{
    width: 100% !important;
    margin-right: 0;
  }
  .blg-article-thumb-img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
  .blg-article-info{
    margin-bottom: 2rem;
  }
  .blg-article-footer > .btn{
    float: none;
  }
  /*====================
    MOBILE FOOTER GLOBAL
  =====================*/
  .ft-page{
    padding-top: 2rem;
  }
  .ft-c-c{
    flex-flow: column nowrap;
  }
  .ft-box{
    width: 100%;
    margin: 0;
    margin-bottom: 2.5rem;
    padding: 0;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    display: flex;
  }
  .ft-box:first-child{
    top: 0;
  }
  .ft-box:last-child{
    margin: 0;
  }
  .ft-box.link-list{
    position: relative;
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
  .ft-box.link-list.sub-list{
    left: 6rem;
    text-align: left;
  }
  .ft-adr{
    margin-top: 0;
  }
  .ft-contact{
    margin-top: 2rem;
  }
  .form-newsletter-footer{
    margin-top: .5rem !important;
  }
  .ft-copyright > .ft-c-c{
    padding-bottom: 1rem;
  }
  .ft-rec-copyright,
  .ft-red-logo{
    position: relative;
    margin: 0 auto;
    text-align: center;
  }
  .ft-red-logo{
    margin-top: 1rem;
  }
  /*=======================
    MOBILE - COMO FUNCIONA
    =======================*/
    .passos__item{
      width: 100%;
      flex-flow: column nowrap;
    }
    .passos__item__imagem{
      width: 180px;
      object-fit: cover;
      object-position: center;
    }
    .passos__item__direita{
      width: 100%;
      margin-left: 0;
    }
    .passos__item__titulo{
      width: auto;
      margin-left: 0;
      padding-left: .75rem;
      font-size: 1rem;
    }
  /*===============================
    MOBILE ESPECIALISTAS - INTERNAS
  ================================*/
  .banner__mascara{
    top: -100px;
    left: 5%;
  }
  .sobre__texto p:first-of-type{
    padding-top: .75rem;
  }
  .call{
    height: 500px;
    margin-bottom: 0;
  }
  .call__wrapper{
    flex-flow: column nowrap;
  }
  .call__conteudo{
    top: 45%;
  }
  /*==================
    MOBILE A RECUPERA
  ====================*/
  .intro{
    margin: 0;
    padding: 1rem 0;
  }
  .sobre,
  .features{
    padding: .75rem 0;
  }
  .credibilidade__wrapper{
    flex-flow: column nowrap;
  }
  .valores__titulo{
    font-size: 1.5rem;
  }
  .valores__titulo::after{
    bottom: -.5rem;
  }
  .valores__item{
    width: 100%;
    max-width: 100%;
    margin: .75rem 0;
  }
  .valores__item:nth-of-type(2),
  .valores__item:nth-of-type(3){
    margin: 0;
  }
  .c-flat-ill-01{
    background-image: var(--flat-ill-01-opacity-25);
    background-origin: content-box;
  }
  .banner--especialistas{
    margin-bottom: 0;
  }
  .mn-info-num{
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    display: flex;
  }
  .mn-info-num-col.col-1-3{
    width: 100%;
    margin-bottom: 2.75rem;
  }
  /*================
    MOBILE IMPOSTO
  =================*/
  #hiw{
    margin-bottom: .75rem !important;
  }
  #hiw .mn-stripe-row{
    flex-flow: column nowrap;
  }
  #hiw .card-steps{
    width: 100%;
    padding: 0 0 2rem 0;
    border: none;
    border-bottom: 4px solid var(--dark-gray);
  }
  #hiw .card-steps:last-child{
    border-bottom: none;
  }
  #hiw .card-steps:before,
  #hiw .card-steps:after{
    transform: rotate(45deg);
  }
  #hiw .card-steps:after{
    top: 95.7%;
    right: 50%;
  }
  #hiw .card-steps:before{
    top: 528px;
    top: 97.6%;
    right: 53%;
  }
  #hiw .card-steps-title{
    width: 100%;
  }
  #hiw .card-steps-text{
    height: auto;
  }
  #hiw .card-steps-step{
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    z-index: -1;
  }
  #hiw .card-steps-img img{
    width: 100%;
    height: auto;
  }
  .mn-stripe-row{
    flex-flow: column nowrap;
  }
  .mn-stripe-col.col-1-3.card-plan{
    width: 100%;
  }
  .card-plan{
    margin: 0 auto;
  }
  /*==============
    MOBILE CONTATO
  ================*/
  .contato__wrapper{
    flex-flow: column nowrap;
  }
  .contato__infos{
    width: 100%;
    margin: 2rem 0;
    max-width: 100%;
    margin-left: 0;
  }
  /* .contato__infos .icon-location{
    width: 43px;
  } */
  .contato__infos__botoes{
    flex-flow: column nowrap;
  }
  .contato__infos__botoes .btn{
    margin-bottom: .75rem;
  }
  .contato__form .input-group textarea{
    border-radius: 10px;
  }
  /*===========
    FEATURES
  ============*/
  .whatsapp-flutuante{
    transform: scale(.75);
  }
  .modal{
    top: 0;
    left: 0;
    transform: scale(.75);
  }
  /*==============
    MOBILE CONTROL
  ===============*/
  .mobile{
    display: none;
  }
  .nib{
    display: none !important;
  }
}