/* ============================================================
   RESPONSIVO — ajustes para tablet e desktop (mobile-first base)
   ============================================================ */

/* Tablet */
@media (min-width:640px){
  .section{padding:96px 0}
  .trust-strip-inner{grid-template-columns:repeat(4,1fr);padding:32px 20px}
  .trust-strip strong{font-size:1.15rem}
  .trust-strip span{font-size:.82rem}

  .galeria{grid-template-columns:repeat(3,1fr);gap:16px}

  .unidades-grid{grid-template-columns:1fr 1fr}

  .footer-inner{grid-template-columns:1.2fr 1fr 1fr 1fr}

  .ba-stage{gap:20px}
}

/* Desktop pequeno */
@media (min-width:900px){
  .header-inner{padding:14px 32px;gap:32px}
  .nav-desktop{display:flex}
  .site-header .btn-header{display:inline-flex;padding:11px 20px;min-height:44px;font-size:.9rem}
  .menu-toggle{display:none}
  .nav-mobile{display:none !important}

  .hero{padding-bottom:56px}
  .hero-cta-row{padding:32px 32px 0;gap:16px}
  .hero-cta-row .btn{min-width:320px}

  .container{padding:0 32px}

  .metodos-list li{font-size:1.85rem;padding:20px 0}

  .passos{
    grid-template-columns:repeat(3,1fr);
    gap:40px;
  }
  .passos li{
    padding:0;border:0;
  }
  .passos p{max-width:none}

  .section-split{
    grid-template-columns:1fr 1fr;
    align-items:center;
  }
  .split-media{
    aspect-ratio:auto;
    padding:60px 40px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .split-media img{
    width:auto;
    max-width:100%;
    max-height:680px;
    height:auto;
    aspect-ratio:842/1155;
    object-fit:cover;
    box-shadow:0 20px 50px rgba(0,0,0,.4);
    border-radius:6px;
  }
  .split-body{padding:60px 56px;max-width:none;display:flex;flex-direction:column;justify-content:center}

  .galeria{grid-template-columns:repeat(4,1fr);gap:18px}

  .ba-stage{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
  }
  .ba-stage > .ba-item{flex:unset;width:auto}
  .ba-item{aspect-ratio:2/3}
  .ba-pager{display:none}

  .footer-inner{padding:0 32px}

  .wa-float{bottom:28px;right:28px;width:62px;height:62px}
}

/* Desktop grande */
@media (min-width:1200px){
  .hero-sub{font-size:1.15rem}
  .section{padding:112px 0}
}

/* Mobile pequeno: aperto do hero */
@media (max-width:420px){
  .header-inner{padding:10px 16px;gap:12px}
  .brand-logo{height:36px}
  .hero-cta-row{padding:22px 16px 0}
  .hero-cta-row .btn{min-width:0;width:100%}
  .container{padding:0 16px}
  .section{padding:56px 0}
  .btn-lg{width:100%;padding:16px 20px;font-size:1rem}
  .hero-cta{width:100%}
  .unidade-actions{grid-template-columns:1fr}
}