/* Mobile first — breakpoints: 640px (tablet), 1024px (desktop) */

/* ── Tablet (≥ 640px) ── */
@media (min-width: 640px) {
  .cards-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-inner { grid-template-columns: 1fr 1fr; }
}

/* ── Desktop (≥ 1024px) ── */
@media (min-width: 1024px) {
  .cards-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-inner { grid-template-columns: 2fr 1fr 1fr; }
}

/* ── Mobile (< 768px): colapsar broadsheet ── */
@media (max-width: 767px) {
  .broadsheet {
    grid-template-columns: 1fr;
  }

  .site-header { padding-top: var(--sp-3); }

  .header-top { flex-direction: column; align-items: flex-start; gap: var(--sp-2); }

  .header-date { text-align: left; }
  .header-date .day { display: inline; font-size: var(--text-lg); }

  .site-title { font-size: var(--text-3xl); }

  .article-featured .card-title { font-size: var(--text-2xl); }

  .article-full { max-width: 100%; }

  .article-full-body { font-size: var(--text-base); }

  .journalist-header { flex-direction: column; }

  .footer-inner { grid-template-columns: 1fr; gap: var(--sp-6); }

  .page-container { padding: var(--sp-6) var(--sp-4); }
}

/* ── Imprimir ── */
@media print {
  .site-nav, .site-footer, .sidebar, .btn, .admin-panel { display: none; }
  .broadsheet { grid-template-columns: 1fr; }
  .article-full { max-width: 100%; }
  body { background: #fff; color: #000; }
}