/* contato.css: os pontos de contato da página do Estúdio.
   - A capa: a mesma fileira do canal por cima do vídeo (canal.css), com o nome do estúdio e, à direita, o "Agendar
     visita" e o botão mostarda do WhatsApp. No telefone o "Agendar visita" sai (a chamada do fim tem o mesmo botão) e o
     WhatsApp vira o botão redondo do canto, no lugar em que as outras páginas têm o "Onde ouvir".
   - A chamada do fim, no molde do "Agende uma visita e conheça nossos espaços" da OFBOX: uma faixa mostarda com o
     título grande e dois botões pretos, colada no rodapé.
   Depende de: base.css, canal.css e secoes-do-estudio.css (o botão preto). Telefone nas regras soltas, computador no
   @media do fim. */

.canal--sobre-video .canal__visita { background: rgba(255, 255, 255, .14); color: var(--branco); }
.canal--sobre-video .canal__visita:hover { background: rgba(255, 255, 255, .26); }

/* ------------------------------------------------------------ a chamada do fim */

.chamada { padding: 52px 0; background: var(--mostarda); color: var(--preto); text-align: center; }

.chamada__dentro { display: grid; justify-items: center; gap: 12px; }

.chamada__rotulo { font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }

.chamada__titulo { font-size: 30px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.08; }

.chamada__texto { max-width: 52ch; font-size: 15px; line-height: 1.55; }

.chamada__acoes { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 12px; }

/* a chamada encosta no rodapé, sem a tira branca entre os dois */

@media (max-width: 899.98px) {
  .canal--sobre-video .canal__visita { display: none; }
}

@media (min-width: 900px) {
  .canal--sobre-video .canal__visita { min-height: 44px; padding: 0 22px; font-size: 15px; }
  .chamada { padding: 88px 0; }
  .chamada__dentro { gap: 16px; }
  .chamada__titulo { font-size: 52px; }
  .chamada__texto { font-size: 17px; }
  .chamada__acoes { gap: 12px; margin-top: 16px; }
}