/* ============================================================
   Lisboayield — Adaptação a ecrãs pequenos
   ============================================================ */

@media (max-width: 1024px) {
  .p2pgfr-platform-grid { grid-template-columns: repeat(2, 1fr); }
  .p2pgfr-article-grid { grid-template-columns: repeat(2, 1fr); }
  .p2pgfr-review-grid { grid-template-columns: 1fr; }
  .p2pgfr-profile-grid { grid-template-columns: 1fr; }
  .p2pgfr-profile-side { position: static; }
  .p2pgfr-phero-grid { grid-template-columns: 1fr; }
  .p2pgfr-footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  /* Cabeçalho colapsado */
  .p2pgfr-cta-btn { display: none; }
  .p2pgfr-burger { display: flex; }
  .p2pgfr-nav { position: absolute; top: 100%; left: 0; right: 0; background: var(--p2pgfr-surface); border-bottom: 1px solid var(--p2pgfr-border); box-shadow: var(--p2pgfr-shadow); display: none; }
  .p2pgfr-nav.p2pgfr-open { display: block; }
  .p2pgfr-menu { flex-direction: column; gap: 0; padding: 8px 24px 16px; }
  .p2pgfr-menu li { border-bottom: 1px solid var(--p2pgfr-border); }
  .p2pgfr-menu a { display: block; padding: 12px 0; }

  .p2pgfr-platform-grid { grid-template-columns: 1fr; }
  .p2pgfr-article-grid { grid-template-columns: 1fr; }
  .p2pgfr-stats { grid-template-columns: repeat(2, 1fr); gap: 32px 16px; }
  .p2pgfr-proscons { grid-template-columns: 1fr; }
  .p2pgfr-footer-grid { grid-template-columns: 1fr; gap: 32px; }

  .p2pgfr-rank-item { grid-template-columns: 48px 1fr; gap: 16px; }
  .p2pgfr-rank-pos { width: 44px; height: 44px; font-size: 22px; }
  .p2pgfr-rank-score { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; border-top: 1px solid var(--p2pgfr-border); padding-top: 14px; }

  .p2pgfr-rsummary { grid-template-columns: 1fr; gap: 20px; }
  .p2pgfr-rbar { grid-template-columns: 120px 1fr 40px; }

  .p2pgfr-section { padding: 44px 0; }
  .p2pgfr-hero { padding: 52px 0 44px; }
  .p2pgfr-footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
}

@media (max-width: 420px) {
  .p2pgfr-rbar { grid-template-columns: 1fr; gap: 4px; }
  .p2pgfr-rbar-val { text-align: left; }
  .p2pgfr-trustbar-inner { gap: 14px 24px; }
}
