/* Masthead com a marca centralizada e uma faixa própria para as editorias. */
.site-header.site-header--masthead::before { top: 0; }
.site-header--masthead .masthead-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  width: min(calc(100% - 40px), 1560px);
  min-height: 110px;
  padding-block: 14px;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.masthead-row .brand { grid-column: 2; grid-row: 1; justify-self: center; }
.masthead-row .brand .custom-logo { max-width: min(240px, 34vw); max-height: 78px; width: auto; height: auto; }
.masthead-row .brand-mark { width: 74px; height: 74px; }
.masthead-row .header-actions { grid-column: 3; grid-row: 1; justify-self: end; }
.masthead-row .masthead-menu {
  grid-column: 1;
  grid-row: 1;
  display: inline-flex;
  justify-self: start;
  align-items: center;
  gap: 10px;
  width: auto;
  min-height: 44px;
  padding-inline: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  font: 700 14px Inter, Arial, sans-serif;
}
.masthead-row .search-toggle { display: flex; gap: 9px; align-items: center; justify-content: center; width: auto; padding-inline: 13px; }
.masthead-action-label { font: 700 13px Inter, Arial, sans-serif; }
.site-header--masthead .masthead-categories {
  position: relative;
  z-index: 2;
  border-top: 1px solid var(--line);
  border-bottom: 2px solid var(--accent);
}
.masthead-categories .primary-nav[hidden] { display: none !important; }
.site-header--masthead .masthead-categories .primary-nav {
  position: static;
  width: min(calc(100% - 40px), 1560px);
  margin-inline: auto;
}
@media (min-width: 981px) {
  .site-header--masthead .masthead-categories .menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: clamp(14px, 1.5vw, 26px);
    row-gap: 0;
  }
  .site-header--masthead .masthead-categories .menu > li > a {
    text-transform: none;
    min-height: 48px;
    font-size: 16px;
  }
}
@media (max-width: 980px) {
  .masthead-categories .primary-nav { margin-block: 8px; max-height: calc(100dvh - 116px); }
  .masthead-categories .primary-nav[hidden] { margin: 0; }
  .site-header--masthead .masthead-categories .primary-nav.open { display: block; }
}
@media (max-width: 650px) {
  .site-header--masthead .masthead-row { width: calc(100% - 24px); min-height: 80px; padding-block: 9px; gap: 6px; }
  .masthead-row .brand .custom-logo { max-height: 58px; }
  .masthead-row .brand-mark { width: 56px; height: 56px; }
  .masthead-row .search-toggle { width: 38px; padding: 0; }
  .masthead-action-label { display: none; }
}

/* A abertura usa quase toda a tela e volta a duas colunas antes de apertar os títulos. */
body.home .home-lead.home-lead--wide.hero-layout {
  width: min(calc(100% - 48px), 1840px);
  margin-inline: auto;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 2.35fr) minmax(240px, .9fr);
  grid-template-areas: 'latest lead popular';
  gap: clamp(14px, 1.3vw, 24px);
  align-items: start;
}
.home-lead--wide .home-lead-main { grid-area: lead; }
.home-lead--wide .home-latest { grid-area: latest; }
.home-lead--wide .home-popular { grid-area: popular; }
.home-lead--wide .home-lead-slider { --lnn-hero-image-height: clamp(260px, 27vw, 530px); }
.home-lead--wide .home-most-read { height: auto; padding: clamp(14px, 1.2vw, 23px); }
.home-lead--wide .home-most-read-head { display: grid; gap: 6px; padding-bottom: 12px; }
.home-lead--wide .home-most-read-head h2 { font-size: clamp(30px, 2.6vw, 40px); }
.home-lead--wide .home-most-read-list { grid-template-columns: 1fr; gap: 0; }
.home-lead--wide .home-most-read-item:nth-child(odd) { border-right: 0; padding-right: 0; }
.home-lead--wide .home-most-read-item a {
  grid-template-columns: 25px minmax(0, 1fr) clamp(54px, 4.4vw, 84px);
  gap: 9px;
  padding: 14px 0;
}
.home-lead--wide .home-latest .home-most-read-item a { grid-template-columns: clamp(54px, 4.4vw, 84px) minmax(0, 1fr); }
.home-lead--wide .home-most-read-rank { font-size: 29px; }
.home-lead--wide .home-most-read-copy h3 { font-size: clamp(13px, .93vw, 16px); line-height: 1.35; overflow-wrap: anywhere; }
.home-lead--wide .home-most-read-item a:hover h3 { color: var(--accent); }
.home .lnn-video-daily .lnn-video-hub-inner { width: min(calc(100% - 48px), 1640px); }
@media (max-width: 1190px) {
  body.home .home-lead.home-lead--wide.hero-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: 'lead lead' 'latest popular';
  }
  .home-lead--wide .home-lead-slider { --lnn-hero-image-height: clamp(260px, 44vw, 510px); }
}
@media (max-width: 650px) {
  body.home .home-lead.home-lead--wide.hero-layout {
    width: calc(100% - 22px);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'lead' 'latest' 'popular';
  }
  .home-lead--wide .home-lead-slider { --lnn-hero-image-height: clamp(180px, 55vw, 290px); }
  .home-lead--wide .home-lead-copy h1 { font-size: clamp(30px, 8.4vw, 40px); }
  .home .lnn-video-daily .lnn-video-hub-inner { width: calc(100% - 26px); }
}

/* Abertura um pouco mais compacta, com as duas listas na mesma grade. */
.home-lead--wide .home-most-read { padding: clamp(13px, 1.1vw, 20px); }
.home-lead--wide .home-most-read-item a { padding-block: 10px; }
.home-lead--wide .home-most-read-copy small { display: block; }

@media (min-width: 1191px) {
  body.home .home-lead.home-lead--wide.hero-layout {
    width: min(calc(100% - 64px), 1760px);
    grid-template-areas: none;
    grid-template-rows: repeat(6, auto);
    row-gap: 0;
    align-items: stretch;
  }
  .home-lead--wide .home-lead-main {
    grid-area: 1 / 2 / 7 / 3;
    display: flex;
  }
  .home-lead--wide .home-latest { grid-area: 1 / 1 / 7 / 2; }
  .home-lead--wide .home-popular { grid-area: 1 / 3 / 7 / 4; }
  .home-lead--wide .home-lead-slider {
    --lnn-hero-image-height: clamp(245px, 24.5vw, 480px);
    align-content: stretch;
    height: auto;
  }
  .home-lead--wide .home-lead-slide { align-self: stretch; }
  .home-lead--wide .home-lead-link { height: 100%; }
  .home-lead--wide .home-lead-copy { padding-block: 22px 24px; }
  .home-lead--wide .home-lead-copy h1 { font-size: clamp(34px, 3.5vw, 56px); }
}

@media (min-width: 651px) and (max-width: 1190px) {
  body.home .home-lead.home-lead--wide.hero-layout {
    grid-template-areas: none;
    grid-template-rows: auto repeat(6, auto);
    row-gap: 0;
    align-items: stretch;
  }
  .home-lead--wide .home-lead-main { grid-area: 1 / 1 / 2 / 3; margin-bottom: 16px; }
  .home-lead--wide .home-latest { grid-area: 2 / 1 / 8 / 2; }
  .home-lead--wide .home-popular { grid-area: 2 / 2 / 8 / 3; }
  .home-lead--wide .home-lead-slider { --lnn-hero-image-height: clamp(245px, 41vw, 470px); }
}

@media (min-width: 651px) {
  .home-lead--wide .home-most-read {
    display: grid;
    grid-template-rows: subgrid;
    row-gap: 0;
  }
  .home-lead--wide .home-most-read-head { grid-row: 1; }
  .home-lead--wide .home-most-read-list {
    grid-row: 2 / 7;
    grid-template-rows: subgrid;
  }
  .home-lead--wide .home-most-read-item a { height: 100%; align-items: start; }
}