<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="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">Saldo</h3>
            <h4 class="card__data__result current__balance" id="current-balance">Bs. 0.-</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">Móviles</h3>
            <h4 class="card__data__result drivers__count" id="drivers-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="races-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="m7.058,4.962c.839,0,1.595.346,2.139.901-1.325.9-2.198,2.419-2.198,4.138,0,.328.036.647.097.958-.013,0-.025.004-.038.004-1.657,0-3-1.343-3-3s1.343-3,3-3Zm9.942.038c-.841,0-1.599.349-2.144.906,1.293.905,2.144,2.399,2.144,4.094,0,.339-.035.67-.1.99.034.001.066.01.1.01,1.657,0,3-1.343,3-3s-1.343-3-3-3Zm-5,8c1.657,0,3-1.343,3-3s-1.343-3-3-3-3,1.343-3,3,1.343,3,3,3Zm0,2c-1.754,0-3.335,1.063-3.935,2.646-.196.517.064,1.094.581,1.29.515.195,1.094-.064,1.29-.581.307-.811,1.137-1.354,2.065-1.354s1.758.544,2.065,1.354c.151.399.532.646.935.646.118,0,.238-.021.354-.064.516-.196.776-.773.581-1.29-.6-1.582-2.181-2.646-3.935-2.646Zm3.7-1.803c-.527.166-.82.727-.654,1.254.166.526.729.818,1.254.654.223-.07.458-.105.7-.105.928,0,1.758.544,2.065,1.354.151.399.532.646.935.646.118,0,.238-.021.354-.064.516-.196.776-.773.581-1.29-.6-1.582-2.181-2.646-3.935-2.646-.446,0-.883.066-1.3.197Zm-8.7-.197c-1.754,0-3.335,1.063-3.935,2.646-.196.517.064,1.094.581,1.29.117.044.236.064.354.064.403,0,.784-.246.935-.646.307-.811,1.137-1.354,2.065-1.354.242,0,.478.035.7.105.525.164,1.088-.128,1.254-.654.166-.527-.127-1.088-.654-1.254-.417-.131-.854-.197-1.3-.197Zm0,9h-2c-1.654,0-3-1.346-3-3v-2c0-.553-.448-1-1-1s-1,.447-1,1v2c0,2.757,2.243,5,5,5h2c.552,0,1-.447,1-1s-.448-1-1-1Zm16-6c-.552,0-1,.447-1,1v2c0,1.654-1.346,3-3,3h-2c-.552,0-1,.447-1,1s.448,1,1,1h2c2.757,0,5-2.243,5-5v-2c0-.553-.448-1-1-1ZM19,0h-2c-.552,0-1,.447-1,1s.448,1,1,1h2c1.654,0,3,1.346,3,3v2c0,.553.448,1,1,1s1-.447,1-1v-2c0-2.757-2.243-5-5-5ZM1,8c.552,0,1-.447,1-1v-2c0-1.654,1.346-3,3-3h2c.552,0,1-.447,1-1s-.448-1-1-1h-2C2.243,0,0,2.243,0,5v2c0,.553.448,1,1,1Z"/>
            </svg>    
        </i>
        <div class="card__data">
            <h3 class="card__title__title">Pasajeros</h3>
            <h4 class="card__data__result passengers__count" id="passengers-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>