<div class="block-wrapper evolution-material-deprivation-portugal" data-share-element="evolution-material-deprivation-portugal-link" data-anchor="#evolution-material-deprivation-portugal-link">
    <a id="evolution-material-deprivation-portugal-link"></a>
    <div class="evolution-material-deprivation-portugal-area">
        <h2>Itens de Privação Material e Social em Portugal <br><span>(2020-2021)</span></h2>
        <p>
            A comparação dos valores de 2020 e de 2021 dos treze indicadores de privação material e social adotados pelo sistema estatístico europeu no âmbito da estratégia 2030 permite evidenciar quais os itens em que a privação das famílias é mais fortemente sentida neste período de crise económica e social. Possibilitam, igualmente, antever em relação a alguns indicadores um desagravamento da situação de 2021 comparativamente a 2020.
            <br><br>
            Entre os indicadores que traduzem uma situação de vulnerabilidade material e social mais elevada em 2021 destacam-se: 37,9% dos indivíduos declara não possibilidade de substituição do mobiliário usado (38,2 em 2020); 36,6% não têm capacidade para pagar uma semana de férias, por ano fora de casa (38,0% em 2020); 31,1% dizem que não têm capacidade para assegurar o pagamento imediato de uma despesa inesperada próxima do valor da linha de pobreza (39,7% em 2020); 16,4% declaram não disporem de capacidade financeira para manter a casa adequadamente aquecida (17,4% em 2021).
            <br><br>
            Pelo profundo impacto social que apresenta saliente-se ainda que 6,9% dos inquiridos no inquérito do INE revelam possuir atrasos, motivado por dificuldades económicas, em algum dos pagamentos regulares relativos a rendas, prestações, créditos, etc. Em 2020, este valor de 5,4%).
        </p>
        @include('frontend.partials.reusables.social')
        <div class="evolution-material-deprivation-portugal-data">
            <div class="chart-wrapper">
                <div class="graph-selector">

                    <div class="chart-separator _red">
                        <span>Indicadores do agregado</span> familiar
                    </div>

                    <div class="input-wrapper select-container">
                        <div class="select-wrapper">
                            <select class="js-select2 js-select-deprivation" style="width: 100%">
                                <option value="0">Capacidade para suportar despesas inesperadas</option>
                                <option value="1">Capacidade para pagar uma semana de férias por ano fora de casa a todo o agregado</option>
                                <option value="2">Atrasos nos pagamentos (rendas, crédito habitação; despesas com o alojamiento; emprestimos ou prestações de bens e serviços)</option>
                                <option value="3">Capacidade para ter uma refeição de carne ou de peixe (ou equivalente vegetariano), pelo menos de dois em dois dias</option>
                                <option value="4">Capacidade financeira para ter a casa adequadamente aquecida</option>
                                <option value="5">Disponibilidade de veículo lugeiro de passageiros ou misto</option>
                                <option value="6">Substituição de móveis usados</option>
                            </select>
                        </div>
                    </div>
                    
                    <div class="category-element js-graph-privacy-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _red">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-wallet.svg" alt="icon-chart-wallet">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-button graph-active" data-serie="1">
                            <div class="category-block input-content _red">
                                <p>Capacidade para suportar despesas inesperadas</p>
                            </div>
                        </div>
                    </div>

                    <div class="category-element js-graph-privacy-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _red">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-beach.svg" alt="icon-chart-beach">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-button graph-inactive" data-serie="2">
                            <div class="category-block input-content _red">
                                <p>Capacidade para pagar uma semana de férias por ano fora de casa a todo o agregado</p>
                            </div>
                        </div>
                    </div>

                    <div class="category-element js-graph-privacy-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _red">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-bills.svg" alt="icon-chart-bills">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-button graph-inactive" data-serie="3">
                            <div class="category-block input-content _red">
                                <p>Atrasos nos pagamentos (rendas, crédito habitação; despesas com o alojamiento; emprestimos ou prestações de bens e serviços)</p>
                            </div>
                        </div>
                    </div>

                    <div class="category-element js-graph-privacy-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _red">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-food.svg" alt="icon-chart-food">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-button graph-inactive" data-serie="4">
                            <div class="category-block input-content _red">
                                <p>Capacidade para ter uma refeição de carne ou de peixe (ou equivalente vegetariano), pelo menos de dois em dois dias</p>
                            </div>
                        </div>
                    </div>            

                    <div class="category-element js-graph-privacy-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _red">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-heat.svg" alt="icon-chart-heat">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-button graph-inactive" data-serie="5">
                            <div class="category-block input-content _red">
                                <p>Capacidade financeira para ter a casa adequadamente aquecida</p>
                            </div>
                        </div>
                    </div>

                    <div class="category-element js-graph-privacy-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _red">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-car.svg" alt="icon-chart-car">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-button graph-inactive" data-serie="6">
                            <div class="category-block input-content _red">
                                <p>Disponibilidade de veículo lugeiro de passageiros ou misto</p>
                            </div>
                        </div>
                    </div>

                    <div class="category-element js-graph-privacy-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _red">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-couch.svg" alt="icon-chart-couch">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-button graph-inactive" data-serie="7">
                            <div class="category-block input-content _red">
                                <p>Substituição de móveis usados</p>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="chart">
                    <div id="evolution-material-deprivation-portugal" class="position-chart"></div>
                </div>
            </div>
            <div class="chart-wrapper">
                <div class="graph-selector">

                    <div class="chart-separator _blue">
                        <span>Indicadores</span> individuais
                    </div>

                    <div class="input-wrapper select-container">
                        <div class="select-wrapper">
                            <select class="js-select2 js-select-deprivation-individual" style="width: 100%">
                                <option value="7">Substituição de roupa usada por alguma roupa nova</option>
                                <option value="8">Dois pares de sapatos de tamanho adequado</option>
                                <option value="9">Gastar semanalmente uma quantia de dinheiro consigo própio</option>
                                <option value="10">Participar regularmente numa atividade de lazer</option>
                                <option value="11">Encontrar-se com amigos/familiares pelo menos uma vez por mês</option>
                                <option value="12">Ligação internet para uso pessoal em casa</option>
                            </select>
                        </div>
                    </div>

                    <div class="category-element js-graph-privacy-individual-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _blue">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-clothes.svg" alt="icon-chart-clothes">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-individual-button graph-active" data-serie="8">
                            <div class="category-block input-content _blue">
                                <p>Substituição de roupa usada por alguma roupa nova</p>
                            </div>
                        </div>
                    </div>

                    <div class="category-element js-graph-privacy-individual-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _blue">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-shoes.svg" alt="icon-chart-shoes">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-individual-button graph-inactive" data-serie="9">
                            <div class="category-block input-content _blue">
                                <p>Dois pares de sapatos de tamanho adequado</p>
                            </div>
                        </div>
                    </div>

                    <div class="category-element js-graph-privacy-individual-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _blue">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-money.svg" alt="icon-chart-money">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-individual-button graph-inactive" data-serie="10">
                            <div class="category-block input-content _blue">
                                <p>Gastar semanalmente uma quantia de dinheiro consigo própio</p>
                            </div>
                        </div>
                    </div>

                    <div class="category-element js-graph-privacy-individual-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _blue">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-theater.svg" alt="icon-chart-theater">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-individual-button graph-inactive" data-serie="11">
                            <div class="category-block input-content _blue">
                                <p>Participar regularmente numa atividade de lazer</p>
                            </div>
                        </div>
                    </div>

                    <div class="category-element js-graph-privacy-individual-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _blue">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-people.svg" alt="icon-chart-people">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-individual-button graph-inactive" data-serie="12">
                            <div class="category-block input-content _blue">
                                <p>Encontrar-se com amigos/familiares pelo menos uma vez por mês</p>
                            </div>
                        </div>
                    </div>

                    <div class="category-element js-graph-privacy-individual-button-icon">
                        <div class="category-image">
                            <div class="image-circle-container _blue">
                                <img class="icon" src="{{ Config::get('path.frontend.img') }}/icons/icon-chart-internet.svg" alt="icon-chart-internet">
                            </div>
                        </div>
                        <div class="category-content js-graph-privacy-individual-button graph-inactive" data-serie="13">
                            <div class="category-block input-content _blue">
                                <p>Ligação internet para uso pessoal em casa</p>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="chart">
                    <div id="evolution-material-deprivation-individual-portugal" class="position-chart"></div>
                </div>
            </div>

            <div class="credits">
                <p><strong>Fonte:</strong> INE ICOR 2021</p>
                <p><strong>Nota: </strong> Novo indicador do Eurostat no âmbito da estratégia Europa 2030</p>
            </div>
        </div>
    </div>
</div>
  