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

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

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

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

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

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

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

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