/* ============================================================
   TREINADOR DAVID SILVA — responsive.css
   Ajustes de responsividade, organizados por breakpoint
   (do maior para o menor, sempre sobrescrevendo o style.css)
   ============================================================ */

/* ---------- Tablet grande (≤ 1024px) ---------- */
@media (max-width: 1024px){
  .wrap{ padding: 0 24px; }
}

/* ---------- Tablet (≤ 900px) ---------- */
@media (max-width: 900px){
  .tabnav{ display: none; } /* navegação lateral só faz sentido em telas largas */

  .hero-grid{ grid-template-columns: 1fr; }
  .hero-photo{ order: -1; aspect-ratio: 16/9; }

  .testi-scroll{ grid-template-columns: 1fr; }
}

/* ---------- Tablet pequeno / Header (≤ 800px) ---------- */
@media (max-width: 800px){
  .ledger-grid{ grid-template-columns: repeat(2,1fr); }
  .ledger-item:nth-child(2){ border-right: none; }

  .split{ grid-template-columns: 1fr; }
  .split-col:first-child{ border-right: none; border-bottom: 1px solid var(--line); }

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

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

  .header-cta{ display: none; } /* some no header, mas continua nos CTAs do corpo */
}

/* ---------- Celular (≤ 640px) ---------- */
@media (max-width: 640px){
  .wrap{ padding: 0 20px; }
  section{ padding: 64px 0; }

  .headerbar{ padding: 14px 20px; }
  .cref-tag{ display: none; } /* economiza espaço no header mobile */

  .hero{ padding-top: 48px; padding-bottom: 48px; }
  .hero-actions{ flex-direction: column; align-items: stretch; }
  .hero-actions .btn{ text-align: center; }
  .hero-meta{ gap: 18px; }

  .ledger-grid{ grid-template-columns: 1fr; }
  .ledger-item{ border-right: none; border-bottom: 1px solid var(--line); }
  .ledger-item:last-child{ border-bottom: none; }

  .entry-label h2{ font-size: 24px; }
}