/**
 * responsive.css — Todos os breakpoints do site
 * Caue Possatto — Métodos Bioenergéticos
 * Carregar por ÚLTIMO, após home.css ou pages.css
 *
 * Breakpoints:
 *   1200px — nav compacta (em nav.css)
 *   1024px — layout de 2 colunas vira 1 coluna
 *    768px — móvel (nav overlay já em nav.css)
 *    640px — ajustes finos mobile
 */

/* ════════════════════════════════════════════════════════════
   1024px — Tablet / Layout intermediário
════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {

  /* HERO */
  .hero-content { padding: 48px 48px 80px; }

  /* FAIXA MÉTODOS STRIP */
  .mstrip-card { padding: 44px 24px; }

  /* CAUE */
  .sec-caue-inner { grid-template-columns: 1fr; }
  .caue-foto-col { padding: 0 48px; max-width: 400px; margin: 0 auto; }
  .caue-texto-col { padding: 0 48px; }

  /* BIO PILARES */
  .bio-pilares { grid-template-columns: repeat(2, 1fr); }

  /* MÉTODOS 3 CARDS */
  .metodos-grid-3 { grid-template-columns: 1fr; max-width: 440px; }

  /* ENERGIAS */
  .energias-grid,
  .energias-row2 { grid-template-columns: repeat(2, 1fr); }

  /* BODY IN SYNC */
  .bodysync-grid { grid-template-columns: repeat(2, 1fr); }

  /* PARA QUEM */
  .para-quem-grid { grid-template-columns: repeat(2, 1fr); }

  /* SESSÃO */
  .sec-sessao-inner { grid-template-columns: 1fr; gap: 48px; }

  /* DEPOIMENTOS */
  .depo-grid { grid-template-columns: repeat(2, 1fr); }

  /* ARTIGOS HOME */
  .artigos-grid { grid-template-columns: 1fr; max-width: 520px; }

  /* LOCALIZAÇÃO */
  .local-inner { grid-template-columns: 1fr; }

  /* CONTATO HOME */
  .contato-grid { grid-template-columns: 1fr; max-width: 420px; }

  /* FOOTER */
  .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }

  /* PÁGINAS INTERNAS */
  #main-content .artigos-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ════════════════════════════════════════════════════════════
   768px — Mobile
════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* HERO */
  .hero-content { padding: 40px 24px 72px; }
  .hero-btns { flex-direction: column; align-items: center; }

  /* FAIXA MÉTODOS STRIP */
  .mstrip-grid { grid-template-columns: 1fr; }
  .mstrip-card {
    border-right: none;
    border-bottom: 1px solid rgba(201,168,76,.1);
    padding: 40px 32px;
  }
  .mstrip-card:last-child { border-bottom: none; }
  .mstrip-card--centro { border-left: none; border-right: none; }

  /* CAUE */
  .caue-foto-col { padding: 0 24px; }
  .caue-texto-col { padding: 0 24px; }

  /* SESSÃO */
  .sec-sessao-inner { gap: 40px; }

  /* CONTATO HOME */
  .contato-grid { max-width: 100%; }

  /* LOCALIZAÇÃO HOME */
  .local-info { padding: 36px 28px; }

  /* FOOTER */
  .footer-top { grid-template-columns: 1fr 1fr; }
  #footer { padding: 40px 24px 28px; }

  /* PÁGINAS INTERNAS */
  .container-cp--article { padding: 0 24px; }
}

/* ════════════════════════════════════════════════════════════
   640px — Mobile pequeno (iPhone SE, Galaxy A)
════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {

  /* HERO */
  .hero-content { padding: 40px 20px 64px; }
  .hero-name { letter-spacing: .04em; }

  /* ENERGIAS — 2 colunas no mobile */
  .energias-grid,
  .energias-row2 { grid-template-columns: 1fr 1fr; gap: 12px; }

  /* PILARES */
  .bio-pilares { grid-template-columns: 1fr 1fr; }

  /* MÉTODOS */
  .metodos-grid-3 { max-width: 100%; }

  /* BODY IN SYNC — 1 coluna */
  .bodysync-grid { grid-template-columns: 1fr; }

  /* PARA QUEM — 1 coluna */
  .para-quem-grid { grid-template-columns: 1fr; }

  /* DEPOIMENTOS — 1 coluna */
  .depo-grid { grid-template-columns: 1fr; }

  /* ARTIGOS HOME — 1 coluna */
  .artigos-grid { grid-template-columns: 1fr; max-width: 100%; }

  /* CONTATO HOME — 1 coluna */
  .contato-grid { grid-template-columns: 1fr; }

  /* FOOTER */
  .footer-top { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }

  /* PÁGINAS INTERNAS */
  #main-content .artigos-grid { grid-template-columns: 1fr; }

  /* LOCALIZACAO */
  .local-info { padding: 32px 20px; }

  /* SCROLL INDICATOR — ocultar no mobile */
  .hero-scroll { display: none; }
}

/* ════════════════════════════════════════════════════════════
   Ajustes de impressão
════════════════════════════════════════════════════════════ */
@media print {
  #main-nav,
  .whatsapp-btn,
  .hero-scroll,
  .nav-toggle { display: none !important; }

  body { background: #fff; color: #000; }

  #hero { min-height: auto; page-break-after: always; }

  .metodo-card,
  .energia-card,
  .bodysync-card,
  .pq-card,
  .depo-card {
    break-inside: avoid;
  }
}