/* Fotos reais da página de envelopes. Mantém a hierarquia visual da vitrine principal. */
.envelopes-page .product-hero {
  min-height: 590px;
  background-image:
    linear-gradient(90deg, rgba(42, 37, 35, .96) 0%, rgba(103, 66, 73, .89) 43%, rgba(42, 55, 38, .40) 74%, rgba(33, 47, 29, .22) 100%),
    url('/assets/envelope-cartoes-verde.webp');
  background-position: center, right center;
  background-size: cover, auto 100%;
  background-repeat: no-repeat;
}

.envelopes-page .showcase img,
.envelopes-page .spec-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.envelopes-page .showcase img { object-position: center 49%; }
.envelopes-page .spec-art img { object-position: center 46%; }

/* Comparação em dois cards independentes, com leitura mais direta. */
.envelopes-page .comparison {
  padding: 88px 0;
  color: var(--white);
  background: #f2e8dc;
}

.envelopes-page .comparison-grid {
  gap: 24px;
}

.envelopes-page .comparison-grid > div {
  min-height: 360px;
  padding: 48px;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 24px;
  background: linear-gradient(145deg, #65706d, #4f5b57);
  box-shadow: 0 18px 35px rgba(65, 55, 50, .12);
}

.envelopes-page .comparison-grid > .good {
  background: linear-gradient(145deg, #613b52, #452d3f);
}

.envelopes-page .comparison h2 {
  max-width: 470px;
}

.envelopes-page .comparison .good h2 {
  color: #f6abc5;
}

/* Remove o padrão de fundo do CTA e preserva somente as cores da marca. */
.envelopes-page .final-cta {
  background-color: #1c4939;
  background-image: linear-gradient(115deg, #173e32 0%, #2e654e 55%, #92516a 100%);
}

.envelopes-page .final-cta::before {
  background: linear-gradient(135deg, transparent, rgba(216, 220, 137, .08));
}

@media (max-width: 800px) {
  .envelopes-page .product-hero {
    min-height: 550px;
    background-image:
      linear-gradient(90deg, rgba(42, 37, 35, .97) 0%, rgba(103, 66, 73, .91) 57%, rgba(33, 47, 29, .50) 100%),
      url('/assets/envelope-cartoes-verde.webp');
    background-position: center, right center;
    background-size: cover, auto 100%;
  }

  .envelopes-page .comparison {
    padding: 62px 0;
  }

  .envelopes-page .comparison-grid > div {
    min-height: auto;
    padding: 34px 27px;
  }
}