/* Correções de layout das landing pages.
 *
 * Servido à parte de propósito: o HTML e o CSS das três páginas vieram de
 * terceiro num arquivo único de ~250KB. Se chegar uma versão nova, ela
 * substitui o arquivo inteiro e qualquer correção feita lá dentro se perde.
 * Aqui não. Só é preciso conferir se os seletores continuam existindo.
 *
 * Cada bloco diz o que estava errado, porque daqui a seis meses a regra sem
 * explicação vira candidata a ser apagada por engano.
 */

/* ------------------------------------------------ G.CART: botão invisível
 * .btn-primary é terracota (#DD7D65) e o hero tem fundo terracota, então o
 * botão principal da página some: sobra o texto branco solto e uma sombra.
 * Os próprios autores já tinham tratado isso na seção .conversion, usando a
 * cor tinta; aqui é a mesma decisão, aplicada onde faltou.
 */
.hero .btn-primary{
  background: var(--tinta, #2B211D);
  box-shadow: 0 8px 22px -10px rgba(0,0,0,.55);
}
.hero .btn-primary:hover{ background: #000; }

/* --------------------------------- Leonardo: cabeçalho apertado no celular
 * Abaixo de 900px o menu é escondido, mas o .burger continua display:none e
 * não tem JS nenhum ligado nele, então no celular não existe menu. O que
 * sobra no topo é logo + botão, e o nome do médico com a especialidade
 * embaixo não cabe: quebra em quatro linhas e encosta no botão.
 * Aqui a especialidade sai (ela já está no hero, logo abaixo) e o que fica
 * cabe em uma linha só.
 */
@media (max-width: 620px){
  #siteHeader .logo-text{ font-size: 13px; line-height: 1.15; }
  #siteHeader .logo-text small{ display: none; }
  #siteHeader .logo-mark{ gap: 9px; margin-bottom: 0; }
  #siteHeader .logo-mono{ font-size: 20px; }
  #siteHeader .nav-cta{ gap: 0; }
  #siteHeader .nav-cta .btn{
    padding: 9px 14px;
    font-size: 12px;
    white-space: nowrap;
  }
}

/* -------------------------------------------- as três: alvo de toque mínimo
 * Botão de 40px de altura é o piso para não errar o toque no celular.
 */
@media (max-width: 620px){
  .btn{ min-height: 40px; }
}

/* ------------------------------------------ as três: seleção de texto legível
 * Sem isto, o texto selecionado no celular herda o azul do sistema sobre
 * fundo escuro e fica ilegível na hora de copiar um telefone ou endereço.
 */
::selection{ background: rgba(0,0,0,.18); }