/* bloco contato: faixa turquesa, chamada nas colunas 1 a 6 */
.contato {
  position: relative;
  /* a unica faixa totalmente saturada da pagina, no vermelho institucional */
  background: linear-gradient(110deg, var(--vermelho) 0%, #b3082a 60%, #8f0621 100%);
  color: #fff;
  padding-block: clamp(64px, 7vw, 104px);
  overflow: hidden;
}
/* brilho lento atravessando a faixa */
.contato::after {
  content: ""; position: absolute; inset: -40% -10%;
  background: radial-gradient(closest-side, rgba(255, 255, 255, .3), transparent);
  width: 46%; animation: passa-brilho 11s var(--suave) infinite;
  pointer-events: none;
}
@keyframes passa-brilho {
  0%   { transform: translateX(-60%); opacity: 0; }
  35%  { opacity: .7; }
  100% { transform: translateX(240%); opacity: 0; }
}

.contato .grade { position: relative; z-index: 1; align-items: center; }
.contato__copy { grid-column: 1 / span 6; }
.contato__copy h2 { font-size: calc(clamp(40px, 4.6vw, 74px) * var(--escala-texto, 1)); }
.contato__copy p { margin-top: 14px; font-size: var(--t-corpo); }
.contato__acoes { grid-column: 8 / -1; display: flex; gap: 14px; justify-content: flex-end; }

@media (max-width: 1080px) {
  .contato__copy { grid-column: 1 / -1; }
  .contato__acoes { grid-column: 1 / -1; margin-top: 32px; justify-content: flex-start; }
}

@media (max-width: 680px) {
  .contato__acoes { flex-direction: column; }
  .contato__acoes .pill { width: 100%; }
}