/* ============================================================
   Lisboayield — Adaptação a ecrãs pequenos
   ============================================================ */

@media (max-width: 1024px) {
  .cfes-platform-grid { grid-template-columns: repeat(2, 1fr); }
  .cfes-article-grid { grid-template-columns: repeat(2, 1fr); }
  .cfes-review-grid { grid-template-columns: 1fr; }
  .cfes-profile-grid { grid-template-columns: 1fr; }
  .cfes-profile-side { position: static; }
  .cfes-phero-grid { grid-template-columns: 1fr; }
  .cfes-footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  /* Cabeçalho colapsado */
  .cfes-cta-btn { display: none; }
  .cfes-burger { display: flex; }
  .cfes-nav { position: absolute; top: 100%; left: 0; right: 0; background: var(--cfes-surface); border-bottom: 1px solid var(--cfes-border); box-shadow: var(--cfes-shadow); display: none; }
  .cfes-nav.cfes-open { display: block; }
  .cfes-menu { flex-direction: column; gap: 0; padding: 8px 24px 16px; }
  .cfes-menu li { border-bottom: 1px solid var(--cfes-border); }
  .cfes-menu a { display: block; padding: 12px 0; }

  .cfes-platform-grid { grid-template-columns: 1fr; }
  .cfes-article-grid { grid-template-columns: 1fr; }
  .cfes-stats { grid-template-columns: repeat(2, 1fr); gap: 32px 16px; }
  .cfes-proscons { grid-template-columns: 1fr; }
  .cfes-footer-grid { grid-template-columns: 1fr; gap: 32px; }

  .cfes-rank-item { grid-template-columns: 48px 1fr; gap: 16px; }
  .cfes-rank-pos { width: 44px; height: 44px; font-size: 22px; }
  .cfes-rank-score { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; border-top: 1px solid var(--cfes-border); padding-top: 14px; }

  .cfes-rsummary { grid-template-columns: 1fr; gap: 20px; }
  .cfes-rbar { grid-template-columns: 120px 1fr 40px; }

  .cfes-section { padding: 44px 0; }
  .cfes-hero { padding: 52px 0 44px; }
  .cfes-footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
}

@media (max-width: 420px) {
  .cfes-rbar { grid-template-columns: 1fr; gap: 4px; }
  .cfes-rbar-val { text-align: left; }
  .cfes-trustbar-inner { gap: 14px 24px; }
}