.cta-section {
  background:
    linear-gradient(135deg, rgb(from var(--charcoal) r g b / 0.92) 0%, rgb(from var(--red-deep) r g b / 0.92) 100%),
    url('../imgs/gallery/web/cozinha-granito-preto-via-lactea.webp') center/cover;
  color: var(--marble);
  text-align: center;
  padding: 6rem 0;
}

.cta-section h2 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  max-width: 700px;
  margin: 0 auto 1.5rem;
}

.cta-section p {
  font-size: 1.15rem;
  max-width: 580px;
  margin: 0 auto 2.5rem;
  color: rgba(245, 242, 238, 0.85);
}

.cta-section .cta-btn:not(.cta-btn-gold) {
  background: var(--marble);
  color: var(--charcoal);
  border-color: var(--marble);
}

.cta-section .cta-btn:not(.cta-btn-gold):hover {
  background: var(--red);
  color: var(--marble);
  border-color: var(--red);
}