.nm-blog {
  /* padding-top 0: a seção Conteúdos antes já contribui os 96px de respiro
     com o próprio padding-bottom. padding-bottom 96: a seção Quem Somos que
     vem depois tem altura fixa centralizada e não contribui espaço próprio. */
  padding: 0 0 var(--nm-space-9) 0;
  background: var(--nm-color-white);
  position: relative;
}

.nm-blog__header {
  position: relative;
  margin-bottom: var(--nm-space-7);
}

.nm-blog__eyebrow {
  display: block;
  color: var(--nm-color-text-muted);
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-medium);
  font-size: var(--nm-font-size-base);
  text-transform: uppercase;
  margin-bottom: var(--nm-space-5);
}

.nm-blog__title {
  color: var(--nm-color-deep-blue);
  font-family: var(--nm-font-family);
  font-weight: var(--nm-font-weight-medium);
  font-size: var(--nm-font-size-xl);
  line-height: var(--nm-line-height-md);
  margin: 0;
}

.nm-blog__veja-todos {
  position: absolute;
  right: 0;
  top: var(--nm-space-2);
}

.nm-blog__carousel {
  /* No desktop a folga de 2px resolve o corte de sub-pixel do Slick. */
  position: relative;
  width: calc(100% + 2px);
  overflow: hidden;
}

.nm-blog__carousel .slick-list {
  overflow: visible !important;
}

.nm-blog__track {
  display: flex;
  align-items: stretch;
}

.nm-blog__track:not(.slick-initialized) {
  opacity: 0;
  visibility: hidden;
}

.nm-blog__track.slick-initialized {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}

.nm-blog__item {
  flex-shrink: 0;
  margin-right: 30px; /* mesmo espaçamento dos cards de Destaques */
}

.nm-blog__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--nm-space-4);
  margin-top: var(--nm-space-6);
}

.nm-blog__prev,
.nm-blog__next {
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.nm-blog__prev:hover,
.nm-blog__next:hover {
  background: var(--nm-color-deep-blue);
  border-color: var(--nm-color-deep-blue);
}

.nm-blog__prev:hover img,
.nm-blog__next:hover img,
.nm-blog__prev:hover svg,
.nm-blog__next:hover svg {
  filter: brightness(0) invert(1);
}

.nm-blog__arrow-icon--prev {
  transform: scaleX(-1);
}

@media (max-width: 768px) {
  .nm-blog__carousel {
    width: calc((100vw + 100%) / 2);
  }

  .nm-blog__veja-todos {
    position: static;
    margin-top: var(--nm-space-3);
  }

  .nm-blog__item {
    margin-right: var(--nm-space-5);
  }
  .nm-blog__eyebrow{
    text-align: left;
  }
}