/* Estilos para o ícone de informação e popover */
  .info-icon:hover {
    transform: scale(1.1);
  }

  /* Estado visível do popover */
  .popover-visible {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Ajuste para mobile - popovers menores */
  @media (max-width: 640px) {
    [id$="-popover"] {
      width: 16rem !important;
      right: -2rem !important;
    }
  }