</ iframe > </noscript> <!-- End Google Tag Manager(noscript) --> <div id="nav" nf-menu-institucional="localMenuData"></div> <div id="saludEHigiene" class="margin-bottom-double"> <div nf-page-header="pageHeaderDataSlider"></div> <div class="container margin-top-double margin-bottom-double"> <div nf-image-carousel="carouselImageConfig"></div> </div> </div> <!--Acciones--> <div class="container-fluid padding-top-double padding-base-bottom-double bg-brand-primary-lightest" id="actions"> <div class="container"> <div class="row margin-bottom"> <div class="col-md-4"><h2><strong>Más contenido sobre Salud e Higiene Ocupacional</strong></h2></div> <div class="col-md-2"></div> <div class="col-md-6 margin-top text-gray-darker"><p>Acciones que contribuyen a concientizar a las Instituciones Educativas sobre el riesgo y el seguro.</p></div> </div> <div class="row nf-card-group"> <div class="col-sm-4 margin-top" n-for="index in ActionsList"> <div class="card-image-no-restric" nf-info-card n-bind:nf-info-card-type="index.type" n-bind:nf-info-card-date="index.date" n-bind:nf-info-card-title="index.title" n-bind:nf-info-card-img_src="index.img.src" nf-info-card-img_alt="img" nf-info-card-img_width="100%" n-bind:nf-info-card-text="index.text" n-bind:nf-info-card-button_url="index.button.url" n-bind:nf-info-card-button_label="index.button.label" n-bind:nf-info-card-button_titleAttr="index.button.titleAttr" n-bind:nf-info-card-button_relAttr="index.button.relAttr" n-bind:nf-info-card-button_targetAttr="index.button.targetAttr"> </div> </div> </div> <div class="row margin-top-double" n-visible="showMoreActionsButton"> <div class="col-xs-12 text-center"> <button class="btn btn-primary" n-on:click="loadMore" n-bind:disabled="isLoading">Cargar más acciones</button> </div> </div> </div> </div> <footer class="container-fluid bg-gray-lighter"> <div class="container padding-base-top-double padding-base-bottom-double"> <div class="row footer-row"> <div class="col-md-3 text-center"> <a href="https://www.gruposancorseguros.com" target="_blank"> <img loading="lazy" src="https://corporate-site-content.gruposancorseguros.com/SSA/Content/marca-GSS.svg" alt="Grupo Sancor Seguros" width="246" height="48"> </a> </div> <div class="col-md-3 text-center padding-top-half"> <h4><a href="/Politicas">Política de privacidad</a></h4> </div> <div class="col-md-3 text-center footer-social"> <a href="https://www.instagram.com/fundacion.grupo.sancor.seguros/" target="_blank"> <img loading="lazy" src="/Assets/img/Redes/redes_instagram.svg" alt="Instagram" width="35" height="30"> </a> <a href="https://www.facebook.com/FundacionGSS" target="_blank"> <img loading="lazy" src="/Assets/img/Redes/redes_facebook.svg" alt="Facebook" width="35" height="30"> </a> <a href="https://www.linkedin.com/company/fundación-grupo-sancor-seguros" target="_blank"> <img loading="lazy" src="/Assets/img/Redes/redes_linkedin.svg" alt="LinkedIn" width="35" height="30"> </a> </div> <div class="col-md-3 text-center"> <a href="https://espaciodedialogointerreligioso.org/" target="_blank"> <img loading="lazy" src="/Assets/img/Redes/edi.svg" alt="Espacio de Diálogo Interreligioso" width="246" height="48"> </a> </div> </div> </div> </footer> <script src="https://natalfwk.gruposancorseguros.com/nf-institucional/2.2.0/nfi.min.js"></script> <script src="/bundles/Shared?v=pzcAs5BmvCYpJ6EEGKvRfZMTwofEbaHyLZb7Ks8NYCc1"></script> <script> NFI.View({ el: "#saludEHigiene", mounted: function () { NFI({ pageHeaderDataSlider:{"hasBanner":true,"type":"home","hasCardGroup":false,"cardGroupData":null,"gradient":false,"alignBgImg":"right","textAlign":null,"sliderItems":[{"preTitle":{"value":"","richSnippetProperty":null},"title":{"value":"\u003cimg src=\"https://corporate-site-content.gruposancorseguros.com/GSS/Headers/educacion-y-prevencion20260424111903939.png\" style=\"display: block; margin-left: auto; margin-right: auto; width: 100%; max-width: 500px\"\u003e","richSnippetProperty":null},"description":{"value":"","richSnippetProperty":null},"buttons":[],"backgroundImage":{"sizes":"(min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 1399px), (min-width: 1400px)","srcset":"https://corporate-site-content.gruposancorseguros.com/GSS/Headers/shobanners20190613021159392.jpg 800w, https://corporate-site-content.gruposancorseguros.com/GSS/Headers/shobannerm20190613021159392.jpg 1401w, https://corporate-site-content.gruposancorseguros.com/GSS/Headers/shobannerl20190613021159376.jpg 2001w","alt":"\u003cimg src=\"https://corporate-site-content.gruposancorseguros.com/GSS/Headers/educacion-y-prevencion20260424111903939.png\" style=\"display: block; margin-left: auto; margin-right: auto; width: 100%; max-width: 500px\"\u003e","src":"https://corporate-site-content.gruposancorseguros.com/GSS/Headers/shobannerxs20190613021159392.jpg"}}],"cardsData":null}, carouselImageConfig: { background: 'bg-gray-lighter', clean: "true", img: { src: "/Assets/img/sho_img2.jpg", alt: "image" }, items: [ { content: '<div class="hidden-xs visible-sm hidden-md hidden-lg"><br/><br/><br/><br/><br/><br/><br/><br/></div><h1 class="text-brand-secondary">Concientización y prevención sobre riesgos en el ámbito educativo.</h1>' }, ], activeItem: 0, chevronColor: 'text-brand-primary' } }, "#saludEHigiene"); } }); var actionsList = []; actionsList.forEach(function (element) { if (element.img == null) { element.img = { alt: "", imgResponsive: false, link: null, src: "", width: "100%" } } }); NFI.View({ el: "#actions", state: { ActionsList: [], FullActionsList: actionsList, showMoreActionsButton: true }, methods: { renderInfoCards: function () { NFI({}, this.$el, ['nf-info-card']); }, getMoreCards: function () { var currentLenght = this.ActionsList.length; var remaining = this.FullActionsList.slice(currentLenght); if (remaining.length <= 3) { this.showMoreActionsButton = false; return remaining; } else { return remaining.slice(0, 3); } }, loadMore: function (e) { var self = this; var moreCards = self.getMoreCards(); setTimeout(function () { self.ActionsList = self.ActionsList.concat(moreCards); self.$nextTick(self.renderInfoCards); }, 300); } }, mounted: function () { if (this.FullActionsList.length <= 0) { actions.style.display = "none"; } else if (this.FullActionsList.length > 3) { this.ActionsList = this.FullActionsList.slice(0, 3); } else { this.showMoreActionsButton = false; this.ActionsList = this.FullActionsList; } NFI({}, this.$el, ['nf-info-card']); } }); </script> </body> </html>