{% block stat %}
   

    <div class="col-md-5 " style="background-color: #fff;margin:5px;width: 500px;">
        <div class="card card-body h-100 flex-fill info-box" >
 {% if stat.valor < 100 and '%' in stat.text %}
                    <span class="info-box-icon" style="width:25%;font-size: xx-large !important;">{{stat.valor|number_format(0)}}%</span>
            {% else %}
        <span class="info-box-icon" style="width:25%;font-size: xx-large !important;">{{stat.valor}}</span>
        {% endif %}
               <div class="info-box-content" style="text-align: center; background-color: #fff;">
            <span class="info-box-number" >{{stat.text|trans({})}}</span>
            <!-- The progress section is optional -->
            {% if stat.valor < 100 and '%' in stat.text %}
            <div class="progress">
                <div class="progress-bar" style="width:{{stat.valor|number_format(0)}}%"></div>
            </div>
            {% endif %}
        </div><!-- /.info-box-content -->
            </p>
        </div>
    </div>
 
{% endblock %}