/* Ajustes da home (site estatico). O visual do tema e mantido; aqui so entram
   correcoes pequenas. */

/* Logo sem recorte quando o cabecalho fica em uma linha so (telas medias) */
header.main-header .logo img {
  max-width: 100%;
  height: auto;
}

/* Botao do WhatsApp (Click to Chat) com leve destaque ao passar o mouse */
#ht-ctc-chat .ht_ctc_chat_style {
  transition: transform .2s ease;
}
#ht-ctc-chat:hover .ht_ctc_chat_style {
  transform: translateY(-2px);
}

/* ---------------------------------------------------------------- celular */
@media (max-width: 767px) {
  /* Botao de e-mail do rodape: o texto e mais largo que a tela e estourava
     pela direita; agora quebra dentro da caixa. */
  #footer-sidebars .textwidget .vamtam-button.alignright {
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 14px !important;
  }
  #footer-sidebars .textwidget p[style*="padding-right"] {
    padding-right: 0 !important;
  }
  /* Texto justificado em coluna estreita abre buracos entre as palavras */
  .page-content p[style*="justify"],
  .the-content p[style*="justify"],
  .textwidget p[style*="justify"],
  .services-content p[style*="justify"],
  .services.fullimage[style*="justify"] {
    text-align: left !important;
  }
  /* Titulos longos (posts) nao estouram a largura */
  .page-header h1 {
    overflow-wrap: anywhere;
  }
}

/* Links do rodape e do bloco de servicos: transicao suave de cor */
.services-title a,
.copyrights a,
footer.main-footer a {
  transition: color .2s ease;
}