/* Heraldo de México — tenant-specific styles
 * Loaded automatically by the (site) layout via <link rel="stylesheet"> only on this tenant.
 */

/* Homepage container: cards span the full content width, no inner side padding.
 * The header/footer still use their own 1200px wrap with padding for navigation
 * and brand alignment — this only affects the homepage grid area. */
@media (min-width: 768px) {
  .home-page-container {
    padding-inline: 0;
  }
}

/* Homepage row of N: collapse the grid gap and use asymmetric padding on outer
 * cells so they sit flush with the content edges, plus a thin separator line
 * between cells. Mirrors Heraldo's "vbar" pattern. Desktop only — on mobile the
 * grid stacks vertically and visual separators aren't needed. */
@media (min-width: 768px) {
  .home-row-grid {
    gap: 0;
  }
  .home-row-grid > * {
    padding-inline: 0.75rem;
    border-right: 1px solid rgba(0, 24, 52, 0.12);
  }
  .home-row-grid > *:first-child {
    padding-left: 0;
  }
  .home-row-grid > *:last-child {
    padding-right: 0;
    border-right: 0;
  }
}