body {
        font-family: Arial, sans-serif;
    }

    /* Ícone redondo preto */
    .info-icon {
        display: inline-block;
        background-color: #000000; /* Preto */
        color: white; /* Texto branco */
        width: 20px; /* largura fixa */
        height: 20px; /* altura fixa */
        line-height: 20px; /* centraliza verticalmente */
        border-radius: 50%; /* círculo perfeito */
        cursor: pointer;
        font-weight: bold;
        font-family: Arial, sans-serif;
        font-size: 10px; /* tamanho da fonte */
        text-align: center;
    }

    /* Caixa escondida */
    .info-box {
        display: none;
        position: absolute;
        background: white;
        border: 1px solid #ccc;
        padding: 10px;
        width: 200px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
        border-radius: 8px;
        z-index: 1000;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }