/* Corrige suporte moderno de ajuste de tamanho de texto */
body {
  -webkit-text-size-adjust: 100%; /* Fallback para Safari antigo */
  text-size-adjust: 100%;
}

/* Compatibilidade ampla com alinhamento em <th> */
th {
  text-align: -webkit-match-parent;      /* fallback antigo */
  text-align: match-parent;              /* moderno */
  text-align: inherit;                   /* fallback universal */
}

/* Substituição segura para 'color-adjust' */
.form-check-input {
  /* color-adjust: exact; <-- Removido */
  /* Caso use temas escuros ou claros automáticos: */
  color-scheme: light dark;
}

/* Correções opcionais para fontes do Bootstrap ou tamanhos de botão */
button, input, select, textarea {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.logo-img {
  height: 100px;
}

.honeypot-field {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

/* CSS para controlar a altura do wrapper da imagem em telas pequenas */
.image-card-wrapper {
  /* Define uma altura fixa para a imagem em telas extra-pequenas e pequenas (mobile) */
  /* Ajuste este valor conforme a necessidade para que a imagem não fique muito alta */
  height: 180px; /* Exemplo: altura de 180px para mobile */
  width: 100%; /* Garante que o wrapper ocupe toda a largura da coluna */
  /* overflow-hidden já está na classe do Bootstrap, mas é bom mencionar a importância */
}

/* Media query para telas médias (md) e maiores */
@media (min-width: 768px) {
  .image-card-wrapper {
    /* Em telas maiores, o wrapper da imagem deve esticar para 100% da altura da coluna */
    /* Isso faz com que a imagem se ajuste à altura do card-body */
    height: 100%;
  }
}