/* ═══════════════════════════════════════════════════════════
   responsive.css — Breakpoints e reduced-motion
   GridStart Pro · fredmosc.dev
   ═══════════════════════════════════════════════════════════ */


/* ── Tablet / Mobile ── */
@media (max-width: 768px) {

  /* Topbar */
  .menu-toggle { display: block; }

  .topbar-nav {
    display: none;
    position: fixed; top: 58px; left: 0; right: 0;
    background: rgba(0,20,45,.97);
    flex-direction: column; padding: 1.2rem;
    gap: 2px; box-shadow: 0 20px 40px rgba(0,0,0,.5);
    z-index: 99;
  }
  .topbar-nav.active { display: flex; }
  .topbar-nav a      { padding: 10px 14px; font-size: .65rem; }
  .topbar-nav a.nav-cta { text-align: center; margin-top: 6px; }

  /* Grids */
  .manifesto-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .modules-grid   { grid-template-columns: 1fr; }
  .method-grid    { grid-template-columns: 1fr; }

  /* Bio */
  .bio-wrap { flex-direction: column; gap: 1.2rem; align-items: center; text-align: center; }
  .bio-avatar { width: 80px; height: 80px; }
  .bio-tags, .bio-links { justify-content: center; }
}


/* ── Mobile pequeno ── */
@media (max-width: 560px) {
  .topbar   { padding: .75rem 1.2rem; }
  .wrapper  { padding: 5.5rem 1.1rem 4rem; }
  .benefits { padding: 1.3rem; }
  .form-wrap { padding: 1.4rem; }
  .ia-block  { padding: 1.4rem; }
}


/* ── MailerLite (< 400px) ── */
@media only screen and (max-width: 400px) {
  .ml-form-embedWrapper.embedDefault,
  .ml-form-embedWrapper.embedPopup { width: 100% !important; }
}


/* ── Acessibilidade: sem animação ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}