<div class="col pb-3" id="js-cards-informativos" data-url="{{ path('recarregar_cards', {'dimensao': dimensao, 'id_busca': id_busca} ) }}">
<div class="box color p-4">
<div class="row">
<div class="col col-auto pr-2">
<div class="square bg-white">
<i class="fal fa-fw fa-user-md"></i>
</div>
</div>
<div class="col">
<div class="row">
<div class="col-12 col-sm pb-3 pb-sm-0">
<h3 class="text-18 mb-1">Escore de Valor em Saúde</h3>
<p><b class="text-60">EVS</b></p>
<p class="line-height text-14">Representa um escore de 0 a 5 obtido durante o processo de avaliação no período.</p>
<a href="#" class="button sm transparent mr-2 mt-2 abre-modal" data-modal="modal-detalhe-evs" data-size="lg">Saiba mais</a>
{% include 'componentes/modal-detalhe-evs.html.twig' %}
</div>
<div class="col col-auto">
<h3 class="text-18 mb-1 text-center">EVS</h3>
<p class="text-60 bold d-block pb-3 text-center tooltip" id="js-valor-evs" title='EVS = (IQ * {{ (retorno.dados.peso_qualidade / 100) | is_float }} + IC * {{ (retorno.dados.peso_custo / 100) | is_float }}) * 0,05'>{{retorno.dados.valor | is_float}}</p>
<p>
<div class="stars">
<div class="progress" id="js-estrelas" style="width: {{retorno.estrelas}}%"></div>
<div class="base"></div>
</div>
</p>
</div>
</div>
</div>
</div>
</div>
</div>