/* ===============================================================
   2. ESTILIZAÇÃO DO HINT (Dica de Texto)
   =============================================================== */

.footer-hint > span {
  color: inherit;

  /* FLUID SCALING (aplicado ao wrapper) com sintaxe CORRIGIDA */
  width: clamp(1.5rem, calc(2vw + 0.1rem), 7rem);
  height: 100%;

  /* Espaçamento */
  margin-inline: clamp(0.5rem, 1.5vw, 1.5rem);

  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Garante que o SVG preencha o SPAN */
.footer-hint > span > svg {
  width: 100%;
  height: 100%;
  display: block;
}

.footer-hint > span > svg path {
  fill: currentColor;
}