/* ══════════════════════════════════════════
   responsive.css — Breakpoints e ajustes mobile
   Alobaça v3 · Tata Hiago Salles
   ══════════════════════════════════════════ */

/* ── Tablet ── */
@media (max-width: 1024px) {
  .teacher-layout {
    grid-template-columns: 220px 1fr;
    gap: 36px;
  }
}

/* ── Mobile ── */
@media (max-width: 768px) {
  section { padding: 64px 20px; }

  /* Hero */
  .hero { padding: 80px 20px 60px; }
  .hero-img { width: 140px; }

  /* Sticky */
  .sticky-bar .price-text { display: none; }
  .sticky-countdown       { display: none; }

  /* Teacher */
  .teacher-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .teacher-img-wrap { max-width: 220px; }
  .teacher-stats    { grid-template-columns: repeat(3, 1fr); }

  /* Price */
  .price-box-inner { padding: 36px 20px; }

  /* Modules */
  .module-item {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 20px;
  }
  .module-tag { font-size: 9px; }

  /* Grids */
  .features-grid,
  .bonus-grid,
  .testimonials-grid { grid-template-columns: 1fr; }

  /* Countdown */
  .cd-num-big { font-size: 32px; width: 58px; height: 58px; }
  .cd-sep-big { font-size: 24px; line-height: 58px; }

  /* FAQ */
  .faq-q { font-size: 13px; }
}

/* ── Mobile pequeno ── */
@media (max-width: 400px) {
  .btn-primary { padding: 16px 28px; font-size: 11px; }
  .hero h1     { font-size: 44px; }
  .price-main  { font-size: 36px; }
}

/* ── Mobile — Trust Strip ── */
@media (max-width: 768px) {
  .hero-trust-strip {
    gap: 16px;
    padding: 14px 16px;
  }
  .hts-sep { display: none; }
  .hts-item { flex-direction: row; gap: 8px; }
  .hts-num  { font-size: 15px; }
  .hts-label { font-size: 9px; }

  /* Price reminder */
  .final-price-reminder {
    flex-direction: column;
    gap: 8px;
    padding: 16px;
  }
  .fpr-installment { font-size: 19px; }
  .fpr-cash        { font-size: 16px; }

  /* Payment security */
  .payment-security { flex-direction: column; text-align: center; gap: 8px; }
  .ps-info { align-items: center; }
}