/* Ajustes de conteúdo e consistência visual aprovados */
.wrap {
  max-width: 1360px;
  padding-left: 6%;
  padding-right: 6%;
  margin-left: auto;
  margin-right: auto;
}

/* Cabeçalho único para todas as páginas */
.nav {
  height: 104px;
  gap: 28px;
}

.nav-links {
  gap: 28px;
}

.nav-links a:not(.nav-cta) {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .025em;
  white-space: nowrap;
  transition: color .2s ease, transform .2s ease;
}

.nav-links a:not(.nav-cta):hover {
  opacity: 1;
  color: #a4787c;
  transform: translateY(-2px);
}

.nav-cta {
  min-height: 48px;
  padding: 14px 21px;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .nav-links {
    gap: 18px;
  }
}

@media (max-width: 760px) {
  .wrap {
    padding-left: clamp(20px, 6vw, 28px);
    padding-right: clamp(20px, 6vw, 28px);
  }

  .nav {
    height: 85px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    gap: 0;
  }

  .nav-links {
    top: 85px;
    left: calc(clamp(20px, 6vw, 28px) * -1);
    right: calc(clamp(20px, 6vw, 28px) * -1);
    gap: 0;
    padding: 22px clamp(20px, 6vw, 28px) 26px;
  }

  .nav-links a:not(.nav-cta) {
    font-size: 14px;
    white-space: normal;
  }
}

.hero-side {
  display: none;
}

.journey-visual img {
  object-position: 50% 35%;
}

/* Capas editoriais padronizadas com fundo e ícone rosa */
.post-img.abstract1,
.post-img.abstract2,
.post-img.abstract3,
.card:nth-child(1) .card-visual,
.card:nth-child(2) .card-visual,
.card:nth-child(3) .card-visual {
  background: #dfc3c0;
}

.post-img.abstract1 .shape,
.post-img.abstract2 .shape,
.post-img.abstract3 .shape,
.card:nth-child(1) .shape,
.card:nth-child(2) .shape,
.card:nth-child(3) .shape {
  border-color: #a4787c;
  border-radius: 5% 85% 5% 85%;
  transform: rotate(14deg);
}

/* Na página Reflexões, as três capas ficam no verde claro aprovado. */
.journal .cards .card-visual {
  background: #c5caba !important;
}

.cards .card-visual .shape {
  border-color: #7e8a7e;
}

/* A mesma cor vale para as capas editoriais exibidas na Home. */
.journal .post-img.abstract1,
.journal .post-img.abstract2,
.journal .post-img.abstract3 {
  background: #c5caba !important;
}

.journal .post-img .shape,
.journal .cards .card-visual .shape {
  border-color: #7e8a7e;
}