/**
 * NB NOW — Home (blog index) layout isolation
 *
 * ONE WRAPPER:  .site-main (when .home)
 * ONE WIDTH:    max-width 1200px, margin auto; padding for inner spacing
 * Prevents stacking with Bootstrap .container; this file is the source of truth for home width/centering.
 */

body.home #content {
  padding-left: 0;
  padding-right: 0;
}

/* Shared vertical rhythm tokens (spacing only) */
body.home {
  --nb-home-section-y: 2.5rem;
  --nb-home-list-item-gap: 1.25rem;
}

body.home .site-main {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: var(--nb-home-section-y);
}

@media (min-width: 768px) {
  body.home .site-main {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/**
 * Homepage typography: legacy bundle (.gris !important, wide tracking on .entry-title)
 * vs typography.css — scoped to body.home .site-main (Watch: .nbnow-watch, unchanged).
 */
/* Section labels (Lead Story, U.S., Mundo, LatAm, Culture): navy truth layer */
body.home .site-main .heading-home.gris {
  color: var(--nb-color-navy, #12163d) !important;
}

body.home .site-main .mid-section-header a:hover .heading-home.gris,
body.home .site-main .top-section-header a:hover .heading-home.gris {
  color: var(--nb-color-accent, #f05144) !important;
  opacity: 1;
}

/* Hero card links: stop legacy letter-spacing on <a> from affecting inherited text */
body.home .site-main a.entry-title {
  letter-spacing: normal;
}

/* Story titles still using .gris in markup */
body.home #topnews .row article h5.gris,
body.home #topnews .post-top-title h5.gris,
body.home .site-main .lista-perfil a.entry-link.gris {
  color: var(--nb-color-navy, #12163d) !important;
}

body.home .site-main .lista-perfil a.entry-link.gris:hover {
  color: var(--nb-color-accent, #f05144) !important;
  opacity: 1;
}

/* Culture featured headline: use NB NOW truth color */
body.home .site-main #culture article:first-of-type a.entry-link {
  color: var(--nb-color-navy, #12163d);
}

body.home .site-main #culture article:first-of-type a.entry-link:hover {
  color: var(--nb-color-accent, #f05144);
}

body.home #topnews .row article a.entry-title:hover h5.gris {
  color: var(--nb-color-accent, #f05144) !important;
}

/**
 * Homepage color (NB NOW): replace legacy blue/cyan gradients with navy / neutral fades.
 * Watch: unchanged (watch.css). No layout or spacing changes.
 */
/* Hero satellite rule under headline */
body.home .site-main .entry-header.acento-top::before {
  background: var(--nb-color-navy, #12163d) !important;
  background-image: none !important;
}

/* Immigration / Sports rail labels */
body.home .site-main .post-category-tall {
  background: var(--nb-color-navy, #12163d) !important;
  background-image: none !important;
}

/* Sports thumbnail title overlay — black fade only */
body.home .site-main .post-cine span {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0) 100%
  ) !important;
}

body.home .site-main #topnews .entry-header.acento-top h5 {
  color: var(--nb-color-navy, #12163d) !important;
}

/**
 * Homepage hero (#topnews): Lead Story label + lead image — Stage 1 (CSS only).
 */
body.home .site-main #topnews .top-section-header a {
  margin-bottom: 0;
  display: inline-block;
}

body.home .site-main #topnews .top-section-header .heading-home {
  margin-top: 0;
  margin-bottom: 0;
}

body.home .site-main #topnews .top-section-header.row {
  margin-bottom: 1.25rem;
}

/* Hero content row only (exclude label row so mx-auto centering stays put). */
body.home .site-main #topnews .container > .row:not(.top-section-header) {
  align-items: flex-start;
}

body.home .site-main #topnews .row article .post-thumbnail img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/**
 * Homepage spacing rhythm: section bands, list density, footer transition.
 * Does not change Watch (watch.css). Editorial sections only below.
 */
body.home .site-main #topnews {
  padding-top: 1.5rem;
  padding-bottom: var(--nb-home-section-y);
}

body.home .site-main > section#eeuu,
body.home .site-main > section#mundo,
body.home .site-main > section#latam,
body.home .site-main > section#culture {
  padding-top: var(--nb-home-section-y);
  padding-bottom: var(--nb-home-section-y);
}

body.home .site-main > section#latam.my-5 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.home .site-main > section#culture.mt-5 {
  margin-top: 0 !important;
}

/* Avoid label margin-top stacking with section padding + col pt-5 */
body.home .site-main .mid-section-header .heading-home {
  margin-top: 0;
}

/* List columns: single step under label (still uses Bootstrap .pt-5 in HTML) */
body.home .site-main section .row > [class*="col-"].pt-5 {
  padding-top: 1rem !important;
}

body.home .site-main .lista-perfil > li.d-flex {
  margin: 0 0 var(--nb-home-list-item-gap) 0 !important;
}

body.home .site-main .lista-perfil > li.d-flex:last-child {
  margin-bottom: 0 !important;
}