/* =========================================================
   Máquina de Vendas — menu do celular e responsivo
   Tamanhos do celular medidos no Habitline a 390px
   (H1 44, H2 38, H3 20, seções com 120px no topo)
   ========================================================= */

/* nada vaza para o lado (nuvens, mostrador e faixas ficam presos na própria seção) */
main>section,.foot{overflow-x:clip}

/* menu do celular (escondido no desktop) */
.nav__burger{display:none;position:relative;width:50px;height:50px;border-radius:16px;background:var(--gray)}
.nav__burger span{position:absolute;left:50%;width:18px;height:2px;margin-left:-9px;border-radius:2px;background:var(--ink);transition:transform .35s var(--ease),top .35s var(--ease)}
.nav__burger span:first-child{top:21px}
.nav__burger span:last-child{top:27px}
.nav.is-open .nav__burger span{top:24px}
.nav.is-open .nav__burger span:first-child{transform:rotate(45deg)}
.nav.is-open .nav__burger span:last-child{transform:rotate(-45deg)}
.nav__mobile{display:none}

/* ---------- tablet ---------- */
@media (max-width:1199px){
  .sec{padding-top:160px}
  .hero{padding-top:170px}
  .hero__title{font-size:72px}
  .nav__link{padding:16px 20px}
  .feat__head-r{padding-left:60px}
  .fcard--pad,.fcard--light{min-height:0}
  .wide__phone{left:40px}
  .ai__grid{grid-template-columns:1fr 1fr;gap:40px}
  .ai__phone{left:300px}
  .ai__cards{grid-template-columns:repeat(2,1fr)}
  .faq__grid{gap:50px}
  .cta__center img{width:340px}
  .foot__top{gap:50px}
}

@media (max-width:999px){
  .feat__grid{grid-template-columns:1fr}
  .fcard--wide{flex-direction:column;min-height:0}
  .wide__r{min-height:560px}
  .wide__phone{left:50%;margin-left:-210px;top:40px}
  .lead-card{left:auto;right:calc(50% + 150px)}
  .ai__grid{grid-template-columns:1fr}
  .ai__l{padding:0}
  .ai__cards{margin-top:40px}
  .faq__grid{flex-direction:column}
  .faq__l{gap:40px}
  .cta{height:auto;padding:120px 0 40px}
  .cta__sticky{position:relative;height:auto}
  .cta__in{flex-direction:column;align-items:center;height:auto;gap:40px;text-align:center}
  .cta__l,.cta__r{padding-top:0;flex:none}
  .cta__center{padding-top:0;order:3}
  .cta__center img{transform:none}
  .cta__content{padding-top:0;align-items:center}
  .cta .btn--self,.cta__btns{align-self:center;align-items:center}
  .qr{align-self:center}
  .cta__overlay,.cta__clouds{display:none}
  .foot__top{flex-direction:column}
}

/* ---------- celular ---------- */
@media (max-width:809px){
  .h2{font-size:38px}
  .h2s{font-size:30px}
  .h3{font-size:20px}
  .p,.fcard__desc,.icard p,.acc__a>p,.tabs__card p,.feat__head-r,.about__text{font-size:16px}
  .sec{padding-top:120px}
  .sec__wrap{padding:0 20px}
  .btn{height:52px;padding:14px 26px;font-size:17px}

  /* menu: uma barra branca só, com hambúrguer */
  .nav{padding:20px}
  .nav__in{position:relative;justify-content:space-between;padding:6px;border-radius:20px;background:var(--white);box-shadow:var(--sh);pointer-events:auto}
  .nav__col{flex:none!important}
  .nav__col--c{display:none}
  .nav .pill{box-shadow:none;background:none}
  .nav__brand{height:50px;padding:0 10px}
  .nav__brand img{height:28px}
  .nav__ctas{height:50px;padding:0}
  .nav__burger{display:block}
  .nav__mobile{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:calc(100% + 8px);padding:10px;border-radius:20px;background:var(--white);box-shadow:0 20px 40px rgba(19,21,21,.12);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s}
  .nav__mobile a{padding:14px 16px;border-radius:12px;font-weight:500;font-size:17px;color:var(--ink)}
  .nav__mobile a:active{background:var(--gray)}
  .nav.is-open .nav__mobile{opacity:1;visibility:visible;transform:none;transition-delay:0s}

  /* hero */
  .hero{padding-top:160px}
  .hero__wrap{padding:0 20px;gap:50px}
  .hero__content{gap:24px}
  .hero__title{font-size:44px}
  .hero__sub{font-size:18px;line-height:1.3;max-width:350px}
  .hero__btns{flex-direction:column;align-items:center;gap:16px}
  .hero__stage{flex-wrap:wrap;height:auto;gap:16px;padding-bottom:70px}
  .hero__stage .hero__side{flex:1 1 calc(50% - 8px);padding:0;justify-content:center}
  .hero__side>*{transform:none!important}
  .hcard{width:100%;padding:18px 12px}
  .hcard__ico{width:52px;height:52px}
  .hcard__dot{width:38px;height:38px}
  .hero__art{flex:1 1 100%;order:3;margin-top:0;display:flex;justify-content:center}
  .hero__art-in{width:min(360px,100%)}
  .hero__reply{display:none}

  /* tese */
  .about{gap:40px}
  .about__top{padding:10px 20px 0;gap:30px}
  .about__title{font-size:30px;line-height:1.45}
  .about__pill{width:64px;height:32px;vertical-align:-5px}
  .about__emoji{width:42px;height:32px;vertical-align:-5px}
  .about__lead{font-size:18px}
  .about__tags{gap:8px}
  .about__center{height:600px}
  .phone--tall{width:290px;height:600px}
  .about__foot{padding:0 20px}
  .about__btns{flex-direction:column;align-items:center;gap:14px}

  /* estrutura */
  .feat__head{flex-direction:column;gap:16px;margin-bottom:30px}
  .feat__head-r{padding:0}
  .fcard__top--pad{padding:20px}
  .fcard--pad{padding:20px;gap:24px}
  .fcard--light{padding-bottom:20px}
  .fcard__center--01{padding:0 20px 20px}
  .mini-chat{padding:18px}
  .mini-chat .msg{font-size:14px}
  .planner__list li{gap:10px;padding-right:12px;min-height:66px}
  .planner__list time{width:54px;padding-left:10px;font-size:13px}
  .planner__item{font-size:13px;padding:0 10px}
  .planner__item span{display:none}
  .fcard--wide{padding:20px}
  .wide__top{gap:20px}
  .wide__note{margin-top:20px}
  .wide__r{min-height:500px}
  .wide__phone{transform:scale(.82);transform-origin:50% 0}
  .lead-card{display:none}
  .week{gap:16px}
  .week__card{padding:20px 14px}
  .ring svg{width:62px;height:62px}
  .ring--big svg{width:90px;height:90px}
  .ring b{top:31px;font-size:15px}
  .ring--big b{top:45px;font-size:20px}
  .ring p{font-size:14px}
  .week__stat{min-height:130px;padding:14px}
  .week__stat p{font-size:14px}
  .week__stat b{right:14px;top:12px;font-size:26px}
  .week__stat span{font-size:14px}
  .fcard__top--pad30{padding:20px}
  .notif{padding:70px 0}
  .notif__card{width:calc(100% - 40px);padding:28px 22px;gap:26px}
  .notif__badge{left:-10px;top:-30px;width:52px;height:52px}

  /* fluxo */
  .flow__panel{padding:50px 16px 40px;gap:30px}
  .tabs__list{justify-content:flex-start;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
  .tabs__list::-webkit-scrollbar{display:none}
  .tabs__btn{flex:none;font-size:15px;padding:12px 14px}
  .tabs__panels{height:440px}
  .tabs__panel{padding:16px}
  .tabs__card{width:100%;padding:20px;gap:18px}
  .flow__tags{gap:10px 16px}

  /* números */
  .count .sec__wrap{gap:30px}
  .count__big{font-size:96px}
  .count__label{left:auto;right:-30px;top:84px;font-size:13px}
  .count__media{height:240px}
  .dial{transform:scale(.46);transform-origin:50% 100%;bottom:-20px}
  .count__nums{flex-direction:column;gap:30px;margin-top:10px}
  .num__v{font-size:56px}

  /* api */
  .ai{padding-bottom:120px}
  .ai__r{height:440px}
  .ai__sugs{left:16px;top:60px;width:200px}
  .sug p{font-size:13px}
  .ai__phone{left:170px;top:70px;transform:rotate(-22deg) scale(.78)}
  .ai__cards{grid-template-columns:1fr;gap:16px}
  .icard{min-height:0;gap:20px;padding:24px}
  .icard__space{display:none}

  /* faq */
  .acc__q{font-size:17px;padding:18px}
  .acc__a>p{padding:0 18px}
  .acc__item.is-open .acc__a>p{padding-bottom:18px}

  /* cta + rodapé */
  .cta{padding:100px 0 30px}
  .cta__in{padding:0 20px}
  .cta__center img{width:min(320px,100%)}
  .cta__r{display:none}
  .foot__in{padding:0 20px;gap:40px}
  .foot__r{flex-wrap:wrap;gap:30px}
  .foot__col{flex:1 1 40%}
  .foot__col a,.foot__col span,.foot__p,.foot__bottom p{font-size:16px}
  .foot__bottom{flex-direction:column;align-items:flex-start;gap:20px}
  .wa-float{right:16px;bottom:16px;width:56px;height:56px}
}