/* MOBILE HOME — arquivo isolado, carregado somente pela Home.
   O desktop permanece integralmente sob os CSS existentes. */

@media (max-width:700px){

  html, body,
  body.zt-home-v4{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body.zt-home-v4 *{
    box-sizing:border-box;
  }

  /* HERO */
  body.zt-home-v4 .zt-hero-v4__container{
    width:92% !important;
    max-width:92% !important;
    margin:0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:28px !important;
  }

  body.zt-home-v4 .zt-hero-v4__content,
  body.zt-home-v4 .zt-hero-v4__visual{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    border-left:0 !important;
  }

  body.zt-home-v4 .zt-hero-v4__title{
    font-size:30px !important;
    line-height:1.18 !important;
  }

  body.zt-home-v4 .zt-hero-v4__title .line{
    white-space:normal !important;
  }

  body.zt-home-v4 .zt-hero-v4__actions{
    width:100% !important;
    max-width:none !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  body.zt-home-v4 .zt-hero-v4__btn{
    width:100% !important;
    min-width:0 !important;
  }

  body.zt-home-v4 .zt-hero-v4__symbol{
    max-width:190px !important;
    margin:0 auto !important;
  }

  /* DIFERENCIAIS DO TOPO */
  body.zt-home-v4 .zt-proof__container{
    width:92% !important;
    max-width:92% !important;
    margin:0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  body.zt-home-v4 .zt-proof__item,
  body.zt-home-v4 .zt-proof__item:last-child{
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:24px 22px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(201,154,61,.18) !important;
  }

  body.zt-home-v4 .zt-proof__item:last-child{
    border-bottom:0 !important;
  }

  body.zt-home-v4 .zt-proof__item::after{
    display:none !important;
  }

  /* QUEM SOMOS */
  body.zt-home-v4 .zt-about__container{
    width:92% !important;
    max-width:92% !important;
  }

  body.zt-home-v4 .zt-about__title{
    font-size:27px !important;
    line-height:1.22 !important;
  }

  body.zt-home-v4 .zt-about__btn{
    width:100% !important;
  }

  /* SERVIÇOS */
  body.zt-home-v4 .zt-services--mockup .zt-services__container{
    width:92% !important;
    max-width:92% !important;
  }

  body.zt-home-v4 .zt-services--mockup .zt-services__grid{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }

  body.zt-home-v4 .zt-services--mockup .zt-service-card{
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
  }

  body.zt-home-v4 .zt-service-card__text br{
    display:none !important;
  }

  /* PLANEJAMENTO — reconstrução mobile */
  body.zt-home-v4 .zt-planning__container{
    width:92% !important;
    max-width:92% !important;
    min-height:0 !important;
    margin:0 auto !important;
    display:block !important;
    overflow:hidden !important;
  }

  body.zt-home-v4 .zt-planning__content{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:34px 24px 32px !important;
  }

  body.zt-home-v4 .zt-planning__title{
    max-width:none !important;
    font-size:27px !important;
    line-height:1.2 !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  body.zt-home-v4 .zt-planning__title br{
    display:none !important;
  }

  body.zt-home-v4 .zt-planning__text{
    max-width:none !important;
    font-size:13.5px !important;
    line-height:1.62 !important;
  }

  body.zt-home-v4 .zt-planning__button{
    width:100% !important;
  }

  body.zt-home-v4 .zt-planning__benefits{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:block !important;
    padding:8px 0 !important;
    background:#fff !important;
  }

  body.zt-home-v4 .zt-planning-benefit{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:14px !important;
    padding:20px 22px !important;
    border-bottom:1px solid #ece8df !important;
  }

  body.zt-home-v4 .zt-planning-benefit:last-child{
    border-bottom:0 !important;
  }

  body.zt-home-v4 .zt-planning-benefit__title,
  body.zt-home-v4 .zt-planning-benefit__text{
    min-width:0 !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  /* RODAPÉ */
  body.zt-home-v4 .zt-footer__inner{
    width:92% !important;
    max-width:92% !important;
    margin:0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:28px !important;
  }

  body.zt-home-v4 .zt-footer__brand,
  body.zt-home-v4 .zt-footer__column,
  body.zt-home-v4 .zt-footer__contact{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  body.zt-home-v4 .zt-footer__column > a,
  body.zt-home-v4 .zt-footer__contact > a,
  body.zt-home-v4 .zt-footer__address{
    overflow-wrap:anywhere !important;
  }

  body.zt-home-v4 .zt-footer__bottom-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:10px !important;
    text-align:center !important;
  }
}

/* =========================================================
   TABLET — HERO refinado (701–900px)
   Mantém os dois botões lado a lado, compactos e proporcionais.
   ========================================================= */
@media (min-width:701px) and (max-width:900px){

  body.zt-home-v4 .zt-hero-v4__container{
    width:92% !important;
    max-width:92% !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr) !important;
    column-gap:30px !important;
    align-items:center !important;
  }

  body.zt-home-v4 .zt-hero-v4__content{
    min-width:0 !important;
    max-width:none !important;
  }

  body.zt-home-v4 .zt-hero-v4__visual{
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.zt-home-v4 .zt-hero-v4__symbol{
    max-width:205px !important;
    max-height:260px !important;
  }

  body.zt-home-v4 .zt-hero-v4__actions{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:12px !important;
    align-items:center !important;
    margin-top:28px !important;
  }

  body.zt-home-v4 .zt-hero-v4__btn{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    text-align:center !important;
    white-space:nowrap !important;
    line-height:1 !important;
    font-size:10px !important;
    overflow:hidden !important;
  }

  body.zt-home-v4 .zt-hero-v4__btn svg{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    flex:0 0 16px !important;
  }
}

/* =========================================================
   TABLET — faixa de diferenciais (701–900px)
   Grade 2x2 + último item ocupando a linha inteira.
   ========================================================= */
@media (min-width:701px) and (max-width:900px){

  body.zt-home-v4 .zt-proof__container{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:92% !important;
    max-width:92% !important;
    margin:0 auto !important;
    overflow:hidden !important;
  }

  body.zt-home-v4 .zt-proof__item{
    min-width:0 !important;
    min-height:190px !important;
    padding:28px 24px !important;
    border-right:1px solid rgba(201,154,61,.20) !important;
    border-bottom:1px solid rgba(201,154,61,.20) !important;
  }

  body.zt-home-v4 .zt-proof__item::after{
    display:none !important;
  }

  body.zt-home-v4 .zt-proof__item:nth-child(2n){
    border-right:0 !important;
  }

  body.zt-home-v4 .zt-proof__item:nth-child(3),
  body.zt-home-v4 .zt-proof__item:nth-child(4){
    border-bottom:1px solid rgba(201,154,61,.20) !important;
  }

  body.zt-home-v4 .zt-proof__item:last-child{
    grid-column:1 / -1 !important;
    min-height:170px !important;
    border-right:0 !important;
    border-bottom:0 !important;
  }

  body.zt-home-v4 .zt-proof__text{
    max-width:230px !important;
  }
}