/* ============================================
   PN - Responsive Styles
   Breakpoints measured from pt.org.br: 1145px, 1100px, 780px, 340px
   ============================================ */

/* --- Tablet landscape (max 1100px) — matches pt.org.br breakpoint --- */
@media (max-width: 1100px) {
  .news-grid { grid-template-columns: repeat(2, 1fr); }
  .news-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(3, 1fr); }
  .content-layout { grid-template-columns: 1fr 280px; gap: 24px; }
  .filiacao-benefits { grid-template-columns: repeat(2, 1fr); }
  .quick-links { grid-template-columns: repeat(2, 1fr); }
  .counter-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .counter-card::after { display: none; }
  :root { --section-space: 64px; }

  /* New structural elements */
  .main-header-nav .container { flex-wrap: wrap; }
  .nav-column { min-width: 160px; }
  .news-banner { min-height: 220px; }
  .news-banner-title { font-size: 1.3rem; }
  .editorias-newsletter-layout { flex-direction: column; }
  .sidebar-newsletter { width: 100%; max-width: 100%; }
  .main-footer-nav { flex-wrap: wrap; gap: 24px; }
  .main-footer-nav > div { flex: 1 1 calc(33.333% - 24px); min-width: 160px; }
}

/* --- Mobile landscape / small tablet (max 780px) — matches pt.org.br breakpoint --- */
@media (max-width: 780px) {
  .container { padding-left: 16px; padding-right: 16px; }

  /* Header */
  .header-login-buttons { display: none; }
  .logo-pn { width: 120px; height: auto; }

  /* Fullscreen Nav */
  .main-header-nav .container {
    flex-direction: column;
  }
  .nav-column { width: 100%; }

  /* Secondary Nav */
  .secondary-nav { flex-direction: column; align-items: stretch; gap: 8px; }   

  /* News Banners */
  .news-banner { flex-direction: column; min-height: auto; }
  .news-banner-image { width: 100%; min-height: 200px; }
  .news-banner-content { padding: 16px; }
  .news-banner-title { font-size: 1.2rem; }

  /* News Cards Row */
  .news-cards-row { flex-direction: column; }
  .news-card-col { width: 100%; margin-right: 0; }

  /* News Grid (sub-pages) */
  .news-grid { grid-template-columns: 1fr; gap: 16px; }
  .news-grid.cols-2 { grid-template-columns: 1fr; }
  .news-grid.cols-4 { grid-template-columns: 1fr; }
  .news-card.featured .news-card-img { height: 220px; }

  /* Video Gallery */
  .video-gallery-grid { flex-direction: column; }
  .video-gallery-item:first-child,
  .video-gallery-item:not(:first-child) { max-width: 100%; }

  /* Media CTA */
  .media-cta-row { flex-direction: column; }

  /* Editorias */
  .editorias-grid { flex-direction: column; }
  .editoria-card { width: 100%; max-width: 100%; margin-right: 0; }
  .editorias-newsletter-layout { flex-direction: column; }
  .sidebar-newsletter { width: 100%; max-width: 100%; }

  /* Content */
  .content-layout { grid-template-columns: 1fr; }
  .content-sidebar { order: 2; }

  /* Section */
  .section { padding: 48px 0; }
  .section-title { font-size: 1.5rem; }
  :root { --section-space: 48px; }

  /* Footer */
  .main-footer-nav { flex-direction: column; gap: 24px; }

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

  /* Page header */
  .page-header { padding: 32px 0; }
  .page-header-title { font-size: 1.6rem; }

  /* Article */
  .article-title { font-size: 1.6rem; }
  .article-featured-img .img-placeholder { height: 250px; }
  .article-body { font-size: 1rem; }

  /* Article card */
  body[data-page="noticias"] .content-main > article { padding: 24px; border-radius: var(--radius); }

  /* Breadcrumb mobile */
  .breadcrumb-nav { font-size: 0.75rem; padding: 8px 0; }

  /* Institutional */
  .institutional-content { padding: 24px; }

  /* Forms */
  .filiacao-benefits { grid-template-columns: 1fr; }
  .filiacao-hero h1 { font-size: 1.8rem; }

  /* Quick links & counters */
  .quick-links { grid-template-columns: repeat(2, 1fr); }
  .counter-grid { grid-template-columns: repeat(2, 1fr); }
  .counter-card-number, .counter-number { font-size: 2rem; }
}

/* --- Mobile small (max 340px) — matches pt.org.br breakpoint --- */
@media (max-width: 340px) {
  .news-banner-image { min-height: 160px; }
  .news-banner-title { font-size: 1rem; }
  .news-banner-description { display: none; }
  .team-grid { grid-template-columns: 1fr 1fr; }
  .article-title { font-size: 1.4rem; }
  .article-meta { flex-wrap: wrap; gap: 8px; }
  .pagination a, .pagination span { min-width: 34px; height: 34px; font-size: 0.82rem; }
  .section-header { flex-direction: column; align-items: flex-start; gap: 8px; }
  .institutional-content { padding: 24px 16px; }
  .quick-links { grid-template-columns: 1fr; }
  .scroll-top { right: 16px; bottom: 16px; width: 40px; height: 40px; }
  .partner-banner-link img { width: 130px; height: 112px; }
}