/* Helper */
body.no-scroll{overflow:hidden}

/* <= 1024px */
@media (max-width: 1024px){
    .hero__grid{
      grid-template-columns: 1fr;
      gap:18px;
  
      grid-template-areas:
        "copyTop"
        "vsl"
        "copyBottom";
    }
  
    .microcards{grid-template-columns: 1fr 1fr}
}


/* <= 820px */
@media (max-width: 820px){
  .nav{display:none}
  .hamburger{display:flex}
  .drawer{display:none}
  .drawer.is-open{display:block}

  .hero{padding:28px 0 54px}
  .hero__actions{flex-direction:column; align-items:stretch}
  .btn{width:100%}
}

/* <= 520px */
@media (max-width: 520px){
  .container{width:min(1180px, 100% - 32px)}
  .brand__logo{height:100px}

  .bullet{grid-template-columns: 78px 1fr}
  .microcards{grid-template-columns: 1fr}

  .vsl{padding:12px}
  .vsl__controls{
    left:10px; right:10px; bottom:10px;
    gap:8px;
  }
  .ctl{width:36px}
  .time{display:none}
}


/* ===== Bloco 2 (Adobe-like) ===== */
@media (max-width: 1024px){
  .panel__grid{grid-template-columns:1fr;}
  .how__grid{grid-template-columns:1fr;}
  .how__head{flex-direction:column; align-items:flex-start;}
}

@media (max-width: 680px){
  /* mantém 3 itens na mesma linha, sem scroll */
  .seg{
    width:100%;
    overflow:hidden;              /* remove scroll */
    padding:6px;                  /* menor */
    gap:6px;                      /* menor */
    border-radius:999px;
  }

  .seg__btn{
    flex:1;                       /* 3 iguais na linha */
    min-width:0;                  /* permite encolher */
    padding:8px 10px;             /* menor altura */
    font-size:12px;               /* menor */
    line-height:1;
    white-space:nowrap;           /* evita quebrar "Oxigênio" */
  }
}

/* fallback: telas muito pequenas podem virar scroll */
@media (max-width: 360px){
  .seg{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
  }
  .seg__btn{
    flex:0 0 auto;
    min-width:120px;
    scroll-snap-align:start;
  }
}


  .how__cta{flex-direction:column; align-items:stretch;}
  .how__cta .btn{width:100%;}

@media (max-width: 520px){
  .panel{padding:12px;}
  .panel__main{padding:6px 6px 8px;}
  .panel__side{padding:12px;}
}


/* ===== Bloco 3 — Steps responsivo ===== */
@media (max-width: 1024px){
  .stepPanel__grid{grid-template-columns:1fr;}
  .steps__cta{flex-direction:column; align-items:stretch;}
  .steps__cta .btn{width:100%;}
}

/* Mobile: stepper vira scroll horizontal com snap (5 itens) */
@media (max-width: 680px){
  .stepper{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    gap:8px;
    padding:8px;
  }
  .stepper__btn{
    flex:0 0 auto;
    min-width: 168px;          /* cabe bem e mantém legibilidade */
    scroll-snap-align:start;
    padding:10px 10px;
  }
  .steps__bar{height:7px;}
  .stepPanel{padding:12px;}
}

/* Telas bem pequenas: diminui um pouco */
@media (max-width: 420px){
  .stepper__btn{min-width: 150px;}
  .stepPanel__title{font-size:16px;}
}


@media (max-width: 1024px){
  .founder2{
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "media"
      "card";
  }

  .founder2__cta{
    flex-direction:column;
    align-items:stretch;
  }
  .founder2__cta .btn{width:100%;}
}

@media (max-width: 680px){
  .section--founder2{padding:58px 0 64px;}

  .founder2__top{
    flex-direction:column;
    align-items:flex-start;
  }

  .founder2__toggle{
    width:100%;
    justify-content:space-between;
  }
  .ftab{flex:1; min-width:0; text-align:center;}

  .founder2__img{height: 380px;}
}

@media (max-width: 420px){
  .founder2__img{height: 340px;}
  .founder2__name{font-size:18px;}
}


@media (max-width: 1024px){
  .footerCta{
    grid-template-columns: 1fr;
  }
  .footerGrid{
    grid-template-columns: 1fr;
  }
  .footerNav{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px){
  .footer{padding:34px 0 22px;}

  .footerCta{padding:14px;}
  .footerCta__form{
    grid-template-columns: 1fr;
  }

  .footerNav{
    grid-template-columns: 1fr;
  }

  .footerBottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .toTop{width:100%; justify-content:center;}
}



/* Esconde os bullets Visão/Ordem/Oxigênio APENAS no mobile */
@media (max-width: 1024px){
  .hero__bullets{
    display: none !important;
  }
}


/* Centraliza o título APENAS no mobile */
@media (max-width: 1024px){
  .hero__title{
    text-align: center;
  }
}



@media (max-width: 1024px){
  .proofHero{
    grid-template-columns: 1fr;
    text-align:center;
  }

  .proofHero__visual{
    margin:0 auto;
  }

  .proofCards__grid{
    grid-template-columns: 1fr;
  }

  .proofConnect__grid{
    grid-template-columns: 1fr;
  }

  .proofConnect__cta{
    flex-direction:column;
    align-items:stretch;
  }
  .proofConnect__cta .btn{width:100%;}
}

@media (max-width: 680px){
  .section--proof{padding:58px 0 64px;}

  .proofHero{padding:14px;}
  .proofHero__visual{
    width:200px;
    height:200px;
  }
  .proofHero__num{font-size:64px;}
  .proofHero__pct{font-size:36px;}

  .proofConnect{padding:14px;}
  .proofConnect__title{font-size:18px;}
}



@media (max-width: 1024px){
  .faqCta{
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
  }
  .faqCta .btn{width:100%;}
}

@media (max-width: 680px){
  .section--faq{padding:58px 0 64px;}

  .faqItem__trigger{padding:14px 14px;}
  .faqItem__q{font-size:14px;}
  .faqItem__content{padding:0 14px 14px;}
  
  .faqCta{padding:14px;}
  .faqCta__text{font-size:13px;}
}