<section class="summary">
    <div class="card card__balance">
        <i class="icon card__icon ">
            <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M16.5,0c-4.206,0-7.5,1.977-7.5,4.5v2.587c-.483-.057-.985-.087-1.5-.087C3.294,7,0,8.977,0,11.5v8c0,2.523,3.294,4.5,7.5,4.5,3.407,0,6.216-1.297,7.16-3.131,.598,.087,1.214,.131,1.84,.131,4.206,0,7.5-1.977,7.5-4.5V4.5c0-2.523-3.294-4.5-7.5-4.5Zm5.5,12.5c0,1.18-2.352,2.5-5.5,2.5-.512,0-1.014-.035-1.5-.103v-1.984c.49,.057,.992,.087,1.5,.087,2.194,0,4.14-.538,5.5-1.411v.911ZM2,14.589c1.36,.873,3.306,1.411,5.5,1.411s4.14-.538,5.5-1.411v.911c0,1.18-2.352,2.5-5.5,2.5s-5.5-1.32-5.5-2.5v-.911Zm20-6.089c0,1.18-2.352,2.5-5.5,2.5-.535,0-1.06-.038-1.566-.112-.193-.887-.8-1.684-1.706-2.323,.984,.28,2.092,.435,3.272,.435,2.194,0,4.14-.538,5.5-1.411v.911Zm-5.5-6.5c3.148,0,5.5,1.32,5.5,2.5s-2.352,2.5-5.5,2.5-5.5-1.32-5.5-2.5,2.352-2.5,5.5-2.5ZM7.5,9c3.148,0,5.5,1.32,5.5,2.5s-2.352,2.5-5.5,2.5-5.5-1.32-5.5-2.5,2.352-2.5,5.5-2.5Zm0,13c-3.148,0-5.5-1.32-5.5-2.5v-.911c1.36,.873,3.306,1.411,5.5,1.411s4.14-.538,5.5-1.411v.911c0,1.18-2.352,2.5-5.5,2.5Zm9-3c-.512,0-1.014-.035-1.5-.103v-1.984c.49,.057,.992,.087,1.5,.087,2.194,0,4.14-.538,5.5-1.411v.911c0,1.18-2.352,2.5-5.5,2.5Z"/></svg>    
        </i>
        <div class="card__data">
            <h3 class="card__title__title">Saldo</h3>
            <h4 class="card__data__result balance__count" id="balance-count"></h4>
        </div>
    </div>
    <div class="card">
        <i class="icon card__icon ">
            <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M23,11a1,1,0,0,0,0-2H21.6l-.77-2.481A4.964,4.964,0,0,0,16.7,3.052,4.982,4.982,0,0,0,12.117,0h-.234A4.982,4.982,0,0,0,7.3,3.052,4.964,4.964,0,0,0,3.172,6.518L2.4,9H1a1,1,0,0,0,0,2h.781l-.715,2.3A3.958,3.958,0,0,0,2,19.444V21a3,3,0,0,0,6,0V20h8v1a3,3,0,0,0,6,0V19.444a3.958,3.958,0,0,0,.934-6.142L22.219,11ZM11.883,2h.234a2.991,2.991,0,0,1,2.226,1H9.657A2.988,2.988,0,0,1,11.883,2Zm-6.8,5.11A2.986,2.986,0,0,1,7.947,5h8.106a2.986,2.986,0,0,1,2.865,2.111l1.532,4.934A3.941,3.941,0,0,0,20,12H4a3.941,3.941,0,0,0-.45.045ZM6,21a1,1,0,0,1-2,0V20H6Zm14,0a1,1,0,0,1-2,0V20h2Zm0-3H4a2,2,0,0,1,0-4v1a1,1,0,0,0,2,0V14H18v1a1,1,0,0,0,2,0V14a2,2,0,0,1,0,4Z"/></svg>
        </i>
        <div class="card__data">
            <h3 class="card__title__title">Carreras</h3>
            <h4 class="card__data__result races__count" id="reces-count"></h4>
        </div>
    </div>
    <div class="card">
        <i class="icon card__icon ">
            <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24">
                <path d="m23.938,17.305l-1.972-11.174c-.422-2.394-2.493-4.131-4.924-4.131H6.958c-3.458,0-4.664,2.655-4.924,4.131L.062,17.305c-.206,1.167.113,2.357.875,3.267.762.908,1.879,1.429,3.064,1.429h.999c.552,0,1-.447,1-1s-.448-1-1-1h-.999c-.593,0-1.151-.261-1.532-.715-.381-.454-.541-1.049-.438-1.633l1.972-11.174c.062-.354.185-.684.355-.979l2.339,12.426c.445,2.361,2.511,4.075,4.914,4.075h8.387c1.186,0,2.303-.521,3.064-1.429.762-.909,1.081-2.1.875-3.267Zm-2.407,1.98c-.381.454-.939.715-1.532.715h-8.387c-1.441,0-2.681-1.028-2.948-2.444l-2.531-13.441c.263-.075.54-.114.824-.114h10.085c1.458,0,2.701,1.042,2.954,2.479l1.972,11.174c.103.584-.056,1.179-.438,1.633Zm-11.531-10.285c-.552,0-1-.448-1-1s.448-1,1-1h7c.552,0,1,.448,1,1s-.448,1-1,1h-7Zm.731,4c-.552,0-1-.448-1-1s.448-1,1-1h7c.552,0,1,.448,1,1s-.448,1-1,1h-7Zm8.769,3c0,.553-.448,1-1,1h-7c-.552,0-1-.447-1-1s.448-1,1-1h7c.552,0,1,.447,1,1Z"/>
            </svg> 
        </i>
        <div class="card__data">
            <h3 class="card__title__title">Reservas</h3>
            <h4 class="card__data__result reservations__count" id="reservations-count"></h4>
        </div>
    </div>
</section>