document.write(`
     <style>

        #adContainer {
            text-align: center;
            margin: 20px;
        }
        .ad {
            display: none;
        }
    
      </style>
      
<div id="adContainer">
        <div id="HBai_12_Square_1" class="ad">Anuncio 1 <div id="HBai_6_Billboard_1" align="center"></div></div>
        <div id="HBai_12_Square_2" class="ad">Anuncio 2<div id="HBai_7_Billboard_2" align="center"></div></div>
        <div id="HBai_12_Square_3" class="ad">Anuncio 3<div id="HBai_8_Billboard_3" align="center"></div></div>
    </div>



    <script>
         const ads = document.querySelectorAll('.ad');
        const randomIndex = Math.floor(Math.random() * ads.length);
        ads[randomIndex].style.display = 'block';
      </script>
      
      
`)