Col路labora amb Vall d'Hebron

<!DOCTYPE html> <html lang="{{currentLang}}" class="page" ng-app="DetailApp" ng-controller="DetailController"> <head>  <script>dataLayer = [];</script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5CPTG5W');</script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M858FVN');</script>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> <meta http-equiv="Last-Modified" content="0"> <meta name="google" content="notranslate"/> <meta name="robots" content="NOODP"> <link rel="shortcut icon" href="https://hospital.vallhebron.com/themes/custom/vhebron_campus/favicon.ico" type="image/vnd.microsoft.icon" />  <title>Col路labora amb Vall d'Hebron</title><meta name="title" content="Col路labora amb Vall d'Hebron"> <meta name="description" content="Ajuda'ns a millorar l鈥檈stada dels pacients a l鈥橦ospital i col路labora perqu猫 la recerca avanci. Fes el teu donatiu."> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:title" content="Col路labora amb Vall d'Hebron"> <meta property="twitter:description" content="Ajuda'ns a millorar l鈥檈stada dels pacients a l鈥橦ospital i col路labora perqu猫 la recerca avanci. Fes el teu donatiu.">  <link rel="preconnect" href="https://www.youtube.com/"> <link rel="preconnect" href="www.stockcrowd.com"> <style type="text/css"> * { font-size: 1rem; line-height: 23px; word-break: break-word; font-family: 'Raleway', sans-serif; } .color-fondo, .filtro-fondo.fondo-camp::before, .barra-donacion::before, .informacion .tab-container button::before, .overlay-recompensa .annadir-productos:hover, .overlay-carrito .annadir-productos:hover, .img-embajador::before, .color-inverse:hover { background-color: {{'#'+colorCampaign}} !important; } .filtro-fondo.no-fondo::before { background-color: transparent !important; } .fondo-camp .progress .determinate{ background-color: #FFFFFF !important; } .color-texto, .faqs a, #modal-cookies-policy a, .color-inverse, .modal-legales a, .white .compra span, .modal .btn-donacion:hover, .nav-secundaria .btn-donacion:hover, .principal .btn-donacion.white-text:not(.transparent):hover, .principal-movil .btn-donacion.white-text:not(.transparent):hover, .principal .transparent.white-text:hover { color: {{'#'+colorCampaign}} !important; } .principal h1, .principal h1 strong, .principal h1 b, .principal h1 span { color: {{campaign.colorTituloCampaign}}; } .principal .descripcion, .principal .descripcion strong, .principal .descripcion b, .principal .descripcion span{ color: {{campaign.colorDescripcionCampaign}}; } .accordion-trigger, .faq-active, .overlay-recompensa .visor-miniaturas ul li .active { border: 1px solid {{'#'+colorCampaign}} !important; } .modal .close-up:focus, .modal .close-up:hover, .btn-donacion { border: 2px solid {{'#'+colorCampaign}}; } .btn-donacion:not(.color-inverse):hover { background-color: transparent !important; } .participantes .donacion-info { border-bottom: 2px solid {{'#'+colorCampaign}}; } .input-text:focus { outline: 1px solid {{'#'+colorCampaign}}; } .barra-donacion::before { width: {{porCientoBarra}}%; } .accordion-icon { border: solid {{'#'+colorCampaign}}; } footer { background-color: {{colorFooter}}; } .footer-icon { color: {{colorFooter}}; } .white .compra svg { fill: {{'#'+colorCampaign}} !important; } #K14 { background-color: {{colorTestimonios}} !important; } #K14 .encabezados, #K14 .descripcion-testimonios { color: {{colorTextoTestimonios}} !important; } </style>  <link rel="stylesheet" type="text/css" rel="stylesheet" href="https://www.stockcrowd.com/resources/css/templates/vh/style-standard.css"/> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;500;700;800&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Work+Sans:700&display=swap" rel="stylesheet">  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">  </head> <body class="body-detail page load-opacity hide">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5CPTG5W" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M858FVN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <a href="#maincontent" class="skip-link">{{ 'SALTAR_CONTENIDO' | translate }}</a>  <header> <div class="navbar-fixed"> <nav class="nav--vh"> <div class="nav-principal valign-wrapper"> <div class="container center-align"> <a ng-href="https://www.vallhebron.com/{{currentLang}}" target="_blank"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/logo-vh.svg" alt="Vall d'Hebron" class="responsive-img"> </a> </div> </div> <div class="nav-secundaria valign-wrapper white"> <div class="container valign-wrapper space-between"> <div class="valign-wrapper menu-principal"> <div class="logo"> <a ng-href="{{sitioWeb}}" ng-if="sitioWeb && logCampanna" title="{{empresaDatos.nombre}}, {{titleLogo}}. {{ventanaNueva}}" class="valign-wrapper" target="_blank" rel="noopener"> <img ng-src="{{logCampanna}}" class="responsive-img" alt="{{empresaDatos.nombre}}, {{altLogo}}"> </a> <img ng-if="!sitioWeb && logCampanna" ng-src="{{logCampanna}}" ng-src="{{logCampanna}}" class="responsive-img" alt="{{empresaDatos.nombre}}, {{altLogo}}"> </div> </div> <div class="valign-wrapper"> <div class="menu-items"> <ul class="hide-on-med-and-down valign-wrapper flex-wrap menu" ng-if="tabsVisibles.length>1"> <li ng-repeat="menu in tabsVisibles"> <a tabindex="0" class="color-hover" ng-class="{'enlace-interno': !menu.urlExterna}" data-id="{{menu.id}}" data-target="{{'&num;'+menu.id}}" ng-bind-html="htmlTrusted(!menu.descripcionHeader ? menu.descripcion : menu.descripcionHeader)" ng-href="{{menu.urlExterna ? menu.urlExterna : '&num;'+menu.id}}">{{!menu.descripcionHeader ? menu.descripcion : menu.descripcionHeader}}</a> </li> </ul> <a tabindex="0" ng-repeat="menu in tabsVisibles" ng-if="tabsVisibles.length==1" class="color-hover hide-on-med-and-down" ng-class="{'enlace-interno': !menu.urlExterna}" data-id="{{menu.id}}" ng-bind-html="htmlTrusted(!menu.descripcionHeader ? menu.descripcion : menu.descripcionHeader)" ng-href="{{menu.urlExterna ? menu.urlExterna : '&num;'+menu.id}}">{{!menu.descripcionHeader ? menu.descripcion : menu.descripcionHeader}}</a> </div> <div ng-if="idiomas.length>1" class="idiomas"> <span for="language-selector" class="visually-hidden">{{seleccionarIdioma}}</span> <a tabindex="0" aria-expanded="false" class="seleccionar-idioma valign-wrapper" id="language-selector" ng-click="toggleIdioma()"> {{currentLang}} <div class="idioma-negative idiomas-img hide" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#838383"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/> </svg> </div> <div class="idioma-positive idiomas-img" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#838383"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/> </svg> </div> </a> <ul class="lista-idiomas no-display"> <li ng-repeat="idioma in idiomas" ng-if="idioma != currentLang"> <button ng-if="idioma=='es'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="ESP, {{idiomaEs}}">ES</button> <button ng-if="idioma=='ca'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="CAT, {{idiomaCa}}">CA</button> <button ng-if="idioma=='en'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="ENG, {{idiomaEn}}">EN</button> <button ng-if="idioma=='it'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="ITA, {{idiomaIt}}">IT</button> <button ng-if="idioma=='pt'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="POR, {{idiomaPt}}">PO</button> <button ng-if="idioma=='fr'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="FRA, {{idiomaFr}}">FR</button> <button ng-if="idioma=='eu'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="EUS, {{idiomaEu}}">EU</button> <button ng-if="idioma=='de'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="GER, {{idiomaDe}}">GE</button> <button ng-if="idioma=='gl'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="GAL, {{idiomaGa}}">GA</button> </li> </ul> </div> <div class="hide-on-med-and-down" ng-if="campaign.estado == 'A' || campaign.estado == 'P'"> <div ng-if="campaign.tipoCampaign==402 && mayDonate && campaign.estado != 'B'"> <a ng-if="!campaign.cta && rewards.length>0" href="#K07" class="btn-donacion color-fondo white-text enlace-interno" data-id="K07">{{btnCta}}</a> <a ng-if="campaign.cta" ng-href="{{campaign.cta}}" class="btn-donacion color-fondo white-text">{{btnCta}}</a> </div> <div ng-if="campaign.tipoCampaign!=402 && campaign.tipoCampaign!=409 && mayDonate && campaign.estado != 'B'"> <button ng-if="!campaign.cta" class="btn-donacion color-fondo white-text" ng-click="goToForm()" aria-label="{{btnCta}}, {{formDonacion}}" data-style="peer">{{btnCta}}</button> <a ng-if="campaign.cta" class="btn-donacion color-fondo white-text" ng-href="{{campaign.cta}}">{{btnCta}}</a> </div> <div ng-if="campaign.tipoCampaign==409 && mayDonate && campaign.estado != 'B'"> <a ng-if="retos.length>0" href="#K16" class="btn-donacion color-fondo white-text enlace-interno" data-id="K07">{{btnCta}}</a> </div> </div> <button aria-label="Carrito de la compra" class="compra valign-wrapper color-fondo " ng-if="campaign.tipoCampaign==402 && mayDonate && cart.length>0" ng-click="verCarrito()"> <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#838383"><g><rect fill="none" height="24" width="24"/><path d="M18,6h-2c0-2.21-1.79-4-4-4S8,3.79,8,6H6C4.9,6,4,6.9,4,8v12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V8C20,6.9,19.1,6,18,6z M12,4c1.1,0,2,0.9,2,2h-4C10,4.9,10.9,4,12,4z M18,20H6V8h2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V8h4v2c0,0.55,0.45,1,1,1s1-0.45,1-1V8 h2V20z"/></g></svg> <span class="cart-count-icon white-text">{{elementsInCart}}</span> </button> <button class="button-menu hide-on-large-only" ng-if="tabsVisibles.length>0" ng-click="openHamburgerVh()"> <svg aria-hidden="true" class="block" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <g style="stroke:#000000;stroke-width:2;fill:none;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round"> <path d="m3 12.5h18"></path> <path d="m3 6.5h18"></path> <path d="m3 18.5h18"></path> </g> </svg> </button> </div> </div> </div> </nav> </div>  <div class="menu-mobile hide hide-on-large-only"> <div class="menu-interno"> <button class="button-menu" ng-click="openHamburgerVh()"> <svg aria-hidden="true" class="block menu-abierto" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <g style="stroke:#000;stroke-width:2;fill:none;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round"> <path d="m18 6-12 12"></path> <path d="m6 6 12 12"></path> </g> </svg> </button> <div class="user-view center-align"> <img ng-if="logCampanna" ng-src="{{logCampanna}}" alt="Vall d'Hebron" class="responsive-img"> </div> <ul class="menu-items" ng-if="tabsVisibles.length>1"> <li ng-repeat="menu in tabsVisibles"> <a data-id="{{menu.id}}" ng-bind-html="htmlTrusted(!menu.descripcionHeader ? menu.descripcion : menu.descripcionHeader)" class="enlace-interno" data-target="{{'&num;'+menu.id}}" ng-href="{{menu.urlExterna ? menu.urlExterna : '&num;'+menu.id}}">{{!menu.descripcionHeader ? menu.descripcion : menu.descripcionHeader}}</a> </li> </ul> <a ng-repeat="menu in tabsVisibles" ng-if="tabsVisibles.length==1" data-id="{{menu.id}}" ng-bind-html="htmlTrusted(!menu.descripcionHeader ? menu.descripcion : menu.descripcionHeader)" data-target="{{'&num;'+menu.id}}" ng-class="{'enlace-interno': !menu.urlExterna}" ng-href="{{menu.urlExterna ? menu.urlExterna : '&num;'+menu.id}}">{{!menu.descripcionHeader ? menu.descripcion : menu.descripcionHeader}}</a> </div> </div> </header>  <main>  <div class="principal valign-wrapper principal-reorg"> <div class="filtro" ng-if="coverFilter == false"></div> <div class="video-background" ng-if="videos.length>0"> <div class="video-foreground hide-on-med-and-down"> <iframe tabindex="-1" title="Video de campa帽a" ng-class="{'youtube':videos[0].url.indexOf('youtu') !== -1, 'vimeo':videos[0].url.indexOf('vimeo') !== -1}" ng-src="{{trustSrc(videoPortada)}}" allowfullscreen></iframe> </div> </div> <div class="principal-slider" ng-if="gallery.length>0"> <div ng-repeat="imagen in gallery" ng-style="{'background-image': {true : 'url(\''+imagen.url+'\')', false : ''}[imagen.url!=null]}" class="cover" ng-class="{'active':$first}"></div> </div> <div class="container hide-on-med-and-down"> <div class="row margin-cero"> <div class="col m12 s12" ng-class="{'l6':campaign.contentHeaderAlign != 'B', 'l7 bloques':campaign.contentHeaderAlign == 'B'}"> <h1 ng-bind-html="htmlTrusted(campaign.tituloCampaign)">{{campaign.tituloCampaign}}</h1> <p ng-if="campaign.descripcion" class="descripcion" ng-class="{'hide-on-large-only':campaign.ocultarDescripcionDesktop}" ng-bind-html="htmlTrusted(campaign.descripcion)">{{campaign.descripcion}}</p> </div>  <div class="col m12 s12" ng-class="{'l6':campaign.contentHeaderAlign != 'B', 'l7 bloques':campaign.contentHeaderAlign == 'B'}"> <div class="embebido iframe-embebido"></div> <ul class="redes-sociales valign-wrapper space-center" ng-if="campaign.facebookShare != null || campaign.twitterTweet != null || guiaEmbajador"> <li ng-if="campaign.facebookShare != null"> <a class="facebook" ng-click="facebookShare($event.currentTarget)" title="{{ 'IR_A_FACEBOOK' | translate }}"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="#FFFFFF"/> <path d="M12.8012 19.9999V12.7016H15.251L15.6178 9.85726H12.8012V8.04126C12.8012 7.21779 13.0299 6.65655 14.2109 6.65655L15.7171 6.65585V4.11195C15.4565 4.07742 14.5624 4 13.5223 4C11.3508 4 9.86407 5.32545 9.86407 7.75971V9.85733H7.40796V12.7016H9.864V20L12.8012 19.9999Z" fill="#000000"/> </svg> </a> </li> <li ng-if="campaign.twitterTweet != null"> <a class="twitter" ng-href="https://twitter.com/intent/tweet?text={{publicarTweet}}" title="{{ 'IR_A_TWITTER' | translate }}"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="#FFFFFF"/> <path d="M17.8812 9.40625C17.8812 9.5375 17.8812 9.66875 17.8812 9.78125C17.8812 13.6625 14.9187 18.1437 9.51875 18.1437C7.85 18.1437 6.3125 17.6562 5 16.8312C5.225 16.85 5.46875 16.8687 5.69375 16.8687C7.0625 16.8687 8.3375 16.4 9.35 15.6125C8.05625 15.5937 6.96875 14.7312 6.6125 13.5687C6.8 13.6062 6.96875 13.625 7.175 13.625C7.4375 13.625 7.7 13.5875 7.94375 13.5125C6.59375 13.25 5.58125 12.0687 5.58125 10.6437C5.58125 10.625 5.58125 10.625 5.58125 10.6062C5.975 10.8312 6.425 10.9625 6.9125 10.9812C6.125 10.4562 5.6 9.55625 5.6 8.525C5.6 7.98125 5.75 7.475 5.99375 7.04375C7.4375 8.825 9.6125 9.9875 12.05 10.1187C11.9937 9.9125 11.975 9.66875 11.975 9.44375C11.975 7.8125 13.2875 6.5 14.9187 6.5C15.7625 6.5 16.5312 6.85625 17.0562 7.41875C17.7312 7.2875 18.35 7.04375 18.9312 6.70625C18.7062 7.4 18.2375 7.9625 17.6375 8.3375C18.2375 8.2625 18.8 8.1125 19.325 7.86875C18.95 8.46875 18.4625 8.99375 17.8812 9.40625Z" fill="#000000"/> </svg> </a> </li> <li ng-if="guiaEmbajador"> <button class="difundir" title="Gu铆a del embajador, abre una ventana modal" ng-click="guiaEmbajadorModal($event.currentTarget)" data-id="#guia-embajador"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="#FFFFFF"/> <path d="M5.43748 11.5312C5.43834 10.7856 5.73493 10.0707 6.26219 9.54345C6.78945 9.01619 7.50433 8.7196 8.24998 8.71875H10.5928C10.6231 8.71863 13.662 8.67835 16.5533 6.25335C16.6899 6.13854 16.8565 6.06512 17.0335 6.04172C17.2104 6.01832 17.3903 6.04592 17.5521 6.12127C17.7139 6.19662 17.8508 6.31658 17.9468 6.46707C18.0427 6.61756 18.0937 6.79231 18.0938 6.97078V16.0917C18.0949 16.2703 18.0444 16.4454 17.9485 16.596C17.8526 16.7466 17.7153 16.8663 17.553 16.9408C17.4282 16.9994 17.2921 17.03 17.1542 17.0302C16.9341 17.0297 16.7213 16.9515 16.5534 16.8092C14.334 14.9478 12.0279 14.4915 11.0625 14.3798V16.4366C11.0627 16.591 11.0246 16.743 10.9518 16.8791C10.879 17.0152 10.7736 17.1312 10.6451 17.2167L10.0009 17.6461C9.87593 17.7294 9.73273 17.7815 9.58341 17.7979C9.43408 17.8143 9.283 17.7946 9.14288 17.7404C9.00277 17.6862 8.87772 17.5992 8.77827 17.4866C8.67883 17.374 8.60789 17.2392 8.57145 17.0934L7.87768 14.3183C7.20268 14.2274 6.5835 13.8949 6.13484 13.3825C5.68617 12.87 5.43843 12.2123 5.43748 11.5312ZM9.48097 16.866L10.125 16.4366V14.3437H8.85034L9.48097 16.866ZM8.24998 13.4062H10.125V9.65625H8.24998C7.7527 9.65625 7.27579 9.85379 6.92416 10.2054C6.57253 10.5571 6.37498 11.034 6.37498 11.5312C6.37498 12.0285 6.57253 12.5054 6.92416 12.8571C7.27579 13.2087 7.7527 13.4062 8.24998 13.4062Z" fill="#000000"/> </svg> </button> </li> </ul> </div> </div> </div> <div class="logo-encabezado mobile-version ng-scope" ng-if="empresaDatos.partidoPolitico == false"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/logo_stc/stc-positivo.png" alt="Logo StockCrowd"> </div> </div> <div class="principal-movil hide-on-large-only"> <div class="container"> <div class="row margin-cero"> <div class="col l12 m12 s12"> <ul class="redes-sociales form-redes valign-wrapper space-end" ng-if="campaign.facebookShare != null || campaign.twitterTweet != null || whatsappDetalle || guiaEmbajador"> <li ng-if="campaign.facebookShare != null"> <a class="facebook" ng-click="facebookShare($event.currentTarget)" title="{{ 'IR_A_FACEBOOK' | translate }}"> <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="#000000"/> <path d="M12.8012 19.9999V12.7016H15.251L15.6178 9.85726H12.8012V8.04126C12.8012 7.21779 13.0299 6.65655 14.2109 6.65655L15.7171 6.65585V4.11195C15.4565 4.07742 14.5624 4 13.5223 4C11.3508 4 9.86407 5.32545 9.86407 7.75971V9.85733H7.40796V12.7016H9.864V20L12.8012 19.9999Z" fill="#FFFFFF"/> </svg> </a> </li> <li ng-if="campaign.twitterTweet != null"> <a class="twitter" ng-href="https://twitter.com/intent/tweet?text={{publicarTweet}}" title="{{ 'IR_A_TWITTER' | translate }}"> <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="{{fondoRed}}"/> <path d="M17.8812 9.40625C17.8812 9.5375 17.8812 9.66875 17.8812 9.78125C17.8812 13.6625 14.9187 18.1437 9.51875 18.1437C7.85 18.1437 6.3125 17.6562 5 16.8312C5.225 16.85 5.46875 16.8687 5.69375 16.8687C7.0625 16.8687 8.3375 16.4 9.35 15.6125C8.05625 15.5937 6.96875 14.7312 6.6125 13.5687C6.8 13.6062 6.96875 13.625 7.175 13.625C7.4375 13.625 7.7 13.5875 7.94375 13.5125C6.59375 13.25 5.58125 12.0687 5.58125 10.6437C5.58125 10.625 5.58125 10.625 5.58125 10.6062C5.975 10.8312 6.425 10.9625 6.9125 10.9812C6.125 10.4562 5.6 9.55625 5.6 8.525C5.6 7.98125 5.75 7.475 5.99375 7.04375C7.4375 8.825 9.6125 9.9875 12.05 10.1187C11.9937 9.9125 11.975 9.66875 11.975 9.44375C11.975 7.8125 13.2875 6.5 14.9187 6.5C15.7625 6.5 16.5312 6.85625 17.0562 7.41875C17.7312 7.2875 18.35 7.04375 18.9312 6.70625C18.7062 7.4 18.2375 7.9625 17.6375 8.3375C18.2375 8.2625 18.8 8.1125 19.325 7.86875C18.95 8.46875 18.4625 8.99375 17.8812 9.40625Z" fill="{{colorRed}}"/> </svg> </a> </li> <li ng-if="whatsappDetalle"> <a class="whatsapp " target="_blank" rel="noopener" href="whatsapp://send?text={{campaign.whatsappDetalle}}" data-action="share/whatsapp/share" title="{{ 'IR_A_WHATSAPP' | translate }}"> <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="black"/> <path d="M17.3753 6.60574C16.0889 5.28142 14.3105 4.5625 12.4943 4.5625C8.6348 4.5625 5.5321 7.70304 5.56994 11.5247C5.56994 12.7355 5.91048 13.9084 6.47805 14.9679L5.49426 18.5625L9.16453 17.6166C10.1862 18.1841 11.3213 18.449 12.4564 18.449C16.278 18.449 19.3808 15.3084 19.3808 11.4868C19.3808 9.63277 18.6618 7.89223 17.3753 6.60574ZM12.4943 17.276C11.4726 17.276 10.451 17.0111 9.58075 16.4814L9.35372 16.3679L7.15913 16.9355L7.7267 14.7787L7.57534 14.5517C5.91048 11.8652 6.70507 8.30845 9.4294 6.64358C12.1537 4.97872 15.6726 5.77331 17.3375 8.49764C19.0024 11.222 18.2078 14.7409 15.4835 16.4057C14.6132 16.9733 13.5537 17.276 12.4943 17.276ZM15.824 13.076L15.4078 12.8868C15.4078 12.8868 14.8024 12.622 14.424 12.4328C14.3862 12.4328 14.3483 12.3949 14.3105 12.3949C14.197 12.3949 14.1213 12.4328 14.0456 12.4706C14.0456 12.4706 14.0078 12.5084 13.478 13.1139C13.4402 13.1895 13.3645 13.2274 13.2889 13.2274H13.251C13.2132 13.2274 13.1375 13.1895 13.0997 13.1517L12.9105 13.076C12.4943 12.8868 12.1159 12.6598 11.8132 12.3571C11.7375 12.2814 11.624 12.2057 11.5483 12.1301C11.2835 11.8652 11.0186 11.5625 10.8294 11.222L10.7916 11.1463C10.7537 11.1084 10.7537 11.0706 10.7159 10.9949C10.7159 10.9193 10.7159 10.8436 10.7537 10.8057C10.7537 10.8057 10.9051 10.6166 11.0186 10.503C11.0943 10.4274 11.1321 10.3139 11.2078 10.2382C11.2835 10.1247 11.3213 9.97331 11.2835 9.8598C11.2456 9.67061 10.7916 8.64899 10.678 8.42196C10.6024 8.30845 10.5267 8.27061 10.4132 8.23277H10.2997C10.224 8.23277 10.1105 8.23277 9.99697 8.23277C9.92129 8.23277 9.84561 8.27061 9.76994 8.27061L9.7321 8.30845C9.65643 8.34628 9.58075 8.42196 9.50507 8.4598C9.4294 8.53547 9.39156 8.61115 9.31588 8.68682C9.05102 9.02736 8.89967 9.44358 8.89967 9.8598C8.89967 10.1625 8.97534 10.4652 9.08886 10.7301L9.1267 10.8436C9.46724 11.5625 9.92129 12.2057 10.5267 12.7733L10.678 12.9247C10.7916 13.0382 10.9051 13.1139 10.9807 13.2274C11.7753 13.9084 12.6835 14.4003 13.7051 14.6652C13.8186 14.703 13.9699 14.703 14.0835 14.7409C14.197 14.7409 14.3483 14.7409 14.4618 14.7409C14.651 14.7409 14.878 14.6652 15.0294 14.5895C15.1429 14.5139 15.2186 14.5139 15.2943 14.4382L15.3699 14.3625C15.4456 14.2868 15.5213 14.249 15.597 14.1733C15.6726 14.0976 15.7483 14.022 15.7862 13.9463C15.8618 13.7949 15.8997 13.6057 15.9375 13.4166C15.9375 13.3409 15.9375 13.2274 15.9375 13.1517C15.9375 13.1517 15.8997 13.1139 15.824 13.076Z" fill="white"/> </svg> </a> </li> <li ng-if="guiaEmbajador"> <button class="difundir" title="Gu铆a del embajador, abre una ventana modal" ng-click="guiaEmbajadorModal($event.currentTarget)" data-id="#guia-embajador"> <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="#000000"/> <path d="M5.43748 11.5312C5.43834 10.7856 5.73493 10.0707 6.26219 9.54345C6.78945 9.01619 7.50433 8.7196 8.24998 8.71875H10.5928C10.6231 8.71863 13.662 8.67835 16.5533 6.25335C16.6899 6.13854 16.8565 6.06512 17.0335 6.04172C17.2104 6.01832 17.3903 6.04592 17.5521 6.12127C17.7139 6.19662 17.8508 6.31658 17.9468 6.46707C18.0427 6.61756 18.0937 6.79231 18.0938 6.97078V16.0917C18.0949 16.2703 18.0444 16.4454 17.9485 16.596C17.8526 16.7466 17.7153 16.8663 17.553 16.9408C17.4282 16.9994 17.2921 17.03 17.1542 17.0302C16.9341 17.0297 16.7213 16.9515 16.5534 16.8092C14.334 14.9478 12.0279 14.4915 11.0625 14.3798V16.4366C11.0627 16.591 11.0246 16.743 10.9518 16.8791C10.879 17.0152 10.7736 17.1312 10.6451 17.2167L10.0009 17.6461C9.87593 17.7294 9.73273 17.7815 9.58341 17.7979C9.43408 17.8143 9.283 17.7946 9.14288 17.7404C9.00277 17.6862 8.87772 17.5992 8.77827 17.4866C8.67883 17.374 8.60789 17.2392 8.57145 17.0934L7.87768 14.3183C7.20268 14.2274 6.5835 13.8949 6.13484 13.3825C5.68617 12.87 5.43843 12.2123 5.43748 11.5312ZM9.48097 16.866L10.125 16.4366V14.3437H8.85034L9.48097 16.866ZM8.24998 13.4062H10.125V9.65625H8.24998C7.7527 9.65625 7.27579 9.85379 6.92416 10.2054C6.57253 10.5571 6.37498 11.034 6.37498 11.5312C6.37498 12.0285 6.57253 12.5054 6.92416 12.8571C7.27579 13.2087 7.7527 13.4062 8.24998 13.4062Z" fill="#FFFFFF"/> </svg> </button> </li> </ul> <h1 class="mobile-datos" ng-bind-html="htmlTrusted(campaign.tituloCampaign)">{{campaign.tituloCampaign}}</h1> <p class="mobile-datos"ng-if="campaign.descripcion" class="descripcion" ng-class="{'hide-on-large-only':campaign.ocultarDescripcionDesktop}" ng-bind-html="htmlTrusted(campaign.descripcion)">{{campaign.descripcion}}</p> </div> <div class="col l12 m12 s12 main-buttons embebido iframe-mobile"> </div> </div> </div> </div> <div id="maincontent" tabindex="-1">  <section class="contenedor-bloques recompensas-destacadas " ng-if="productosDestacados.length>0"> <div class="container"> <div class="row margin-cero same-height"> <div class="col l3 m6 s12 recompensa-container" ng-repeat="reward in productosDestacados | orderBy:'-id'"> <div class="card z-depth-0 card-recompensas"> <div class="card-image" ng-if="reward.imagenes.length>0"> <div class="cover" ng-style="{'background-image': {true : 'url(\''+reward.imagenes[0].url+'\')', false : ''}[reward.imagenes[0].url!=null]}"></div> <span class="badge color-fondo white-text hide" ng-if="reward.total == reward.reclamadas"> {{'AGOTADAS' | translate }}</span> <button class="color-fondo" aria-label="{{verDetallesDestacada}}{{reward.titulo}}" ng-click="verRecompensa($event.currentTarget)" data-id="{{reward.id}}" ng-if="!reward.cta"> <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#FFFFFF"><g><rect fill="none" height="24" width="24"/><path d="M18,6h-2c0-2.21-1.79-4-4-4S8,3.79,8,6H6C4.9,6,4,6.9,4,8v12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V8C20,6.9,19.1,6,18,6z M12,4c1.1,0,2,0.9,2,2h-4C10,4.9,10.9,4,12,4z M18,20H6V8h2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V8h4v2c0,0.55,0.45,1,1,1s1-0.45,1-1V8 h2V20z"/></g></svg> </button> </div> <div class="card-content"> <div class="row margin-cero"> <div class="col s12"> <h2 ng-if="reward.titulo"> <label ng-if="!reward.cta" ng-bind-html="htmlTrusted(reward.titulo)">{{reward.titulo}}</label> <a ng-if="reward.cta" ng-href="{{reward.cta}}" ng-bind-html="htmlTrusted(reward.titulo)">{{reward.titulo}}</a> </h2> </div> <div class="col s12 valign-wrapper space-between"> <span class="color-texto" ng-if="!reward.cta && reward.tramos.length==0">{{formatCurrency(reward.importe, 2)}}</span> <span class="color-texto" ng-if="!reward.cta && reward.tramos.length>0"> {{reward.tramos[0].cantidad}} {{'UNIDADES' | translate}} {{'DESDE' | translate}} {{formatCurrency(reward.tramos[0].importe, 2)}} </span> <small ng-if="!reward.ocultarDisponibilidad && !reward.ocultarSolicitadas && reward.total!=null" data-translate="QUEDAN" data-translate-values="{cantidad: (reward.total-reward.reclamadas)}"></small> </div> </div> </div> </div> </div> </div> </div> </section> <section id="{{menu.id}}" class="contenedor-bloques hide" ng-repeat="menu in campaign.tabs" ng-style="{'background-color': {true : '{{menu.sectionBgColor}}', false : ''}[menu.sectionBgColor!=null]}" ng-if="menu.id!='K08' && menu.id!='K09' && menu.id!='K10' && menu.id!='K22' && menu.id!='K23' && menu.id!='K24'"> <div class="container">  <div class="row margin-cero"> <div class="col offset-l1 l10 offset-m1 m10 s12 info-section"> <h2 class="encabezados" tabindex="-1" ng-bind-html="menu.descripcion" ng-style="{'color': {true : '{{menu.sectionFgColorTitulo}}', false : ''}[menu.sectionFgColorTitulo!=null]}">{{menu.descripcion}}</h2> <p ng-if="menu.descripcionLarga" ng-bind-html="menu.descripcionLarga" ng-class="{'white-text': menu.id=='K14'}">{{menu.descripcionLarga}}</p> </div> </div> <div class="row margin-cero">  <div class="col s12 bloques informacion" ng-if="menu.id=='K05' || menu.id=='K17'"> <div class="row margin-cero" ng-class="{'hide-on-med-and-down':opportunities.length>1}"> <div class="col s12 tab-list"> <div class="tabs"> <div role="tablist" aria-label="{{menu.descripcion}}" class="tab-container"> <button ng-repeat="informacion in opportunities" role="tab" aria-selected="{{$first ? 'true' : 'false'}}" aria-controls="{{informacion.id}}-tab" id="tab-{{informacion.id}}" data-tab="{{informacion.id}}" tabindex="{{$first ? '0' : '-1'}}" ng-click="abrirTab($event.currentTarget)" ng-class="{'active':$first}" ng-if="informacion.titulo"> {{informacion.titulo}} </button> </div> <div ng-repeat="informacion in opportunities" tabindex="0" role="tabpanel" id="{{informacion.id}}-tab" aria-labelledby="tab-{{informacion.id}}" class="tabs-info" ng-class="{'hide':!$first}"> <div ng-if="informacion.descripcion" ng-bind-html="htmlTrusted(informacion.descripcion)" class="textos">{{informacion.descripcion}}</div> <div class="archivos-externos valign-wrapper flex-wrap" ng-if="informacion.file.url || informacion.ctaUrl || informacion.ctaDescripcion"> <a ng-if="informacion.file.url" ng-href="{{informacion.file.url}}" target="_blank" rel="noopener" ng-style="{'color': '{{!informacion.color ? fondoCamp : informacion.color}}'}" title="{{informacion.file.name}}. {{enlaceDocumento}}"> {{informacion.file.name}}.{{informacion.file.extension}} ({{informacion.file.size}}{{informacion.file.sizeFile}}) </a> <a ng-if="informacion.ctaUrl" class="btn btn-donacion" ng-href="{{informacion.ctaUrl}}" data-color="{{!informacion.color ? fondoCamp : informacion.color}}" ng-style="{'background-color': '{{!informacion.color ? fondoCamp : informacion.color}}', 'border': '2px solid {{!informacion.color ? fondoCamp : informacion.color}}'}" target="_blank" rel="noopener" title="{{!informacion.ctaDescripcion ? btnCta : informacion.ctaDescripcion}}. Abre en ventana nueva.">{{!informacion.ctaDescripcion ? btnCta : informacion.ctaDescripcion}}</a> <a ng-if="campaign.tipoCampaign==402 && informacion.ctaDescripcion && !informacion.ctaUrl" href="#K07" data-id="K07" class="btn btn-donacion enlace-interno" data-color="{{!informacion.color ? fondoCamp : informacion.color}}" ng-style="{'background-color': '{{!informacion.color ? fondoCamp : informacion.color}}', 'border': '2px solid {{!informacion.color ? fondoCamp : informacion.color}}'}"> {{!informacion.ctaDescripcion ? btnCta : informacion.ctaDescripcion}} </a> <button ng-if="campaign.tipoCampaign!=402 && informacion.ctaDescripcion && !informacion.ctaUrl" data-color="{{!informacion.color ? fondoCamp : informacion.color}}" class="btn btn-donacion" ng-style="{'background-color': '{{!informacion.color ? fondoCamp : informacion.color }}', 'border': '2px solid {{!informacion.color ? fondoCamp : informacion.color}}'}" ng-click="goToForm()" aria-label="{{!informacion.ctaDescripcion ? btnCta : informacion.ctaDescripcion}}, {{formDonacion}}">{{!informacion.ctaDescripcion ? btnCta : informacion.ctaDescripcion}}</button> </div> <div class="media" ng-if="informacion.video || informacion.images.length>0" ng-class="{'hide-on-small-only':informacion.ocultarCta}"> <div class="container-video cover" ng-style="{'background-image' : 'url({{trustSrc(informacion.video.urlThumbnail)}})'}" ng-if="informacion.video"> <div class="contenedor-iframe"> <iframe class="iframe-fondo responsive-iframe no-iframe" width="100%" height="100%" frameborder="0" allowfullscreen title="{{informacion.titulo}}"></iframe> <button class="play-container" data-url="{{informacion.video.url}}" data-titulo="{{informacion.titulo}}" data-id="{{trustSrc(getYoutubeInsertionCodeId(informacion.video.url))}}" ng-class="{'youtube':informacion.video.url.indexOf('youtu') !== -1}" ng-click="verVideo($event.currentTarget)" aria-label="Reproducir video, {{informacion.titulo}}"> <img loading="lazy" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/play.png" class="responsive-img" alt="{{'REPRODUCIR_VIDEO' | translate }}"> </button> </div> </div> <section ng-if="informacion.images.length>1" class="carousel carousel-acces" aria-roledescription="carousel" aria-label="{{informacion.titulo}}"> <button class="screen-reader-text skip-carrousel color-texto" ng-click="saltarCarrousel($event.currentTarget)">{{ 'SALTAR_CARROUSEL' | translate }}</button> <div tabindex="-1" class="carousel-inner"> <ul class="carousel-items"> <li ng-repeat="imagen in informacion.images" class="carousel-item cover {{$index}}" ng-class="{'active':$first}" role="group" aria-roledescription="slide" aria-label="{{diapositiva}} {{$index+1}} {{de}} {{informacion.images.length}}, {{!imagen.alt ? informacion.titulo : imagen.alt}}" data-id="{{$index}}" ng-style="{'background-image': {true : 'url(\''+imagen.url+'\')', false : ''}[imagen.url!=null]}"> </li> </ul> <div class="controls valign-wrapper"> <button type="button" class="previous btn-prev" aria-label="{{diapositivaAnterior}}" ng-click="anteriorDiapositiva($event.currentTarget)"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/prev.png" aria-hidden="true" alt="{{diapositivaAnterior}}"> </button> <button type="button" class="next btn-next" aria-label="{{diapositivaSiguiente}}" ng-click="siguienteDiapositiva($event.currentTarget)"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/next.png" aria-hidden="true" alt="{{diapositivaSiguiente}}"> </button> </div> <ul class="slidenav valign-wrapper"> <li class="indicator-slider" ng-repeat="indicador in informacion.images"> <button class="indicador {{$index}}" ng-class="{'active': $first}" data-slide="{{$index}}" aria-label="{{irDiapositiva}} {{$index+1}}" ng-style="{'background-color': '{{!informacion.color ? fondoCamp : informacion.color}}'}" ng-click="indicadorItem($event.currentTarget)"></button> </li> </ul> <div aria-live="polite" aria-atomic="true" class="liveregion visually-hidden"></div> </div> </section> <img loading="lazy" ng-if="informacion.images.length==1" ng-attr-sizes="{{informacion.images[0].sizes}}" ng-srcset="{{informacion.images[0].srcSet}}" ng-src="{{informacion.images[0].url}}" class="responsive-img img-one" alt="{{!informacion.images[0].alt ? informacion.titulo : informacion.images[0].alt}}"> </div> </div> </div> </div> </div> <div id="accordion-group" class="accordion hide-on-large-only" ng-class="{'hide-on-med-and-down':opportunities.length==1}"> <div ng-repeat="informacion in opportunities" class="faq-container"> <h3> <button aria-expanded="false" class="accordion-trigger" aria-controls="sec-{{informacion.id}}" id="accordion-{{informacion.id}}" ng-click="collapsElement($event.currentTarget)"> <span class="accordion-title color-texto"> {{informacion.titulo}} <span class="accordion-icon"></span> </span> </button> </h3> <div id="sec-{{informacion.id}}" role="region" aria-labelledby="accordion-{{informacion.id}}" class="accordion-panel"> <div class="collapsible-body"> <div ng-if="informacion.descripcion" ng-bind-html="htmlTrusted(informacion.descripcion)" class="textos">{{informacion.descripcion}}</div> <div class="archivos-externos valign-wrapper flex-wrap" ng-if="informacion.file.url || informacion.ctaUrl || informacion.ctaDescripcion"> <a ng-if="informacion.file.url" ng-href="{{informacion.file.url}}" ng-style="{'color': '{{!informacion.color ? fondoCamp : informacion.color}}'}" title="{{informacion.file.name}}. {{enlaceDocumento}}"> {{informacion.file.name}}.{{informacion.file.extension}} ({{informacion.file.size}}{{informacion.file.sizeFile}}) </a> <a ng-if="informacion.ctaUrl" class="btn btn-donacion" data-color="{{!informacion.color ? fondoCamp : informacion.color}}" ng-href="{{informacion.ctaUrl}}" ng-style="{'background-color': '{{!informacion.color ? fondoCamp : informacion.color }}', 'border': '2px solid {{!informacion.color ? fondoCamp : informacion.color}}'}" target="_blank" rel="noopener" title="{{!informacion.ctaDescripcion ? btnCta : informacion.ctaDescripcion}}. Abre en ventana nueva.">{{!informacion.ctaDescripcion ? btnCta : informacion.ctaDescripcion}}</a> <button ng-if="informacion.ctaDescripcion && !informacion.ctaUrl" class="btn btn-donacion" data-color="{{!informacion.color ? fondoCamp : informacion.color}}" ng-style="{'background-color': '{{!informacion.color ? fondoCamp : informacion.color }}', 'border': '2px solid {{!informacion.color ? fondoCamp : informacion.color}}'}" ng-click="goToForm()" aria-label="{{!informacion.ctaDescripcion ? btnCta : informacion.ctaDescripcion}}, {{formDonacion}}">{{!informacion.ctaDescripcion ? btnCta : informacion.ctaDescripcion}}</button> </div> <div class="media" ng-if="informacion.video || informacion.images.length>0" ng-class="{'hide-on-small-only':informacion.ocultarCta}"> <div class="container-video cover" ng-style="{'background-image' : 'url({{trustSrc(informacion.video.urlThumbnail)}})'}" ng-if="informacion.video"> <div class="contenedor-iframe"> <iframe class="iframe-fondo responsive-iframe no-iframe" width="100%" height="100%" frameborder="0" allowfullscreen title="{{informacion.titulo}}"></iframe> <button class="play-container" data-url="{{informacion.video.url}}" data-titulo="{{informacion.titulo}}" data-id="{{trustSrc(getYoutubeInsertionCodeId(informacion.video.url))}}" ng-class="{'youtube':informacion.video.url.indexOf('youtu') !== -1}" ng-click="verVideo($event.currentTarget)" aria-label="Reproducir video, {{informacion.titulo}}"> <img loading="lazy" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/play.png" class="responsive-img" alt="{{'REPRODUCIR_VIDEO' | translate }}"> </button> </div> </div> <section ng-if="informacion.images.length>1" class="carousel carousel-acces" aria-roledescription="carousel" aria-label="{{informacion.titulo}}"> <button class="screen-reader-text skip-carrousel color-texto" ng-click="saltarCarrousel($event.currentTarget)">{{ 'SALTAR_CARROUSEL' | translate }}</button> <div tabindex="-1" class="carousel-inner"> <ul class="carousel-items"> <li ng-repeat="imagen in informacion.images" class="carousel-item cover {{$index}}" ng-class="{'active':$first}" role="group" aria-roledescription="slide" aria-label="{{diapositivaSiguiente}} {{$index+1}} {{de}} {{informacion.images.length}}, {{!imagen.alt ? informacion.titulo : imagen.alt}}" data-id="{{$index}}" ng-style="{'background-image': {true : 'url(\''+imagen.url+'\')', false : ''}[imagen.url!=null]}"> </li> </ul> <div class="controls valign-wrapper"> <button type="button" class="previous btn-prev" aria-label="{{diapositivaAnterior}}" ng-click="anteriorDiapositiva($event.currentTarget)"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/prev.png" aria-hidden="true" alt="{{diapositivaAnterior}}"> </button> <button type="button" class="next btn-next" aria-label="{{diapositivaSiguiente}}" ng-click="siguienteDiapositiva($event.currentTarget)"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/next.png" aria-hidden="true" alt="{{diapositivaSiguiente}}"> </button> </div> <ul class="slidenav valign-wrapper"> <li class="indicator-slider" ng-repeat="indicador in informacion.images"> <button class="indicador {{$index}}" ng-class="{'active': $first}" data-slide="{{$index}}" aria-label="{{irDiapositiva}} {{$index+1}}" ng-style="{'background-color': '{{!informacion.color ? fondoCamp : informacion.color}}'}" ng-click="indicadorItem($event.currentTarget)"></button> </li> </ul> <div aria-live="polite" aria-atomic="true" class="liveregion visually-hidden"></div> </div> </section> <img loading="lazy" ng-if="informacion.images.length==1" ng-attr-sizes="{{informacion.images[0].sizes}}" ng-srcset="{{informacion.images[0].srcSet}}" ng-src="{{informacion.images[0].url}}" class="responsive-img img-one" alt="{{!informacion.images[0].alt ? informacion.titulo : informacion.images[0].alt}}"> </div> </div> </div> </div> </div> </div>  <div class="col s12 mas-info" ng-if="menu.id=='K02' || menu.id=='K18'"> <div class="row margin-cero same-height"> <div class="col s12 info-container" ng-repeat="masinfo in documents | limitTo:variableLimite" ng-class="{'l6':documents.length>1,'informacion': documents.length==1}"> <img loading="lazy" ng-if="masinfo.images.length==1" ng-class="{'hide-on-large-only': documents.length>1}" ng-attr-sizes="{{masinfo.images[0].sizes}}" ng-srcset="{{masinfo.images[0].srcSet}}" ng-src="{{masinfo.images[0].url}}" class="responsive-img img-one media" alt="{{!masinfo.images[0].alt ? masinfo.titulo : masinfo.images[0].alt}}"> <div class="media cover hide-on-med-and-down" ng-if="masinfo.images.length==1" ng-class="{'hide':masinfo.ocultarCta}" ng-style="{'background-image' : 'url({{trustSrc(masinfo.images[0].url)}})'}"></div> <div class="media" ng-if="masinfo.video || masinfo.images.length>1" ng-class="{'hide-on-small-only':masinfo.ocultarCta, 'mas-img':masinfo.images.length>1}"> <div ng-if="masinfo.video" class="container-video cover" ng-style="{'background-image' : 'url({{trustSrc(masinfo.video.urlThumbnail)}})'}"> <div class="contenedor-iframe"> <iframe class="iframe-fondo responsive-iframe no-iframe" width="100%" height="100%" frameborder="0" allowfullscreen title="{{masinfo.titulo}}"></iframe> <button class="play-container" data-url="{{masinfo.video.url}}" data-titulo="{{masinfo.titulo}}" data-id="{{trustSrc(getYoutubeInsertionCodeId(masinfo.video.url))}}" ng-class="{'youtube':masinfo.video.url.indexOf('youtu') !== -1}" ng-click="verVideo($event.currentTarget)" aria-label="Reproducir video, {{masinfo.titulo}}"> <img loading="lazy" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/play.png" class="responsive-img" alt="{{'REPRODUCIR_VIDEO' | translate }}"> </button> </div> </div> <section ng-if="masinfo.images.length>1" class="carousel carousel-acces" aria-roledescription="carousel" aria-label="{{masinfo.titulo}}"> <button class="screen-reader-text skip-carrousel color-texto" ng-click="saltarCarrousel($event.currentTarget)">{{ 'SALTAR_CARROUSEL' | translate }}</button> <div tabindex="-1" class="carousel-inner"> <ul class="carousel-items"> <li ng-repeat="imagen in masinfo.images" class="carousel-item cover {{$index}}" ng-class="{'active':$first}" role="group" aria-roledescription="slide" aria-label="{{diapositiva}} {{$index+1}} {{de}} {{masinfo.images.length}}, {{!imagen.alt ? masinfo.titulo : imagen.alt}}" data-id="{{$index}}" ng-style="{'background-image': {true : 'url(\''+imagen.url+'\')', false : ''}[imagen.url!=null]}"> </li> </ul> <div class="controls valign-wrapper"> <button type="button" class="previous btn-prev" aria-label="{{diapositivaAnterior}}" ng-click="anteriorDiapositiva($event.currentTarget)"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/prev.png" aria-hidden="true" alt="{{diapositivaAnterior}}"> </button> <button type="button" class="next btn-next" aria-label="{{diapositivaSiguiente}}" ng-click="siguienteDiapositiva($event.currentTarget)"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/next.png" aria-hidden="true" alt="{{diapositivaSiguiente}}"> </button> </div> <ul class="slidenav valign-wrapper"> <li class="indicator-slider" ng-repeat="indicador in masinfo.images"> <button class="indicador {{$index}}" ng-class="{'active': $first}" data-slide="{{$index}}" aria-label="{{irDiapositiva}} {{$index+1}}" ng-style="{'background-color': '{{!masinfo.color ? fondoCamp : masinfo.color}}'}" ng-click="indicadorItem($event.currentTarget)"></button> </li> </ul> <div aria-live="polite" aria-atomic="true" class="liveregion visually-hidden"></div> </div> </section> </div> <h3 ng-if="masinfo.titulo" class="sub-encabezados" ng-style="{'color': '{{!masinfo.color ? fondoCamp : masinfo.color}}'}">{{masinfo.titulo}}</h3> <div ng-bind-html="htmlTrusted(masinfo.descripcion)" class="textos">{{masinfo.descripcion}}</div> <div class="archivos-externos valign-wrapper flex-wrap" ng-if="masinfo.file.url || masinfo.ctaUrl || masinfo.ctaDescripcion"> <a ng-if="masinfo.file.url" ng-href="{{masinfo.file.url}}" target="_blank" rel="noopener" ng-style="{'color':'{{!masinfo.color ? fondoCamp : masinfo.color}}'}" title="{{masinfo.file.name}}, {{enlaceDocumento}}"> {{masinfo.file.name}}.{{masinfo.file.extension}} ({{masinfo.file.size}}{{masinfo.file.sizeFile}}) </a> <a ng-if="masinfo.ctaUrl" class="btn btn-donacion" data-color="{{!masinfo.color ? fondoCamp : masinfo.color}}" ng-href="{{masinfo.ctaUrl}}" target="_blank" rel="noopener" ng-style="{'background-color': '{{!masinfo.color ? fondoCamp : masinfo.color}}', 'border': '2px solid {{!masinfo.color ? fondoCamp : masinfo.color}}'}">{{!masinfo.ctaDescripcion ? btnCta : masinfo.ctaDescripcion}}</a> <a ng-if="campaign.tipoCampaign==402 && masinfo.ctaDescripcion && !masinfo.ctaUrl" href="#K07" data-id="K07" class="btn btn-donacion enlace-interno" data-color="{{!masinfo.color ? fondoCamp : masinfo.color}}" ng-style="{'background-color': '{{!masinfo.color ? fondoCamp : masinfo.color}}', 'border': '2px solid {{!masinfo.color ? fondoCamp : masinfo.color}}'}"> {{!masinfo.ctaDescripcion ? btnCta : masinfo.ctaDescripcion}} </a> <button ng-if="campaign.tipoCampaign!=402 && masinfo.ctaDescripcion && !masinfo.ctaUrl" class="btn btn-donacion" data-color="{{!masinfo.color ? fondoCamp : masinfo.color}}" ng-style="{'background-color': '{{!masinfo.color ? fondoCamp : masinfo.color}}', 'border': '2px solid {{!masinfo.color ? fondoCamp : masinfo.color}}'}" ng-click="goToForm()" aria-label="{{!masinfo.ctaDescripcion ? btnCta : masinfo.ctaDescripcion}}, {{formDonacion}}">{{!masinfo.ctaDescripcion ? btnCta : masinfo.ctaDescripcion}}</button> </div> </div> <div class="col l12 m12 s12 center-align ver-mas-bloques" ng-if="documents.length>2"> <button class="ver-mas-button transparent color-texto" aria-label="{{verMasElementos}} {{menu.descripcion}}" ng-click="verMas($event.currentTarget)">{{VER_MAS}}</button> </div> </div> </div>  <div class="col s12 equipo" ng-if="menu.id=='K00' || menu.id=='K20'"> <div class="row margin-cero same-height"> <div class="col l4 m6 s12 repeat-element" ng-repeat="equipo in team"> <div class="card z-depth-0 transparent"> <div class="card-content" ng-class="{'no-cta': equipo.redes.length==0 && !equipo.ctaUrl && !equipo.ctaDescripcion, 'no-cta-button':!equipo.ctaUrl && !equipo.ctaDescripcion}"> <div class="center-align info-equipo"> <img loading="lazy" class="responsive-img" ng-if="equipo.image" ng-attr-sizes="{{equipo.image.sizes}}" ng-srcset="{{equipo.image.srcSet}}" ng-src="{{equipo.image.url}}" alt="{{equipo.nombre}} {{equipo.apellidos}}, {{equipo.rol}}"> <h3 ng-style="{'color':equipo.color}">{{equipo.nombre}} {{equipo.apellidos}}</h3> <span ng-if="equipo.rol">{{equipo.rol}}</span> <a ng-if="equipo.correo" ng-href="mailto:{{equipo.correo}}" class="equipo-correo" ng-style="{'color': '{{!equipo.color ? fondoCamp : equipo.color}}'}">{{equipo.correo}}</a> </div> <div class="textos" ng-if="equipo.biografia" ng-bind-html="htmlTrusted(equipo.biografia)">{{equipo.biografia}}</div> </div> <div class="card-action center-align" ng-if="equipo.redes.length>0 || equipo.ctaUrl || equipo.ctaDescripcion" ng-class="{'no-cta-action': !equipo.ctaUrl && !equipo.ctaDescripcion, 'cta-action':equipo.redes.length>0 && (!equipo.ctaUrl || !equipo.ctaDescripcion)}"> <a ng-if="equipo.ctaUrl" class="btn btn-donacion" data-color="{{!equipo.color ? fondoCamp : equipo.color}}" ng-style="{'background-color': '{{!equipo.color ? fondoCamp : equipo.color}}', 'border': '2px solid {{!equipo.color ? fondoCamp : equipo.color}}'}" ng-href="{{equipo.ctaUrl}}" target="_blank" rel="noopener">{{!equipo.ctaDescripcion ? btnCta : equipo.ctaDescripcion}}</a> <a ng-if="campaign.tipoCampaign==402 && equipo.ctaDescripcion && !equipo.ctaUrl" href="#K07" data-id="K07" class="btn btn-donacion enlace-interno" data-color="{{!equipo.color ? fondoCamp : equipo.color}}" ng-style="{'background-color': '{{!equipo.color ? fondoCamp : equipo.color}}', 'border': '2px solid {{!equipo.color ? fondoCamp : equipo.color}}'}"> {{!equipo.ctaDescripcion ? btnCta : equipo.ctaDescripcion}} </a> <button ng-if="campaign.tipoCampaign!=402 && equipo.ctaDescripcion && !equipo.ctaUrl" class="btn btn-donacion" data-color="{{!equipo.color ? fondoCamp : equipo.color}}" ng-style="{'background-color': '{{!equipo.color ? fondoCamp : equipo.color}}', 'border': '2px solid {{!equipo.color ? fondoCamp : equipo.color}}'}" ng-click="goToForm()" aria-label="{{!equipo.ctaDescripcion ? btnCta : equipo.ctaDescripcion}}, {{formDonacion}}">{{!equipo.ctaDescripcion ? btnCta : equipo.ctaDescripcion}}</button> <ul ng-if="equipo.redes.length>0"> <li ng-repeat="red in equipo.redes" ng-if="red.tipo && red.url"> <a ng-href="{{red.url}}" class="link-social" ng-class="{'facebook' : red.tipo=='Facebook' , 'twitter' : red.tipo=='Twitter' , 'linkedin' : red.tipo=='Linkedin' , 'youtube' : red.tipo=='Youtube' , 'skype' : red.tipo=='Skype' , 'blog' : red.tipo=='Blog' , 'instagram' : red.tipo=='Instagram' , 'google-play' : red.tipo=='Google Play' , 'otros' : red.tipo=='Otros' , 'app-store' : red.tipo=='App Store'}" target="_blank" rel="noopener" title="{{irA}} {{red.tipo}}. {{ventanaNueva}}"> <img loading="lazy" ng-if="red.tipo=='Facebook'" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/redes/facebook.png" alt="{{ 'IR_A_CUENTA' | translate }} {{equipo.nombre}} {{equipo.apellidos}} {{ 'EN' | translate }} {{red.tipo}}. {{ventanaNueva}}"> <img loading="lazy" ng-if="red.tipo=='Twitter'" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/redes/twitter.png" alt="{{ 'IR_A_CUENTA' | translate }} {{equipo.nombre}} {{equipo.apellidos}} {{ 'EN' | translate }} {{red.tipo}}. {{ventanaNueva}}"> <img loading="lazy" ng-if="red.tipo=='Linkedin'" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/redes/linkedin.png" alt="{{ 'IR_A_CUENTA' | translate }} {{equipo.nombre}} {{equipo.apellidos}} {{ 'EN' | translate }} {{red.tipo}}. {{ventanaNueva}}"> <img loading="lazy" ng-if="red.tipo=='Instagram'" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/redes/instagram.png" alt="{{ 'IR_A_CUENTA' | translate }} {{equipo.nombre}} {{equipo.apellidos}} {{ 'EN' | translate }} {{red.tipo}}. {{ventanaNueva}}"> <img loading="lazy" ng-if="red.tipo=='Youtube'" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/redes/youtube.png" alt="{{ 'IR_A_CUENTA' | translate }} {{equipo.nombre}} {{equipo.apellidos}} {{ 'EN' | translate }} {{red.tipo}}. {{ventanaNueva}}"> <img loading="lazy" ng-if="red.tipo=='Skype'" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/redes/skype.png" alt="{{ 'IR_A_CUENTA' | translate }} {{equipo.nombre}} {{equipo.apellidos}} {{ 'EN' | translate }} {{red.tipo}}. {{ventanaNueva}}"> <img loading="lazy" ng-if="red.tipo=='Blog'" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/redes/blog.png" alt="{{ 'IR_A_CUENTA' | translate }} {{equipo.nombre}} {{equipo.apellidos}} {{ 'EN' | translate }} {{red.tipo}}. {{ventanaNueva}}"> <img loading="lazy" ng-if="red.tipo=='Google Play'" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/redes/google-play.png" alt="{{ 'IR_A_CUENTA' | translate }} {{equipo.nombre}} {{equipo.apellidos}} {{ 'EN' | translate }} {{red.tipo}}. {{ventanaNueva}}"> <img loading="lazy" ng-if="red.tipo=='Otros'" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/redes/link.png" alt="{{ 'IR_A_CUENTA' | translate }} {{equipo.nombre}} {{equipo.apellidos}} {{ 'EN' | translate }} {{red.tipo}}. {{ventanaNueva}}"> </a> </li> </ul> </div> </div> </div> </div> </div>  <div class="col s12 actualizaciones" ng-if="menu.id=='K03' || menu.id=='K19'"> <div class="row margin-cero same-height"> <div class="col s12 blog-container info-container" ng-repeat="blog in updates | limitTo:variableLimiteAct" ng-class="{'l6':updates.length>1, 'informacion': updates.length==1}"> <div class="blog-fecha hide-on-small-only" ng-if="blog.fecha"> <div class="center-align" ng-style="{'border-bottom': '3px solid {{!blog.color ? fondoCamp : blog.color}}'}"> <span class="">{{blog.fecha | date:'dd'}}</span><br> <span class="">{{blog.fecha | date:'MMM'}}.</span> <span class="">{{blog.fecha | date:'yyyy'}}</span> </div> </div> <div class="blog-info" ng-class="{'blog-info-width':!blog.fecha}"> <div class="info-mobile valign-wrapper"> <div class="blog-fecha hide-on-med-and-up" ng-if="blog.fecha"> <div class="right-align" ng-style="{'border-bottom': '3px solid {{!blog.color ? fondoCamp : blog.color}}'}"> <span class="">{{blog.fecha | date:'dd'}}</span> <span class="">{{blog.fecha | date:'MMM'}}.</span> <span class="">{{blog.fecha | date:'yyyy'}}</span> </div> </div> <h3 ng-if="blog.titulo">{{blog.titulo}}</h3> </div> <div ng-if="blog.descripcion" ng-bind-html="htmlTrusted(blog.descripcion)" class="textos">{{blog.descripcion}}</div> <div class="archivos-externos valign-wrapper flex-wrap" ng-if="blog.file.url || blog.ctaUrl || blog.ctaDescripcion"> <a ng-if="blog.file.url" ng-href="{{blog.file.url}}" ng-style="{'color': '{{!blog.color ? fondoCamp : blog.color}}'}" title="{{enlaceDocumento}}"> {{blog.file.name}}.{{blog.file.extension}} ({{blog.file.size}}{{blog.file.sizeFile}}) </a> <a ng-if="blog.ctaUrl" class="btn btn-donacion" data-color="{{!blog.color ? fondoCamp : blog.color}}" ng-href="{{blog.ctaUrl}}" ng-style="{'background-color': '{{!blog.color ? fondoCamp : blog.color}}', 'border': '2px solid {{!blog.color ? fondoCamp : blog.color}}'}" target="_blank" rel="noopener" title="{{!blog.ctaDescripcion ? btnCta : blog.ctaDescripcion}}. Abre en ventana nueva.">{{!blog.ctaDescripcion ? btnCta : blog.ctaDescripcion}}</a> <a ng-if="campaign.tipoCampaign==402 && blog.ctaDescripcion && !blog.ctaUrl" href="#K07" data-id="K07" class="btn btn-donacion enlace-interno" data-color="{{!blog.color ? fondoCamp : blog.color}}" ng-style="{'background-color': '{{!blog.color ? fondoCamp : blog.color}}', 'border': '2px solid {{!blog.color ? fondoCamp : blog.color}}'}"> {{!blog.ctaDescripcion ? btnCta : blog.ctaDescripcion}} </a> <button ng-if="campaign.tipoCampaign!=402 && blog.ctaDescripcion && !blog.ctaUrl" class="btn btn-donacion" data-color="{{!blog.color ? fondoCamp : blog.color}}" ng-style="{'background-color': '{{!blog.color ? fondoCamp : blog.color}}', 'border': '2px solid {{!blog.color ? fondoCamp : blog.color}}'}" ng-click="goToForm()" aria-label="{{!blog.ctaDescripcion ? btnCta : blog.ctaDescripcion}}, {{formDonacion}}">{{!blog.ctaDescripcion ? btnCta : blog.ctaDescripcion}}</button> </div> <div class="media-blog" ng-if="blog.video || blog.images.length>0" ng-class="{'hide-on-small-only':blog.ocultarCta, 'media-carrousel':blog.video || blog.images.length>1, 'media-margin':blog.descripcion || blog.titulo, 'media-mobile':!blog.descripcion && !blog.titulo && blog.fecha}"> <div ng-if="blog.video" class="container-video cover" ng-style="{'background-image' : 'url({{trustSrc(blog.video.urlThumbnail)}})'}"> <div class="contenedor-iframe"> <iframe class="iframe-fondo responsive-iframe no-iframe" width="100%" height="100%" frameborder="0" allowfullscreen title="{{blog.titulo}}"></iframe> <button class="play-container" data-url="{{blog.video.url}}" data-titulo="{{blog.titulo}}" data-id="{{trustSrc(getYoutubeInsertionCodeId(blog.video.url))}}" ng-class="{'youtube':blog.video.url.indexOf('youtu') !== -1}" ng-click="verVideo($event.currentTarget)" aria-label="Reproducir video, {{blog.titulo}}"> <img loading="lazy" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/play.png" class="responsive-img" alt="{{'REPRODUCIR_VIDEO' | translate }}"> </button> </div> </div> <section ng-if="blog.images.length>1" class="carousel carousel-acces" aria-roledescription="carousel" aria-label="{{blog.titulo}}"> <button class="screen-reader-text skip-carrousel color-texto" ng-click="saltarCarrousel($event.currentTarget)">{{ 'SALTAR_CARROUSEL' | translate }}</button> <div tabindex="-1" class="carousel-inner"> <ul class="carousel-items"> <li ng-repeat="imagen in blog.images" class="carousel-item cover {{$index}}" ng-class="{'active':$first}" role="group" aria-roledescription="slide" aria-label="{{diapositiva}} {{$index+1}} {{de}} {{blog.images.length}}, {{!imagen.alt ? blog.titulo : imagen.alt}}" data-id="{{$index}}" ng-style="{'background-image': {true : 'url(\''+imagen.url+'\')', false : ''}[imagen.url!=null]}"> </li> </ul> <div class="controls valign-wrapper"> <button type="button" class="previous btn-prev" aria-label="{{diapositivaAnterior}}" ng-click="anteriorDiapositiva($event.currentTarget)"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/prev.png" aria-hidden="true" alt="{{diapositivaAnterior}}"> </button> <button type="button" class="next btn-next" aria-label="{{diapositivaSiguiente}}" ng-click="siguienteDiapositiva($event.currentTarget)"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/next.png" aria-hidden="true" alt="{{diapositivaSiguiente}}"> </button> </div> <ul class="slidenav valign-wrapper"> <li class="indicator-slider" ng-repeat="indicador in blog.images"> <button class="indicador {{$index}}" ng-class="{'active': $first}" data-slide="{{$index}}" aria-label="{{irDiapositiva}} {{$index+1}}" ng-style="{'background-color': '{{!blog.color ? fondoCamp : blog.color}}'}" ng-click="indicadorItem($event.currentTarget)"></button> </li> </ul> <div aria-live="polite" aria-atomic="true" class="liveregion visually-hidden"></div> </div> </section> <img loading="lazy" ng-if="blog.images.length==1" ng-attr-sizes="{{blog.images[0].sizes}}" ng-srcset="{{blog.images[0].srcSet}}" ng-src="{{blog.images[0].url}}" class="responsive-img img-one" alt="{{!blog.images[0].alt ? blog.titulo : blog.images[0].alt}}"> </div> </div> </div> <div class="col l12 m12 s12 center-align ver-mas-bloques" ng-if="updates.length>2"> <button class="ver-mas-button transparent color-texto" aria-label="{{verMasElementos}} {{menu.descripcion}}" ng-click="verMasUpdates($event.currentTarget)">{{VER_MAS}}</button> </div> </div> </div>  <div class="col s12 recompensas" ng-if="menu.id=='K16'"> <div class="row margin-cero same-height"> <div class="col l4 m6 s12 recompensa-container" ng-repeat="reward in retos"> <div class="card z-depth-0 card-retos"> <div class="card-image" ng-if="reward.image"> <div class="cover" ng-style="{'background-image': {true : 'url(\''+reward.image.url+'\')', false : ''}[reward.image.url!=null]}"></div> </div> <div class="card-content"> <div class="row retos-info same-height reto-info" ng-if="reward.reto && (!reward.reto.ocultarRecaudado || !reward.reto.ocultarObjetivo || !reward.reto.ocultarParticipantes)"> <div class="col l6 m6 s6 recaudado" ng-if="!reward.reto.ocultarRecaudado"> <span>{{ 'RECAUDADO' | translate }}</span> <label>{{formatCurrency(reward.reto.recaudado, 2)}}</label> </div> <div class="col right-align" ng-class="{'l6 m6 s6': !reward.reto.ocultarRecaudado, 'l12 m12 s12': reward.reto.ocultarRecaudado}" ng-if="reward.reto.objetivo && !reward.reto.ocultarObjetivo"> <span>{{ 'OBJETIVO' | translate }}</span> <label>{{formatCurrency(reward.reto.objetivo, 2)}}</label> </div> </div> <div class="row relative reto-info" ng-if="reward.reto && reward.reto.porCientoRecaudacion!=null && !reward.reto.ocultarBarra && !reward.reto.ocultarObjetivo" ng-class="{'margin-cero': reward.reto.totalParticipantes}"> <div class="col l12 m12 s12"> <div class="progress"> <div class="determinate" ng-style="{'width': reward.reto.porCientoRecaudacion+'%', 'background-color':'{{!reward.color ? campaign.colorCampaign : reward.color}}'}"></div> </div> <div class="valign-wrapper multireto" ng-if="reward.reto.tipoBarraProgeso != 'D'"> <div ng-class="{'hide':reward.reto.tipoBarraProgeso == 'P' && reward.reto.recaudado < reward.reto.reto1}" ng-style="{'background-color':'{{!reward.color ? campaign.colorCampaign : reward.color}}'}"></div> <div ng-if="reward.reto.reto3!=null" ng-class="{'hide':reward.reto.tipoBarraProgeso == 'P' && reward.reto.recaudado < reward.reto.reto1+reward.reto.reto2}" ng-style="{'background-color':'{{!reward.color ? campaign.colorCampaign : reward.color}}'}"></div> </div> </div> </div> <div class="row reto-info" ng-if="reward.reto.totalParticipantes && !reward.reto.ocultarParticipantes"> <div class="col l12 m12 s12"> <span>{{ 'RAISED_BY' | translate }} {{reward.reto.totalParticipantes}}</span> <span ng-if="reward.reto.totalParticipantes!=1">{{ 'PEOPLE' | translate }}</span> <span ng-if="reward.reto.totalParticipantes==1">{{ 'PEOPLE_SINGULAR' | translate }}</span> </div> </div> <div class="reto-textos" ng-class="{'reto-contenido':reward.reto && (!reward.reto.ocultarRecaudado || !reward.reto.ocultarObjetivo || !reward.reto.ocultarParticipantes)}"> <h3 ng-if="reward.titulo" ng-bind-html="htmlTrusted(reward.titulo)">{{reward.titulo}}</h3> <p ng-if="reward.descripcion" ng-bind-html="htmlTrusted(reward.descripcion)">{{reward.descripcion}}</p> </div> </div> <div class="card-action valign-wrapper center-align" ng-style="{'background-color':'{{!reward.color ? campaign.colorCampaign : reward.color}}'}" ng-if="mayDonate && (campaign.estado == 'A' || campaign.estado == 'P') && reward.ctaUrl"> <a class="white-text" ng-href="{{reward.ctaUrl}}" target="_blank" rel="noopener" aria-label="{{reward.cta}}, enlace a {{reward.cta}}">{{reward.cta}}</a> </div> </div> </div> </div> </div>  <div class="col s12 bloques destacados" ng-if="menu.id=='K11'"> <div class="row margin-cero same-height" ng-repeat="destacado in destacados" ng-class="{'lado-izq': destacado.lado=='I', 'lado-drc': destacado.lado=='D'}" ng-style="{'background-color':'{{!destacado.color ? fondoCamp : destacado.color}}'}"> <div ng-if="destacado.image.url" class="col m12 s12 cover" ng-class="{'l12': !destacado.titulo && !destacado.descripcion && !destacado.cta && !destacado.ctaUrl, 'l6':destacado.titulo || destacado.descripcion || destacado.cta || destacado.ctaUrl, 'hide-on-small-only':destacado.ocultarCta}" ng-style="{'background-image': {true : 'url(\''+destacado.image.url+'\')', false : ''}[destacado.image.url!=null]}"></div> <div ng-if="destacado.titulo || destacado.descripcion || destacado.cta || destacado.ctaUrl" class="col m12 s12 valign-wrapper" ng-class="{'l12': !destacado.image.url, 'l6':destacado.image.url}"> <div class="texto-destacados"> <h3 class="white-text sub-encabezados" ng-if="destacado.titulo">{{destacado.titulo}}</h3> <div class="textos" ng-if="destacado.descripcion" ng-bind-html="htmlTrusted(destacado.descripcion)">{{destacado.descripcion}}</div> <div ng-if="destacado.cta || destacado.ctaUrl" class="destacados-buttons"> <a ng-if="destacado.ctaUrl" class="btn z-depth-0 btn-donacion white" ng-style="{'color':'{{!destacado.color ? fondoCamp : destacado.color}}'}" ng-href="{{destacado.ctaUrl}}" target="_blank" rel="noopener">{{!destacado.cta ? btnCta : destacado.cta}}</a> <a ng-if="campaign.tipoCampaign==402 && destacado.cta && !destacado.ctaUrl" href="#K07" data-id="K07" class="btn z-depth-0 btn-donacion white enlace-interno" ng-style="{'color':'{{!destacado.color ? fondoCamp : destacado.color}}'}"> {{!destacado.cta ? btnCta : destacado.cta}} </a> <button ng-if="campaign.tipoCampaign!=402 && destacado.cta && !destacado.ctaUrl" class="btn z-depth-0 btn-donacion white" ng-style="{'color':'{{!destacado.color ? fondoCamp : destacado.color}}'}" ng-click="goToForm()" aria-label="{{!destacado.cta ? btnCta : destacado.cta}}, {{formDonacion}}">{{!destacado.cta ? btnCta : destacado.cta}}</button> </div> </div> </div> </div> </div>  <div class="col s12 agenda" ng-if="menu.id=='K13'"> <div class="row margin-cero same-height"> <div class="col l4 m6 s12 repeat-element" ng-repeat="agenda in agenda"> <div class="card z-depth-0"> <div class="card-content" ng-class="{'no-padding-agenda': !agenda.ctaUrl && !agenda.cta && !agenda.facebook && !agenda.twitter && !agenda.whatsapp}"> <div class="card-head center-align" ng-style="{'background-color':'{{!agenda.color ? fondoCamp : agenda.color}}'}"> <img ng-if="agenda.fecha" loading="lazy" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/calendar.png" alt="Calendario"> <span ng-if="agenda.fecha" class="white-text">{{formateaFecha(agenda.fecha)}}</span> </div> <h3 ng-if="agenda.titulo" ng-bind-html="htmlTrusted(agenda.titulo)">{{agenda.titulo}}</h3> <div ng-if="agenda.descripcion" ng-bind-html="htmlTrusted(agenda.descripcion)">{{agenda.descripcion}}</div> <div class="datos-agenda" ng-if="agenda.hora || agenda.lugar || agenda.organizadorNombre"> <div ng-if="agenda.hora" class="valign-wrapper agenda-datos"> <div class="agenda-icono" aria-hidden="true"> <?xml version="1.0" encoding="UTF-8"?> <svg aria-hidden="true" width="21px" height="22px" viewBox="0 0 21 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Icon weather-time-3 Copy 2</title> <g id="BOXBO-2.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Plantilla-A--Para-Boxbo-1.0" transform="translate(-163.000000, -6127.000000)" fill="{{!agenda.color ? fondoCamp : agenda.color}}" fill-rule="nonzero"> <g id="Icon-weather-time-3-Copy-2" transform="translate(163.000000, 6127.225806)"> <path d="M0.000391528348,10.5162111 C-0.0112133938,8.66144666 0.478133114,6.83799576 1.41671089,5.23858316 C2.33575838,3.64749088 3.65638766,2.32593462 5.24636389,1.40624202 C8.09285166,-0.239994692 11.5466843,-0.452917618 14.5735723,0.831235444 C15.8213334,1.35631222 16.9568843,2.11598779 17.918695,3.06909888 C18.8783504,4.02925255 19.6384129,5.17014665 20.1549887,6.42589404 C21.2538304,8.98730929 21.2820592,11.8823674 20.2333731,14.4647519 C19.184687,17.0471364 17.1464059,19.1018225 14.5735723,20.1701053 C11.9650932,21.2766316 9.01957931,21.2766316 6.41110021,20.1701053 C3.8832308,19.1255509 1.87262214,17.1202376 0.820365895,14.5940956 C0.267300877,13.3064448 -0.0119433793,11.9177113 0.000391528348,10.5162111 L0.000391528348,10.5162111 Z M1.98218216,10.5168507 C1.9634553,12.7729722 2.87082716,14.9380525 4.49248985,16.5066968 C6.06218402,18.1385374 8.23767029,19.0473293 10.5017206,19.0170045 C11.9975579,19.0291344 13.4684707,18.6337637 14.7566437,17.8733122 C16.0447788,17.1262977 17.1168444,16.0575718 17.8678745,14.7717738 C19.40575,12.1401309 19.40575,8.88387818 17.8678745,6.2522353 C17.1199334,4.96153012 16.0473489,3.88894559 14.7566437,3.14100453 C12.1249892,1.61601891 8.87845201,1.61601891 6.24679754,3.14100453 C4.95749103,3.89405525 3.88293181,4.96527732 3.12587446,6.2522353 C2.36223099,7.54260771 1.9666845,9.01752679 1.98218216,10.5168507 L1.98218216,10.5168507 Z M9.65525908,10.5168507 L9.65525908,4.06177376 C9.627931,3.75715395 9.77500558,3.46322734 10.0351957,3.30247545 C10.2953858,3.14172357 10.6240555,3.14172357 10.8842456,3.30247545 C11.1444357,3.46322734 11.2915102,3.75715395 11.2641822,4.06177376 L11.2641822,9.70269684 L14.934336,9.70269684 C15.149612,9.69916701 15.357109,9.78312894 15.5093526,9.93537254 C15.6615962,10.0876161 15.7455581,10.2951131 15.7420283,10.5103891 C15.7424809,10.7241337 15.6589419,10.9295003 15.5094129,11.0822353 C15.3623667,11.2412743 15.1541106,11.3295184 14.9375668,11.324543 L10.6277206,11.324543 C10.5701503,11.3346236 10.5115917,11.3378769 10.4532591,11.3342353 C10.2377318,11.3386959 10.0299822,11.2536935 9.87939624,11.0994347 C9.72881029,10.945176 9.64883783,10.7354387 9.65848985,10.5200815 L9.65525908,10.5168507 Z" id="Shape"></path> </g> </g> </g> </svg> </div> <p ng-style="{'color':'{{agenda.color}}'}">{{agenda.hora | date:'HH:mm'}}</p> </div> <div ng-if="agenda.lugar" class="valign-wrapper agenda-datos"> <div class="agenda-icono" aria-hidden="true"> <?xml version="1.0" encoding="UTF-8"?> <svg aria-hidden="true" width="20px" height="29px" viewBox="0 0 20 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Icon material-location-on Copy 2</title> <g id="BOXBO-2.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"> <g id="Plantilla-A--Para-Boxbo-1.0" transform="translate(-164.000000, -6166.000000)" stroke="{{!agenda.color ? fondoCamp : agenda.color}}" stroke-width="2"> <g id="Icon-material-location-on-Copy-2" transform="translate(165.000000, 6167.225806)"> <path d="M9.00000261,2.6415217e-06 C6.61249707,-0.00183607845 4.32225426,0.956319747 2.63403241,2.66329994 C0.94581056,4.37028013 -0.00181590142,6.68597053 2.6124935e-06,9.10000437 C2.6124935e-06,15.9250037 9.00000261,26.0000026 9.00000261,26.0000026 C9.00000261,26.0000026 18.0000026,15.9250037 18.0000026,9.10000437 C18.0018211,6.68597053 17.0541947,4.37028013 15.3659728,2.66329994 C13.677751,0.956319747 11.3875082,-0.00183607845 9.00000261,2.6415217e-06 Z M9.00000261,12.3500047 C7.22480215,12.3500047 5.78571783,10.8949296 5.78571783,9.10000437 C5.78571783,7.30507911 7.22480215,5.8500047 9.00000261,5.8500047 C10.7752031,5.8500047 12.2142874,7.30507911 12.2142874,9.10000437 C12.2138142,10.8947314 10.7750071,12.3495256 9.00000261,12.3500047 L9.00000261,12.3500047 Z" id="Shape"></path> </g> </g> </g> </svg> </div> <a ng-if="agenda.lugarUrl" ng-href="{{agenda.lugarUrl}}" target="_blank" rel="noopener" title="{{agenda.lugarUrl}}. Abre en una nueva ventana" ng-style="{'color':'{{agenda.color}}'}">{{agenda.lugar}}</a> <p ng-if="!agenda.lugarUrl" ng-style="{'color':'{{agenda.color}}'}">{{agenda.lugar}}</p> </div> <div ng-if="agenda.organizadorNombre" class="valign-wrapper agenda-datos"> <div class="agenda-icono" aria-hidden="true"> <?xml version="1.0" encoding="UTF-8"?> <svg aria-hidden="true" width="23px" height="26px" viewBox="0 0 23 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Icon feather-user Copy 2</title> <g id="BOXBO-2.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"> <g id="Plantilla-A--Para-Boxbo-1.0" transform="translate(-164.000000, -6210.000000)" stroke="{{!agenda.color ? fondoCamp : agenda.color}}" stroke-width="2"> <g id="Icon-feather-user-Copy-2" transform="translate(165.000000, 6211.225806)"> <path d="M20.58,23.1 L20.58,20.58 C20.58,17.7964849 18.3235151,15.54 15.54,15.54 L5.46,15.54 C2.67648486,15.54 0.42,17.7964849 0.42,20.58 L0.42,23.1" id="Path"></path> <path d="M15.54,5.46 C15.54,8.24351514 13.2835151,10.5 10.5,10.5 C7.71648486,10.5 5.46,8.24351514 5.46,5.46 C5.46,2.67648486 7.71648486,0.42 10.5,0.42 C13.2835151,0.42 15.54,2.67648486 15.54,5.46 Z" id="Path"></path> </g> </g> </g> </svg> </div> <a ng-if="agenda.organizadorUrl" ng-href="{{agenda.organizadorUrl}}" target="_blank" rel="noopener" title="{{agenda.organizadorUrl}}. Abre en una nueva ventana" ng-style="{'color':'{{agenda.color}}'}">{{agenda.organizadorNombre}}</a> <p ng-if="!agenda.organizadorUrl" ng-style="{'color':'{{agenda.color}}'}">{{agenda.organizadorNombre}}</p> </div> </div> </div> <div class="card-action center-align" ng-if="agenda.ctaUrl || agenda.cta"> <a ng-if="agenda.ctaUrl" class="btn btn-donacion" data-color="{{!agenda.color ? fondoCamp : agenda.color}}" ng-style="{'background-color': '{{!agenda.color ? fondoCamp : agenda.color}}', 'border': '2px solid {{!agenda.color ? fondoCamp : agenda.color}}'}" ng-href="{{agenda.ctaUrl}}" target="_blank" rel="noopener">{{!agenda.cta ? btnCta : agenda.cta}}</a> <a ng-if="campaign.tipoCampaign==402 && agenda.cta && !agenda.ctaUrl" href="#K07" data-id="K07" class="btn btn-donacion enlace-interno" data-color="{{!agenda.color ? fondoCamp : agenda.color}}" ng-style="{'background-color': '{{!agenda.color ? fondoCamp : agenda.color}}', 'border': '2px solid {{!agenda.color ? fondoCamp : agenda.color}}'}"> {{!agenda.cta ? btnCta : agenda.cta}} </a> <button ng-if="campaign.tipoCampaign!=402 && agenda.cta && !agenda.ctaUrl" class="btn btn-donacion" data-color="{{!agenda.color ? fondoCamp : agenda.color}}" ng-style="{'background-color': '{{!agenda.color ? fondoCamp : agenda.color}}', 'border': '2px solid {{!agenda.color ? fondoCamp : agenda.color}}'}" ng-click="goToForm()" aria-label="{{!agenda.cta ? btnCta : agenda.cta}}, {{formDonacion}}">{{!agenda.cta ? btnCta : agenda.cta}}</button> </div> </div> </div> </div> </div>  <div class="col s12 equipo pictogramas" ng-if="menu.id=='K12'"> <div class="row margin-cero same-height"> <div class="col l4 m6 s12 repeat-element" ng-repeat="pictogramas in pictogramas"> <div class="card z-depth-0 transparent"> <div class="card-content" ng-class="{'no-cta': !pictogramas.ctaUrl && !pictogramas.cta}"> <div class="center-align info-pictogramas"> <img loading="lazy" class="responsive-img" ng-if="pictogramas.image" ng-attr-sizes="{{pictogramas.image.sizes}}" ng-srcset="{{pictogramas.image.srcSet}}" ng-src="{{pictogramas.image.url}}" ng-class="{'hide-on-small-only':pictogramas.ocultarCta}" alt="{{!pictogramas.alt ? pictogramas.titulo : pictogramas.alt}}"> <h3 ng-if="pictogramas.titulo">{{pictogramas.titulo}}</h3> </div> <div ng-if="pictogramas.descripcion" ng-bind-html="htmlTrusted(pictogramas.descripcion)">{{pictogramas.descripcion}}</div> </div> <div class="card-action center-align" ng-if="pictogramas.ctaUrl || pictogramas.cta"> <a ng-if="pictogramas.ctaUrl" class="btn-donacion" data-color="{{!pictogramas.color ? fondoCamp : pictogramas.color}}" ng-style="{'background-color': '{{!pictogramas.color ? fondoCamp : pictogramas.color}}', 'border': '2px solid {{!pictogramas.color ? fondoCamp : pictogramas.color}}'}" ng-href="{{pictogramas.ctaUrl}}" target="_blank" rel="noopener">{{!pictogramas.cta ? btnCta : pictogramas.cta}}</a> <a ng-if="campaign.tipoCampaign==402 && pictogramas.cta && !pictogramas.ctaUrl" href="#K07" data-id="K07" class="btn btn-donacion enlace-interno" data-color="{{!pictogramas.color ? fondoCamp : pictogramas.color}}" ng-style="{'background-color': '{{!pictogramas.color ? fondoCamp : pictogramas.color}}', 'border': '2px solid {{!pictogramas.color ? fondoCamp : pictogramas.color}}'}"> {{!pictogramas.cta ? btnCta : pictogramas.cta}} </a> <button ng-if="campaign.tipoCampaign!=402 && pictogramas.cta && !pictogramas.ctaUrl" class="btn-donacion" data-color="{{!pictogramas.color ? fondoCamp : pictogramas.color}}" ng-style="{'background-color': '{{!pictogramas.color ? fondoCamp : pictogramas.color}}', 'border': '2px solid {{!pictogramas.color ? fondoCamp : pictogramas.color}}'}" ng-click="goToForm()" aria-label="{{!pictogramas.cta ? btnCta : pictogramas.cta}}, {{formDonacion}}">{{!pictogramas.cta ? btnCta : pictogramas.cta}}</button> </div> </div> </div> </div> </div>  <div class="col s12 testimonios" ng-if="menu.id=='K14'" ng-class="{'margin-cero': testimonios.length<=1}"> <section class="carousel carousel-acces carousel-testimonios" aria-roledescription="carousel" aria-label="{{menu.descripcion}}"> <button class="screen-reader-text skip-carrousel color-texto" ng-click="saltarCarrousel($event.currentTarget)">{{ 'SALTAR_CARROUSEL' | translate }}</button> <div tabindex="-1" class="carousel-inner"> <div class="carousel-items"> <div ng-repeat="testimonio in testimonios" class="carousel-item {{$index}} carousel-item-testimonios" ng-class="{'active':$first}" role="group" aria-roledescription="slide" aria-label="{{diapositiva}} {{$index+1}} {{de}} {{informacion.images.length}}, {{!imagen.alt ? informacion.titulo : imagen.alt}}" data-id="{{$index}}"> <div class="row margin-cero"> <div class="col l12 m12 s12"> <div class="white-text" ng-if="testimonio.descripcion" ng-bind-html="htmlTrusted(testimonio.descripcion)">{{testimonio.descripcion}}</div> </div> </div> <div class="row margin-cero valign-wrapper flex-wrap"> <div class="col l6 m6 s12 testimonios-info"> <a ng-if="testimonio.ctaUrl" class="btn z-depth-0 btn-donacion white" ng-href="{{testimonio.ctaUrl}}" target="_blank" rel="noopener" ng-style="{'color': '{{!testimonio.color ? colorTestimonios : testimonio.color}}'}">{{!testimonio.cta ? btnCta : testimonio.cta}}</a> <a ng-if="campaign.tipoCampaign==402 && testimonio.cta && !testimonio.ctaUrl" href="#K07" data-id="K07" class="btn z-depth-0 btn-donacion white enlace-interno" ng-style="{'color': '{{!testimonio.color ? colorTestimonios : testimonio.color}}'}"> {{!testimonio.cta ? btnCta : testimonio.cta}} </a> <button ng-if="campaign.tipoCampaign!=402 && testimonio.cta && !testimonio.ctaUrl" class="btn z-depth-0 btn-donacion white" ng-style="{'color': '{{!testimonio.color ? colorTestimonios : testimonio.color}}'}" ng-click="goToForm()" aria-label="{{!testimonio.cta ? btnCta : testimonio.cta}}, {{formDonacion}}">{{!testimonio.cta ? btnCta : testimonio.cta}}</button> <button ng-if="testimonio.video" class="ver-video white-text" data-url="{{testimonio.video}}" data-titulo="{{testimonio.titulo}}" data-id="{{trustSrc(getYoutubeInsertionCodeId(testimonio.video))}}" ng-class="{'youtube':testimonio.video.indexOf('youtu') !== -1}" ng-click=verVideo($event.currentTarget)> {{ 'VER_VIDEO' | translate }} </button> </div> <div class="col l6 m6 s12 valign-wrapper testimonios-info"> <img loading="lazy" ng-if="testimonio.image" class="testimonios-img" ng-attr-sizes="{{pictogramas.image.sizes}}" ng-srcset="{{testimonio.image.srcSet}}" ng-src="{{testimonio.image.url}}" alt="{{!testimonio.alt ? testimonio.titulo : testimonio.alt}}"> <div class="testimonios-datos" ng-class="{'no-img-testimonio': !testimonio.image}"> <strong class="white-text">{{testimonio.titulo}}</strong><br> <small class="white-text">{{testimonio.cargo}}</small> </div> </div> </div> </div> </div> <div class="controls valign-wrapper hide-on-large-only" ng-if="testimonios.length>1"> <button type="button" class="previous btn-prev" aria-label="{{diapositivaAnterior}}" ng-click="anteriorDiapositiva($event.currentTarget)"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/prev.png" aria-hidden="true" alt="{{diapositivaAnterior}}"> </button> <button type="button" class="next btn-next" aria-label="{{diapositivaSiguiente}}" ng-click="siguienteDiapositiva($event.currentTarget)"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/next.png" aria-hidden="true" alt="{{diapositivaSiguiente}}"> </button> </div> <ul class="slidenav valign-wrapper" ng-if="testimonios.length>1"> <li class="indicator-slider" ng-repeat="indicador in testimonios"> <button class="indicador {{$index}}" ng-class="{'active': $first}" data-slide="{{$index}}" aria-label="{{irDiapositiva}} {{$index+1}}" ng-style="{'background-color': '#FFFFFF'}" ng-click="indicadorItem($event.currentTarget)"></button> </li> </ul> <div aria-live="polite" aria-atomic="true" class="liveregion visually-hidden"></div> </div> </section> </div>  <div class="col s12 bloques mapas" ng-if="menu.id=='K15'"> <div class="row margin-cero mapa-container valign-wrapper flex-wrap" ng-class="{'map-reversed' : map.formato=='D'}"> <div class="col s12 show-mapa" ng-class="{'l12' : map.formato=='M', 'l6' : map.formato!='M'}"> <div id="Map"></div> </div> <div class="col l6 s12 map-info valign-wrapper" ng-if="map.formato!='M'"> <div> <h3 class="sub-encabezados ng-binding" ng-style="map.color && {'color': '{{map.color}}'}" ng-bind-html="htmlTrusted(map.titulo)">{{map.titulo}}</h3> <p>{{map.descripcion}}</p> <button ng-if="map.cta" class="btn btn-donacion" data-color="{{!map.color ? fondoCamp : map.color}}" ng-click="viewPins();" ng-style="{'background-color': '{{!map.color ? fondoCamp : map.color}}', 'border': '2px solid {{!map.color ? fondoCamp : map.color}}'}">{{map.cta}}</button> </div> </div> </div> </div>  <div class="col s12 bloques faqs" ng-if="menu.id=='K06'"> <div id="accordion-group" class="accordion"> <div ng-repeat="faq in faqs" class="faq-container"> <h3> <button aria-expanded="false" class="accordion-trigger" aria-controls="sec-{{faq.id}}" id="accordion-{{faq.id}}" ng-click="collapsElement($event.currentTarget)"> <span class="accordion-title color-texto" ng-bind-html="faq.pregunta"> {{faq.pregunta}} </span> <span class="accordion-icon color-texto"></span> </button> </h3> <div id="sec-{{faq.id}}" role="region" aria-labelledby="accordion-{{faq.id}}" class="accordion-panel"> <div class="collapsible-body" ng-bind-html="htmlTrusted(faq.respuesta)">{{faq.respuesta}}</div> </div> </div> </div> </div>  <div class="col s12 participantes" ng-if="menu.id=='K04'"> <div class="row sponsors-container valign-wrapper" ng-if="sponsorsLevel1.length>0" ng-class="{'no-donantes':participantes==0 || campaign.detalleOcultarListadoParticipantes}"> <div class="col l11 m11 s12 sponsors-name" ng-if="getTab('K08').ocultar != 'S'"> <h3 class="ng-cloak">{{K08}}</h3> </div> <div class="col l3 m4 s6 patrocinadores-container" ng-repeat="nivelUno in sponsorsLevel1"> <div class="nivel-uno niveles valign-wrapper"> <img ng-if="!nivelUno.urlPatrocinador" ng-attr-sizes="{{nivelUno.image.sizes}}" ng-srcset="{{nivelUno.image.srcSet}}" ng-src="{{nivelUno.image.url}}" class="responsive-img ng-cloak" alt="{{nivelUno.nombre}}. {{LOGO_PATROCINADOR}}"> <a ng-if="nivelUno.urlPatrocinador" ng-href="{{nivelUno.urlPatrocinador}}" target="_blank" rel="noopener" title="{{nivelUno.nombre}}, {{titleLogo}}. {{ventanaNueva}}"> <img ng-attr-sizes="{{nivelUno.image.sizes}}" ng-srcset="{{nivelUno.image.srcSet}}" ng-src="{{nivelUno.image.url}}" class="responsive-img ng-cloak" alt="{{nivelUno.nombre}}. {{LOGO_PATROCINADOR}}"> </a> </div> </div> </div> <div class="row sponsors-container valign-wrapper" ng-if="sponsorsLevel2.length>0" ng-class="{'no-donantes': sponsorsLevel1.length==0 && (participantes==0 || campaign.detalleOcultarListadoParticipantes)}"> <div class="col l11 m11 s12 sponsors-name" ng-if="getTab('K09').ocultar != 'S'"> <h3 class="ng-cloak">{{K09}}</h3> </div> <div class="col l3 m4 s6 patrocinadores-container" ng-repeat="nivelDos in sponsorsLevel2"> <div class="nivel-uno niveles valign-wrapper"> <img ng-if="!nivelDos.urlPatrocinador" ng-attr-sizes="{{nivelDos.image.sizes}}" ng-srcset="{{nivelDos.image.srcSet}}" ng-src="{{nivelDos.image.url}}" class="responsive-img ng-cloak" alt="{{nivelDos.nombre}}. {{LOGO_PATROCINADOR}}"> <a ng-if="nivelDos.urlPatrocinador" ng-href="{{nivelDos.urlPatrocinador}}" target="_blank" rel="noopener" title="{{nivelDos.nombre}}, {{titleLogo}}. {{ventanaNueva}}"> <img ng-attr-sizes="{{nivelDos.image.sizes}}" ng-srcset="{{nivelDos.image.srcSet}}" ng-src="{{nivelDos.image.url}}" class="responsive-img ng-cloak" alt="{{nivelDos.nombre}}. {{LOGO_PATROCINADOR}}"> </a> </div> </div> </div> <div class="row sponsors-container valign-wrapper" ng-if="sponsorsLevel3.length>0" ng-class="{'no-donantes': sponsorsLevel1.length==0 && sponsorsLevel2.length==0 && (participantes==0 || campaign.detalleOcultarListadoParticipantes)}"> <div class="col l11 m11 s12 sponsors-name" ng-if="getTab('K24').ocultar != 'S'"> <h3 class="ng-cloak">{{K10}}</h3> </div> <div class="col l3 m4 s6 patrocinadores-container" ng-repeat="nivelTres in sponsorsLevel3"> <div class="nivel-uno niveles valign-wrapper"> <img ng-if="!nivelTres.urlPatrocinador" ng-attr-sizes="{{nivelTres.image.sizes}}" ng-srcset="{{nivelTres.image.srcSet}}" ng-src="{{nivelTres.image.url}}" class="responsive-img ng-cloak" alt="{{nivelTres.nombre}}. {{LOGO_PATROCINADOR}}"> <a ng-if="nivelTres.urlPatrocinador" ng-href="{{nivelTres.urlPatrocinador}}" target="_blank" rel="noopener" title="{{nivelTres.nombre}}, {{titleLogo}}. {{ventanaNueva}}"> <img ng-attr-sizes="{{nivelTres.image.sizes}}" ng-srcset="{{nivelTres.image.srcSet}}" ng-src="{{nivelTres.image.url}}" class="responsive-img ng-cloak" alt="{{nivelTres.nombre}}. {{LOGO_PATROCINADOR}}"> </a> </div> </div> </div> <div class="row same-height info-donantes" ng-if="payments.length>0 && !campaign.detalleOcultarListadoParticipantes" ng-class="{'participantes-container': participantes>4}"> <div class="col xl3 l4 m6 s12 repeat-element valign-wrapper" ng-repeat="payment in payments"> <div class="img-donante valign-wrapper" ng-style="{'background-image': {true : 'url(\''+campaign.urlIconoParticipantes+'\')', false : ''}[campaign.urlIconoParticipantes!=null]}"> <img ng-if="campaign.urlIconoParticipantes==null" loading="lazy" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/user.png" class="responsive-img" alt="{{!payment.nombre ? 'An贸nimo' : payment.nombre}}, {{ICONO_DONACION | translate}}"> </div> <div class="donacion-info valign-wrapper"> <div> <label class="black-text" ng-if="payment.nombre">{{payment.nombre}}</label> <label class="black-text" ng-if="!payment.nombre">{{'ANONIMO' | translate}}</label> <small class="black-text">{{payment.fecha}}</small> <small class="black-text" ng-if="payment.anonymousGrouped && payment.cantidad==1">{{payment.cantidad}} {{'DONACION' | translate}}</small> <small class="black-text" ng-if="payment.anonymousGrouped && payment.cantidad>1">{{payment.cantidad}} {{'DONACIONES' | translate}}</small> <span class="black-text">{{formatCurrency(payment.importe, 2)}}</span> </div> </div> </div> </div> <div class="row margin-cero hide" id="paginatePayments" ng-if="!campaign.detalleOcultarListadoParticipantes"> <div class="col s12 center-align ver-participantes"> <button class="ver-mas-button transparent color-texto" ng-click="paginatePayments()" aria-label="{{masParticipantes}}">{{'VER_MAS_PARTICIPANTES' | translate}}</button> </div> </div> </div>  <div class="col s12 participantes" ng-if="menu.id=='K21'"> <div class="row margin-cero sponsors-container valign-wrapper" ng-if="patrocinador1.length>0"> <div class="col l11 m11 s12 sponsors-name" ng-if="getTab('K22').ocultar != 'S'"> <h3 class="ng-cloak">{{K22}}</h3> </div> <div class="col l3 m4 s6 patrocinadores-container" ng-repeat="nivelUno in patrocinador1"> <div class="nivel-uno niveles valign-wrapper"> <img ng-if="!nivelUno.urlPatrocinador" ng-attr-sizes="{{nivelUno.image.sizes}}" ng-srcset="{{nivelUno.image.srcSet}}" ng-src="{{nivelUno.image.url}}" class="responsive-img ng-cloak" alt="{{nivelUno.nombre}}. {{LOGO_PATROCINADOR}}"> <a ng-if="nivelUno.urlPatrocinador" ng-href="{{nivelUno.urlPatrocinador}}" target="_blank" rel="noopener" title="{{nivelUno.nombre}}, {{titleLogo}}. {{ventanaNueva}}"> <img ng-attr-sizes="{{nivelUno.image.sizes}}" ng-srcset="{{nivelUno.image.srcSet}}" ng-src="{{nivelUno.image.url}}" class="responsive-img ng-cloak" alt="{{nivelUno.nombre}}. {{LOGO_PATROCINADOR}}"> </a> </div> </div> </div> <div class="row margin-cero sponsors-container valign-wrapper" ng-if="patrocinador2.length>0" ng-class="{'no-donantes': sponsorsLevel1.length==0 && (participantes==0 || campaign.detalleOcultarListadoParticipantes)}"> <div class="col l11 m11 s12 sponsors-name" ng-if="getTab('K23').ocultar != 'S'"> <h3 class="ng-cloak">{{K23}}</h3> </div> <div class="col l3 m4 s6 patrocinadores-container" ng-repeat="nivelDos in patrocinador2"> <div class="nivel-uno niveles valign-wrapper"> <img ng-if="!nivelDos.urlPatrocinador" ng-attr-sizes="{{nivelDos.image.sizes}}" ng-srcset="{{nivelDos.image.srcSet}}" ng-src="{{nivelDos.image.url}}" class="responsive-img ng-cloak" alt="{{nivelDos.nombre}}. {{LOGO_PATROCINADOR}}"> <a ng-if="nivelDos.urlPatrocinador" ng-href="{{nivelDos.urlPatrocinador}}" target="_blank" rel="noopener" title="{{nivelDos.nombre}}, {{titleLogo}}. {{ventanaNueva}}"> <img ng-attr-sizes="{{nivelDos.image.sizes}}" ng-srcset="{{nivelDos.image.srcSet}}" ng-src="{{nivelDos.image.url}}" class="responsive-img ng-cloak" alt="{{nivelDos.nombre}}. {{LOGO_PATROCINADOR}}"> </a> </div> </div> </div> <div class="row margin-cero sponsors-container valign-wrapper" ng-if="patrocinador3.length>0" ng-class="{'no-donantes': sponsorsLevel1.length==0 && sponsorsLevel2.length==0 && (participantes==0 || campaign.detalleOcultarListadoParticipantes)}"> <div class="col l11 m11 s12 sponsors-name" ng-if="getTab('K24').ocultar != 'S'"> <h3 class="ng-cloak">{{K24}}</h3> </div> <div class="col l3 m4 s6 patrocinadores-container" ng-repeat="nivelTres in patrocinador3"> <div class="nivel-uno niveles valign-wrapper"> <img ng-if="!nivelTres.urlPatrocinador" ng-attr-sizes="{{nivelTres.image.sizes}}" ng-srcset="{{nivelTres.image.srcSet}}" ng-src="{{nivelTres.image.url}}" class="responsive-img ng-cloak" alt="{{nivelTres.nombre}}. {{LOGO_PATROCINADOR}}"> <a ng-if="nivelTres.urlPatrocinador" ng-href="{{nivelTres.urlPatrocinador}}" target="_blank" rel="noopener" title="{{nivelTres.nombre}}, {{titleLogo}}. {{ventanaNueva}}"> <img ng-attr-sizes="{{nivelTres.image.sizes}}" ng-srcset="{{nivelTres.image.srcSet}}" ng-src="{{nivelTres.image.url}}" class="responsive-img ng-cloak" alt="{{nivelTres.nombre}}. {{LOGO_PATROCINADOR}}"> </a> </div> </div> </div> </div> </div> </div> </section> </div> </main>  <footer class="page-footer"> <div class="footer__principal"> <div class="container valign-wrapper flex-wrap space-between"> <div class="valign-wrapper flex-wrap footer__div"> <h3 class="white-text">{{ 'SIGUENOS' | translate }}:</h3> <ul class="redes valign-wrapper flex-wrap"> <li> <a class="valign-wrapper ng-cloak" href="https://twitter.com/vallhebron" target="_blank"> <span class="valign-wrapper footer__span"> <i class="fab fa-twitter footer-icon"></i> </span> </a> </li> <li> <a class="valign-wrapper ng-cloak" href="https://www.instagram.com/vallhebroncampus/" target="_blank"> <span class="valign-wrapper footer__span"> <i class="fab fa-instagram footer-icon"></i> </span> </a> </li> <li> <a class="valign-wrapper ng-cloak" href="https://www.facebook.com/vallhebroncampus" target="_blank"> <span class="valign-wrapper footer__span"> <i class="fab fa-facebook-f footer-icon"></i> </span> </a> </li> <li> <a class="valign-wrapper ng-cloak" href="https://www.linkedin.com/company/vallhebron" target="_blank"> <span class="valign-wrapper footer__span"> <i class="fab fa-linkedin-in footer-icon"></i> </span> </a> </li> <li> <a class="valign-wrapper ng-cloak" href="https://www.youtube.com/c/vallhebroncampus" target="_blank"> <span class="valign-wrapper footer__span"> <i class="fab fa-youtube footer-icon"></i> </span> </a> </li> <li> <a class="valign-wrapper ng-cloak" href="https://www.flickr.com/photos/60hvhebron/albums/" target="_blank"> <span class="valign-wrapper footer__span"> <i class="fab fa-flickr footer-icon"></i> </span> </a> </li> </ul> </div> <div class="valign-wrapper flex-wrap footer__div"> <h3 class="white-text">{{ 'AYUDA' | translate }}:</h3> <ul class="datos-contacto valign-wrapper flex-wrap"> <li> <a class="valign-wrapper ng-cloak" href="https://www.vallhebron.com/{{currentLang}}/contacta" target="_blank"> <span class="valign-wrapper footer__span"> <i class="fa fa-envelope footer-icon" aria-hidden="true"></i> </span> </a> </li> <li> <a class="valign-wrapper ng-cloak white-text telefono" href="tel:931517641" target="_blank"> <span class="valign-wrapper footer__span"> <i class="fa fa-phone footer-icon" aria-hidden="true"></i> </span> 93 151 76 41 </a> </li> </ul> </div> </div> </div> <div class="footer__medio"> <div class="container center-align"> <ul class="center-align same-height" ng-if="currentLang=='ca'"> <li><a href="https://www.vallhebron.com/ca/avis-legal" target="_blank" class="white-text">{{ 'AVISO' | translate }}</a></li> <li><a href="https://www.vallhebron.com/ca/politica-de-proteccio-de-dades" target="_blank" class="white-text">{{ 'POLITICA' | translate }}</a></li> <li><a href="https://www.vallhebron.com/ca/politica-de-cookies" target="_blank" class="white-text">{{ 'COOKIES' | translate }}</a></li> </ul> <ul class="center-align same-height" ng-if="currentLang=='es'"> <li><a href="https://www.vallhebron.com/es/aviso-legal" target="_blank" class="white-text">{{ 'AVISO' | translate }}</a></li> <li><a href="https://www.vallhebron.com/es/politica-de-proteccion-de-datos" target="_blank" class="white-text">{{ 'POLITICA' | translate }}</a></li> <li><a href="https://www.vallhebron.com/es/politica-de-cookies" target="_blank" class="white-text">{{ 'COOKIES' | translate }}</a></li> </ul> <ul class="center-align same-height" ng-if="currentLang=='en'"> <li><a href="https://www.vallhebron.com/en/legal-notice" target="_blank" class="white-text">{{ 'AVISO' | translate }}</a></li> <li><a href="https://www.vallhebron.com/en/data-protection-policy" target="_blank" class="white-text">{{ 'POLITICA' | translate }}</a></li> <li><a href="https://www.vallhebron.com/en/cookie-policy" target="_blank" class="white-text">{{ 'COOKIES' | translate }}</a></li> </ul> <div class="footer__info" ng-if="currentLang=='es'"> <h3 class="white-text footer__titulo">Informaci贸n b谩sica sobre protecci贸n de datos</h3> <small class="white-text"><strong>Responsable</strong>: La Fundaci贸n Hospital Universitari Vall d'Hebron - Instituto de Investigaci贸n- (VHIR) con NIF G-60594009.</small> <small class="white-text"><strong>Finalidad</strong>: La gesti贸n de donaciones, as铆 como por el cumplimiento de obligaciones legales aplicables al responsable del tratamiento y, en su caso, el env铆o de informaci贸n y comunicaciones corporativas del Vall d'Hebron Barcelona Hospital Campus.</small> <small class="white-text"><strong>Legitimaci贸n</strong>: Consentimiento del interesado o ejecuci贸n de un contrato en el que el interesado es parte, as铆 como el cumplimiento de obligaciones legales aplicables al responsable del tratamiento.</small> <small class="white-text"><strong>Destinatarios</strong>: VHIR, y no se contemplan cesiones de los datos personales a terceros, salvo por el cumplimiento de obligaciones legales.</small> <small class="white-text">Es posible que se realicen transferencias internacionales de sus datos personales a terceros pa铆ses.</small> <small class="white-text"><strong>Derechos</strong>: Acceso, rectificaci贸n, supresi贸n y portabilidad de sus datos, limitaci贸n y oposici贸n a su tratamiento.</small> <small class="white-text"><strong>Procedencia</strong>: El propio interesado.</small> <small class="white-text"><strong>Informaci贸n adicional</strong>: La informaci贸n adicional se encuentra en la direcci贸n <a href="https://vhir.vallhebron.com/es/proteccion-de-datos-ampliado" target="_blank" class="white-text">https://vhir.vallhebron.com/es/proteccion-de-datos-ampliado</a></small> </div> <div class="footer__info" ng-if="currentLang=='ca'"> <h3 class="white-text footer__titulo">Informaci贸 b脿sica sobre protecci贸 de dades</h3> <small class="white-text"><strong>Responsable</strong>: La Fundaci贸 Hospital Universitari Vall d鈥橦ebron - Institut de Recerca- (VHIR) amb NIF G-60594009.</small> <small class="white-text"><strong>Finalitat</strong>: La gesti贸 de donacions, aix铆 com pel compliment d鈥檕bligacions legals aplicables al responsable del tractament i, en el seu cas, l'enviament d'informaci贸 i comunicacions corporatives del Vall d鈥橦ebron Barcelona Hospital Campus</small> <small class="white-text"><strong>Legitimaci贸</strong>: Consentiment de l'interessat o execuci贸 d'un contracte en qu猫 l'interessat 茅s part, aix铆 com el compliment d鈥檕bligacions legals aplicables al responsable del tractament.</small> <small class="white-text"><strong>Destinataris</strong>: VHIR, i no es preveuen cessions de les dades personals a tercers, llevat pel compliment d鈥檕bligacions legals.</small> <small class="white-text">脡s possible que es realitzin transfer猫ncies internacionals de les seves dades personals a tercers pa茂sos. </small> <small class="white-text"><strong>Drets</strong>: Acc茅s, rectificaci贸, supressi贸 i portabilitat de les seves dades, limitaci贸 i oposici贸 al seu tractament.</small> <small class="white-text"><strong>Proced猫ncia</strong>: El propi interessat.</small> <small class="white-text"><strong>Informaci贸 addicional</strong>: La informaci贸 addicional es troba a l鈥檃dre莽a <a href="https://vhir.vallhebron.com/ca/proteccio-de-dades-ampliades" target="_blank" class="white-text">https://vhir.vallhebron.com/ca/proteccio-de-dades-ampliades</a></small> </div> <small class="white-text">漏 Vall d'Hebron - Barcelona Hospital Campus 2020</small> </div> </div> <div class="footer__final"> <div class="container valign-wrapper space-between flex-wrap"> <ul class="valign-wrapper flex-wrap"> <li> <a href="https://salutweb.gencat.cat/ca/inici" target="_blank" class="ng-cloak url-empresa" ng-if="currentLang=='ca'"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/footer/salut.png" alt="Salut" class="responsive-img img-logos"> </a> <a href="https://salutweb.gencat.cat/ca/inici/index.html#googtrans(ca|es)" target="_blank" class="ng-cloak url-empresa" ng-if="currentLang=='es'"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/footer/salut.png" alt="Salut" class="responsive-img img-logos"> </a> <a href="https://salutweb.gencat.cat/ca/inici/index.html#googtrans(ca|en)" target="_blank" class="ng-cloak url-empresa" ng-if="currentLang=='en'"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/footer/salut.png" alt="Salut" class="responsive-img img-logos"> </a> </li> <li> <a href="https://www.vallhebron.com/{{currentLang}}" target="_blank" class="url-empresa"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/footer/vh.png" alt="Vall d'Hebron" class="responsive-img img-logos"> </a> </li> <li> <a href="https://hospital.vallhebron.com/{{currentLang}}" target="_blank"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/footer/hospital.png" alt="Hospital" class="responsive-img img-logos-peq"> </a> </li> <li> <a href="http://www.vhir.org/portal1/homepage.asp?" target="_blank" ng-if="currentLang=='ca'"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/footer/recerca.png" alt="Institut" class="responsive-img img-logos-peq"> </a> <a href="http://es.vhir.org/portal1/homepage.asp?" target="_blank" ng-if="currentLang=='es'"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/footer/recerca.png" alt="Institut" class="responsive-img img-logos-peq"> </a> <a href="http://en.vhir.org/portal1/homepage.asp?" target="_blank" ng-if="currentLang=='en'"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/footer/recerca.png" alt="Institut" class="responsive-img img-logos-peq"> </a> </li> <li> <a href="http://www.vhio.net/{{currentLang}}" target="_blank"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/footer/vhio.png" alt="VHIO" class="responsive-img img-logos-peq"> </a> </li> <li> <a href="https://www.cem-cat.org/{{currentLang}}" target="_blank"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/footer/cemcat.png" alt="Cemcat" class="responsive-img img-logos-peq"> </a> </li> <li> <a href="https://www.uab.cat/" target="_blank"> <img src="https://stockcrowd.s3.amazonaws.com/descargables/vh/img/footer/uab.png" alt="UAB" class="responsive-img img-logos-peq"> </a> </li> </ul> <a href="https://salut.gencat.cat/" target="_blank"> <img src="https://www.vallhebron.com/sites/default/files/2022-03/departament-salut-generalitat-catalunya.svg" alt="Catalunya" class="responsive-img logo-cat"> </a> </div> </div> </footer> <div class="overlay overlay-scale overlay-modal">  <div id="modal-legal-warning" role="dialog" aria-modal="true" aria-labelledby="dialog-title-legal" class="modal modal-fixed-footer modal-legales hide"> <div class="modal-content relative"> <button class="close-button close-modal" aria-label="X, {{cerrarVentana}}"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="{{'#'+colorCampaign}}"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> </svg> </button> <span role="heading" aria-level="1" id="dialog-title-legal" class="encabezado-modal">{{'AVISO_LEGAL_MODAL' | translate}}</span> <div class="contenido-legales" ng-bind-html="htmlTrusted(legalWarning)"></div> </div> <div class="modal-footer"> <button class="btn btn-donacion color-fondo white-text close-modal">{{ 'CERRAR' | translate }}</button> </div> </div>  <div id="modal-cookies-policy" role="dialog" aria-modal="true" aria-labelledby="dialog-title-cookies" class="modal modal-fixed-footer modal-legales hide"> <div class="modal-content relative"> <button class="close-button close-modal" aria-label="X, {{cerrarVentana}}"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="{{'#'+colorCampaign}}"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> </svg> </button> <span role="heading" aria-level="1" id="dialog-title-cookies" class="encabezado-modal visually-hidden">{{'POLITICA_COOKIES' | translate}}</span> <div class="contenido-legales" ng-bind-html="htmlTrusted(cookiesPolicy)"> </div> </div> <div class="modal-footer"> <button class="btn btn-donacion color-fondo white-text close-modal">{{ 'CERRAR' | translate }}</button> </div> </div>  <div id="guia-embajador" role="dialog" aria-modal="true" aria-labelledby="dialog-title-embajador" class="modal modal-fixed-footer modal-legales hide"> <div class="modal-content"> <button class="close-button close-modal" aria-label="X, {{cerrarVentana}}"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="{{'#'+colorCampaign}}"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> </svg> </button> <span role="heading" aria-level="1" id="dialog-title-embajador" class="encabezado-modal" ng-if="campaignembajador.encabezado.titulo">{{campaignembajador.encabezado.titulo}}</span> <p ng-bind-html="htmlTrusted(campaignembajador.encabezado.descripcion)" ng-if="campaignembajador.encabezado.descripcion">{{campaignembajador.encabezado.descripcion}}</p> <div class="videos-embajador" ng-if="guiaEmbajador && campaignembajador.encabezado.video.url!=''"> <div class="video-container"> <iframe width="853" height="480" ng-src="{{trustSrc(campaignembajador.encabezado.video.url+'?rel=0&showinfo=0')}}" frameborder="0" allowfullscreen></iframe> </div> </div> <div class="kit-redes kit" ng-if="campaignembajador.facebook.length>0 || campaignembajador.twitter.length>0 || campaignembajador.instagram.length>0"> <h2>{{ 'REDES_SOCIALES' | translate }}</h2> <div id="accordion-group" class="accordion"> <div class="faq-container" ng-if="campaignembajador.facebook.length>0"> <h3> <button aria-expanded="false" class="accordion-trigger" aria-controls="kit-facebook" id="accordion-facebook" ng-click="collapsElement($event.currentTarget)"> <span class="accordion-title color-texto"> Facebook </span> <span class="accordion-icon color-texto"></span> </button> </h3> <div id="kit-facebook" role="region" aria-labelledby="accordion-facebook" class="accordion-panel"> <div class="collapsible-body"> <div class="row"> <a class="col l3 m4 s12 img-embajador valign-wrapper cover space-center" ng-repeat="imagenes in campaignembajador.facebook" ng-style="{'background-image': {true : 'url(\''+imagenes.imagen.url+'\')', false : ''}[imagenes.imagen.url!=null]}" ng-href="{{imagenes.imagen.url}}" target="_blank" title="Descargar imagen de Facebook, abre en una nueva ventana"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="48px" viewBox="0 0 24 24" width="48px" fill="#FFFFFF"><g><rect fill="none" height="24" width="24"/></g><g><path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z"/></g></svg> </a> </div> </div> </div> </div> <div class="faq-container" ng-if="campaignembajador.twitter.length>0"> <h3> <button aria-expanded="false" class="accordion-trigger" aria-controls="kit-twitter" id="accordion-twitter" ng-click="collapsElement($event.currentTarget)"> <span class="accordion-title color-texto"> Twitter </span> <span class="accordion-icon color-texto"></span> </button> </h3> <div id="kit-twitter" role="region" aria-labelledby="accordion-twitter" class="accordion-panel"> <div class="collapsible-body"> <div class="row"> <a class="col l3 m4 s12 img-embajador valign-wrapper cover space-center" ng-repeat="imagenes in campaignembajador.twitter" ng-style="{'background-image': {true : 'url(\''+imagenes.imagen.url+'\')', false : ''}[imagenes.imagen.url!=null]}" ng-href="{{imagenes.imagen.url}}" target="_blank" title="Descargar imagen de twitter, abre en una nueva ventana"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="48px" viewBox="0 0 24 24" width="48px" fill="#FFFFFF"><g><rect fill="none" height="24" width="24"/></g><g><path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z"/></g></svg> </a> </div> </div> </div> </div> <div class="faq-container" ng-if="campaignembajador.instagram.length>0"> <h3> <button aria-expanded="false" class="accordion-trigger" aria-controls="kit-instagram" id="accordion-instagram" ng-click="collapsElement($event.currentTarget)"> <span class="accordion-title color-texto"> Instagram </span> <span class="accordion-icon color-texto"></span> </button> </h3> <div id="kit-instagram" role="region" aria-labelledby="accordion-instagram" class="accordion-panel"> <div class="collapsible-body"> <div class="row"> <a class="col l3 m4 s12 img-embajador valign-wrapper cover space-center" ng-repeat="imagenes in campaignembajador.instagram" ng-style="{'background-image': {true : 'url(\''+imagenes.imagen.url+'\')', false : ''}[imagenes.imagen.url!=null]}" ng-href="{{imagenes.imagen.url}}" target="_blank" title="Descargar imagen de instagram, abre en una nueva ventana"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="48px" viewBox="0 0 24 24" width="48px" fill="#FFFFFF"><g><rect fill="none" height="24" width="24"/></g><g><path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z"/></g></svg> </a> </div> </div> </div> </div> </div> </div> <div class="kit-materiales kit" ng-if="campaignembajador.videos.length>0 || campaignembajador.fotos.length>0 || campaignembajador.textos"> <h2>{{ 'MATERIALES' | translate }}</h2> <div id="accordion-group" class="accordion"> <div class="faq-container" ng-if="campaignembajador.videos.length>0"> <h3> <button aria-expanded="false" class="accordion-trigger" aria-controls="kit-videos" id="accordion-videos" ng-click="collapsElement($event.currentTarget)"> <span class="accordion-title color-texto"> {{ 'VIDEOS' | translate }} </span> <span class="accordion-icon color-texto"></span> </button> </h3> <div id="kit-videos" role="region" aria-labelledby="accordion-videos" class="accordion-panel"> <div class="collapsible-body"> <div class="videos-embajador" ng-repeat="videos in campaignembajador.videos" ng-if="videos.video.url"> <div class="video-container" ng-if="videos.video.url"> <iframe width="853" height="480" ng-src="{{trustSrc(videos.video.url+'?rel=0&showinfo=0')}}" frameborder="0" allowfullscreen></iframe> </div> <div class="center-align compartir-video"> <span class="color-texto">{{ 'SHARE' | translate }}:</span> <span>{{videos.video.url}}</span> </div> </div> </div> </div> </div> <div class="faq-container" ng-if="campaignembajador.fotos.length>0"> <h3> <button aria-expanded="false" class="accordion-trigger" aria-controls="kit-fotos" id="accordion-fotos" ng-click="collapsElement($event.currentTarget)"> <span class="accordion-title color-texto"> {{ 'IMAGENES' | translate }} </span> <span class="accordion-icon color-texto"></span> </button> </h3> <div id="kit-fotos" role="region" aria-labelledby="accordion-fotos" class="accordion-panel"> <div class="collapsible-body"> <div class="row"> <a class="col l3 m4 s12 img-embajador valign-wrapper cover space-center" ng-repeat="imagenes in campaignembajador.fotos" ng-style="{'background-image': {true : 'url(\''+imagenes.imagen.url+'\')', false : ''}[imagenes.imagen.url!=null]}" ng-href="{{imagenes.imagen.url}}" target="_blank" title="Descargar imagen, abre en una nueva ventana"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="48px" viewBox="0 0 24 24" width="48px" fill="#FFFFFF"><g><rect fill="none" height="24" width="24"/></g><g><path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z"/></g></svg> </a> </div> </div> </div> </div> <div class="faq-container" ng-if="campaignembajador.textos"> <h3> <button aria-expanded="false" class="accordion-trigger" aria-controls="kit-textos" id="accordion-textos" ng-click="collapsElement($event.currentTarget)"> <span class="accordion-title color-texto"> {{ 'TEXTOS' | translate }} </span> <span class="accordion-icon color-texto"></span> </button> </h3> <div id="kit-textos" role="region" aria-labelledby="accordion-textos" class="accordion-panel"> <div class="collapsible-body"> <div ng-bind-html="htmlTrusted(campaignembajador.textos.descripcion)">{{campaignembajador.textos.descripcion}}</div> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button class="btn btn-donacion color-fondo white-text close-modal">{{ 'CERRAR' | translate }}</button> </div> </div> </div> <div class="overlay overlay-scale overlay-video">  <div id="modal-video" role="dialog" aria-modal="true" aria-labelledby="dialog-title-video" class="modal"> <div class="modal-content"> <button class="close-button close-modal" aria-label="X, {{cerrarVentana}}"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="{{'#'+colorCampaign}}"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> </svg> </button> <span role="heading" aria-level="1" id="dialog-title-video" class="encabezado-modal">{{tituloVideo}}</span> <div class="container-video"></div> <button class="btn btn-donacion color-fondo white-text close-modal">{{ 'VOLVER' | translate }}</button> </div> </div> </div> <div class="overlay overlay-scale overlay-mapas">  <div id="modal-pin" role="dialog" aria-modal="true" aria-labelledby="dialog-title-pines" class="modal"> <div class="modal-content"> <button class="close-button close-modal" aria-label="X, {{cerrarVentana}}"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="{{'#'+colorCampaign}}"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> </svg> </button> <span role="heading" aria-level="1" id="dialog-title-pines" class="encabezado-modal">Pines</span> <div ng-repeat="pin in pines" class="pines"> <h2 ng-style="map.color && {'color': '{{map.color}}'}" class="sub-encabezados">{{pin.titulo}}</h2> <div class="valign-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zM7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.88-2.88 7.19-5 9.88C9.92 16.21 7 11.85 7 9z"/> <circle cx="12" cy="9" r="2.5"/> </svg> <label>{{pin.direccion}}</label> </div> <div class="valign-wrapper" ng-if="pin.web"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="{{map.color}}"> <path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/> </svg> <a href="{{pin.web}}" target="blank" rel="noopener" ng-style="map.color && {'color': '{{map.color}}'}">{{pin.web}}</a> </div> <div class="valign-wrapper" ng-if="pin.email"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="{{map.color}}"> <path d="M0 0h24v24H0V0z" fill="none"/> <path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/> </svg> <a ng-href="mailto:{{pin.email}}" ng-style="map.color && {'color': '{{map.color}}'}">{{pin.email}}</a> </div> </div> </div> </div> </div> <div class="overlay overlay-scale overlay-recompensa">  <div id="modal-reward" role="dialog" aria-modal="true" aria-labelledby="dialog-title-recompensa" class="modal"> <div class="modal-content"> <button class="close-button close-modal" aria-label="X, {{cerrarVentana}}"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="{{'#'+colorCampaign}}"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> </svg> </button> <span role="heading" aria-level="1" id="dialog-title-recompensa" class="encabezado-modal visually-hidden">{{tituloBloque}}</span><br> <div class="row margin-cero contenido-recompensa"> <div class="col l6 m6 s12"> <div class="image-container" ng-repeat="reward in rewards" ng-if="reward.id==idReward"> <img ng-src="{{reward.imagenes[0].url}}" ng-if="reward.imagenes.length==1" class="img-responsive" alt="{{reward.titulo}}"> <div class="slider" ng-if="reward.imagenes.length>1"> <section class="carousel carousel-acces" aria-roledescription="carousel" aria-label="{{reward.titulo}}"> <button class="screen-reader-text skip-carrousel color-texto" ng-click="saltarCarrousel($event.currentTarget)">{{ 'SALTAR_CARROUSEL' | translate }}</button> <div tabindex="-1" class="carousel-inner"> <ul class="carousel-items"> <li ng-repeat="imagen in reward.imagenes" class="carousel-item cover {{$index}}" ng-class="{'active':$first}" role="group" aria-roledescription="slide" aria-label="{{diapositiva}} {{$index+1}} {{de}} {{reward.imagenes.length}}, {{!imagen.alt ? reward.titulo : imagen.alt}}" data-id="{{$index}}" ng-style="{'background-image': {true : 'url(\''+imagen.url+'\')', false : ''}[imagen.url!=null]}"> </li> </ul> <div class="controls valign-wrapper"> <button type="button" class="previous btn-prev" aria-label="{{diapositivaAnterior}}" ng-click="anteriorDiapositiva($event.currentTarget)"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="{{fondoCamp}}"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"/> </svg> </button> <button type="button" class="next btn-next" aria-label="{{diapositivaSiguiente}}" ng-click="siguienteDiapositiva($event.currentTarget)"> <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="{{fondoCamp}}"> <g> <path d="M0,0h24v24H0V0z" fill="none"/> </g> <g> <polygon points="6.23,20.23 8,22 18,12 8,2 6.23,3.77 14.46,12"/> </g> </svg> </button> </div> <ul class="slidenav valign-wrapper"> <li class="indicator-slider" ng-repeat="indicador in reward.imagenes"> <button class="indicador {{$index}}" ng-class="{'active': $first}" data-slide="{{$index}}" aria-label="{{irDiapositiva}} {{$index+1}}" ng-style="{'background-color': '{{'#'+colorCampaign}}'}" ng-click="indicadorItem($event.currentTarget)"></button> </li> </ul> <div aria-live="polite" aria-atomic="true" class="liveregion visually-hidden"></div> </div> </section> </div> </div> <div class="visor-miniaturas hide-on-small-only" ng-if="totalRecompensasVisualizador.length>1"> <div class="row margin-cero"> <div class="col s9"> <h2>{{ 'RECOMPENSA_INTERES' | translate }}</h2> </div> <div class="col s3 productos-relacionados right-align" ng-if="totalRecompensasVisualizador.length>3"> <button aria-label="<, ver producto anterior" ng-click="productoAnterior()" class="sin-elementos producto-anterior"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="{{fondoCamp}}"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg> </button> <button aria-label=">, ver producto siguiente" ng-click="productoSiguiente()" class="producto-siguiente"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="{{fondoCamp}}"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg> </button> </div> </div> <div class="carousel-miniaturas"> <ul> <li ng-repeat="reward in rewards" ng-if="(reward.total != reward.reclamadas) && !reward.cta && reward.id!=idReward"> <div class="cover" ng-style="{'background-image': {true : 'url(\''+reward.imagenes[0].url+'\')', false : 'url(https://stockcrowd.s3.amazonaws.com/boxbo/img/imagen.svg)'}[reward.imagenes[0].url!=null]}" ng-class="{'active':reward.id==idReward}"> <button data-id="{{reward.id}}" ng-click="verRecompensaModal($event.currentTarget)" aria-label="Ver datos de {{reward.titulo}}"></button> </div> </li> </ul> </div> </div> </div> <div class="col l6 m6 s12"> <div ng-repeat="reward in rewards" ng-if="reward.id==idReward"> <form id="cart-form" ng-submit="addToCart(reward);"> <h2>{{reward.titulo}}</h2> <span class="color-texto importe-recompensa" ng-if="!reward.cta">{{formatCurrency(reward.importe, 2)}}</span> <div class="contenido-recompensa"> <p ng-if="reward.descripcion" ng-bind-html="htmlTrusted(reward.descripcion)">{{reward.descripcion}}</p> </div> <div class="contenedor-errores" ng-if="errores.length>0"> <h3 tabindex="0">{{ 'FALTAN_DATOS' | translate }}</h3> <ul class="lista-errores"> <li ng-repeat="error in errores">{{error}}</li> </ul> </div> <div class="contenido-recompensa" ng-repeat="pack in reward.packs" ng-if="pack.campos.length>0"> <div class="campos-producto"> <div ng-repeat="campo in pack.campos"> <div ng-if="campo.idTipoCampo=='M01'" class="input-select"> <label for="campo-{{campo.id}}">{{campo.descripcionCampo}} <span ng-if="campo.obligatorio">*</span></label> <select data-description="{{campo.descripcionCampo}}" id="campo-{{campo.id}}" ng-required="campo.obligatorio" ng-model="campo.valor" name="{{campo.nombreCampo}}" ng-change="setCantidadSeleccionadaByParamValue(reward);"> <option value="">{{'SELECCIONA' | translate}} {{campo.descripcionCampo}}</option> <option ng-repeat="valor in campo.valores" ng-if="valor.unidadesDisponibles==null || reward.ocultarDisponibilidad" value="{{valor.id}}">{{valor.valor}}</option> <option ng-repeat="valor in campo.valores" ng-if="valor.unidadesDisponibles!=null && valor.unidadesDisponibles>0 && !reward.ocultarDisponibilidad" value="{{valor.id}}">{{valor.valor}} ({{valor.unidadesDisponibles}} {{'EN_STOCK' | translate}})</option> </select> </div> <div ng-if="campo.idTipoCampo!='M01'" class="input-select"> <label for="campo-{{campo.id}}">{{campo.descripcionCampo}} <span ng-if="campo.obligatorio">*</span></label> <input data-description="{{campo.descripcionCampo}}" id="campo-{{campo.id}}" data-desc="{{campo.descripcionCampo}}" ng-required="campo.obligatorio" ng-if="campo.idTipoCampo=='M02'" class="input-text" name="{{campo.nombreCampo}}" type="text" ng-model="campo.valor"> <input data-description="{{campo.descripcionCampo}}" id="campo-{{campo.id}}" data-desc="{{campo.descripcionCampo}}" ng-required="campo.obligatorio" ng-if="campo.idTipoCampo=='M06'" class="field-email input-text" name="{{campo.nombreCampo}}" type="email" ng-model="campo.valor"> <input data-description="{{campo.descripcionCampo}}" id="campo-{{campo.id}}" data-desc="{{campo.descripcionCampo}}" ng-required="campo.obligatorio" ng-if="campo.idTipoCampo=='M05'" class="input-text" placeholder="DD/MM/AAAA" name="{{campo.nombreCampo}}" type="date" ng-model="campo.valor" ng-keydown="detectNumbers($event)" ng-keyup="formatDate($event)" minlength="10" maxlength="10"> </div> </div> </div> </div>  <div class="contenido-recompensa" ng-if="reward.admiteRecogidaEnTienda && centrosEntrega && centrosEntrega.length>0"> <fieldset> <legend>{{ 'TITULO_PUNTO_ENTREGA' | translate }}</legend> <div> <input id="overnight" type="radio" name="shipping" value="overnight" ng-model="reward.idCentroRecogida" ng-value="null"> <label for="overnight">{{ 'ENTREGA_DIRECCION' | translate }}</label> </div> <div ng-repeat="centroEntrega in centrosEntrega"> <input id="twoday-{{centroEntrega.id}}" type="radio" name="shipping" value="twoday" ng-model="reward.idCentroRecogida" ng-value="{{centroEntrega.id}}"> <label for="twoday-{{centroEntrega.id}}"> {{ 'ENTREGA_PUNTO' | translate }} <strong>{{centroEntrega.nombre}}</strong> {{ 'UBICADO_EN' | translate }} <strong>{{centroEntrega.direccion}}</strong> </label> </div> </fieldset> </div> <div class="contenido-recompensa" ng-if="reward.tramos.length==0 && (reward.total==null || reward.total-reward.reclamadas>0)"> <div class="valign-wrapper space-between"> <div class="valign-wrapper"> <button tabindex="0" type="button" class="annadir-productos" aria-label="-, disminuir cantidad del producto" ng-disabled="reward.cantidadSeleccionada<=1" ng-click="decrementarCantidad(reward);"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1z"/></svg> </button> <span class="cantidad-seleccionada">{{reward.cantidadSeleccionada}}</span> <button tabindex="0" type="button" class="annadir-productos" aria-label="-, aumentar cantidad del producto" ng-disabled="canIncrease(reward)==false" ng-click="incrementarCantidad(reward);"> <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M18,13h-5v5c0,0.55-0.45,1-1,1l0,0c-0.55,0-1-0.45-1-1v-5H6c-0.55,0-1-0.45-1-1l0,0c0-0.55,0.45-1,1-1h5V6 c0-0.55,0.45-1,1-1l0,0c0.55,0,1,0.45,1,1v5h5c0.55,0,1,0.45,1,1l0,0C19,12.55,18.55,13,18,13z"/></g></g></svg> </button> </div> <div class="right-align"> <button tabindex="0" type="submit" class="btn btn-donacion color-fondo white-text">{{annadirCarrito}}</button> </div> </div> </div> <div class="contenido-recompensa" ng-if="reward.tramos.length>0 && (reward.total==null || reward.total-reward.reclamadas>0) && reward.tramos[0].cantidad<=((reward.total-reward.reclamadas))"> <div class="row"> <div class="col l12 m12 s12 ir-carrito" > <div class="input-select"> <label for="tramo">{{'CANTIDAD' | translate}}</label> <select id="tramo" name="tramo" ng-model="reward.tramoSeleccionado" ng-change="tramoChanged(reward)"> <option ng-repeat="tramo in reward.tramos" ng-if="tramo.cantidad<=((reward.total-reward.reclamadas))" ng-value="{{tramo.cantidad}}">{{tramo.cantidad}} unidades - {{formatCurrency(tramo.importe, 2)}}</option> </select> </div> <button tabindex="0" type="submit" class="btn btn-donacion color-fondo white-text">{{annadirCarrito}}</button> </div> </div> </div> </form> <div class="ir-carrito" ng-if="campaign.tipoCampaign==402 && mayDonate && cart.length>0"> <button tabindex="0" class="btn btn-donacion color-fondo white-text" ng-click="irCarrito()">{{ 'VER_CARRITO' | translate }}</button> </div> </div> </div> <div class="col l12 m12 s12 hide-on-med-and-up" ng-if="totalRecompensasVisualizador.length>1 && visor!='desktop'"> <div class="visor-miniaturas"> <div class="row margin-cero"> <div class="col s9"> <h2>{{ 'RECOMPENSA_INTERES' | translate }}</h2> </div> <div class="col s3 productos-relacionados right-align" ng-if="totalRecompensasVisualizador.length>3"> <button aria-label="<, ver producto anterior" ng-click="productoAnterior()" class="sin-elementos producto-anterior"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="{{fondoCamp}}"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg> </button> <button aria-label=">, ver producto siguiente" ng-click="productoSiguiente()" class="producto-siguiente"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="{{fondoCamp}}"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg> </button> </div> </div> <div class="carousel-miniaturas"> <ul> <li ng-repeat="reward in rewards" ng-if="(reward.total != reward.reclamadas) && !reward.cta && reward.id!=idReward"> <div class="cover" ng-style="{'background-image': {true : 'url(\''+reward.imagenes[0].url+'\')', false : ''}[reward.imagenes[0].url!=null]}" ng-class="{'active':reward.id==idReward}"> <button data-id="{{reward.id}}" ng-click="verRecompensaModal($event.currentTarget)" aria-label="Ver datos de {{reward.titulo}}"></button> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="overlay overlay-carrito">  <div id="modal-carrito" role="dialog" aria-modal="true" aria-labelledby="dialog-title-carrito" class="modal"> <div class="modal-content"> <button class="close-button close-modal" aria-label="X, {{cerrarVentana}}"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="36px" viewBox="0 0 24 24" width="36px" fill="{{'#'+colorCampaign}}"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> </svg> </button> <span role="heading" aria-level="1" id="dialog-title-carrito" class="encabezado-modal">{{ 'TU_CARRITO' | translate }}</span> <div class="container-compra"> <div class="contenedor-carrito" ng-repeat="reward in cart track by $index"> <div class="row margin-cero valign-wrapper"> <div class="col s4"> <div class="miniatura-carrito cover" ng-style="{'background-image': {true : 'url(\''+reward.imagenes[0].url+'\')', false : ''}[reward.imagenes[0].url!=null]}"></div> </div> <div class="col s8 valign-wrapper space-between"> <div> <span class="encabezado-modal">{{reward.titulo}} ({{reward.cantidadSeleccionada}})</span><br> <span> <strong class="color-texto importe-recompensa" ng-if="!reward.cta">{{formatCurrency(reward.importe, 2)}}</strong></span> <div class="detalles-compra" ng-repeat="pack in reward.packs" ng-if="pack.campos.length>0"> <small class="small-valor-campo" ng-repeat="campo in pack.campos" > <label ng-if="campo.idTipoCampo!='M01'">{{campo.descripcionCampo}}: {{campo.valor}}</label> <label ng-if="campo.idTipoCampo=='M01' && valor.id.toString()==campo.valor " ng-repeat="valor in campo.valores"> {{campo.descripcionCampo}}: {{valor.valor}} </label> </small> </div> </div> <button ng-click="removeFromCart($index);" type="submit" class="btn eliminar-recompensa" aria-label="{{eliminarCompra}}"> <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="{{fondoCamp}}"><g><path d="M0,0h24v24H0V0z" fill="none"/></g><g><path d="M6,19c0,1.1,0.9,2,2,2h8c1.1,0,2-0.9,2-2V7H6V19z M9.17,12.59c-0.39-0.39-0.39-1.02,0-1.41c0.39-0.39,1.02-0.39,1.41,0 L12,12.59l1.41-1.41c0.39-0.39,1.02-0.39,1.41,0s0.39,1.02,0,1.41L13.41,14l1.41,1.41c0.39,0.39,0.39,1.02,0,1.41 s-1.02,0.39-1.41,0L12,15.41l-1.41,1.41c-0.39,0.39-1.02,0.39-1.41,0c-0.39-0.39-0.39-1.02,0-1.41L10.59,14L9.17,12.59z M18,4h-2.5 l-0.71-0.71C14.61,3.11,14.35,3,14.09,3H9.91c-0.26,0-0.52,0.11-0.7,0.29L8.5,4H6C5.45,4,5,4.45,5,5s0.45,1,1,1h12 c0.55,0,1-0.45,1-1S18.55,4,18,4z"/></g></svg> </button> </div> </div> </div> </div> <div class="pagar"> <div class="row"> <div class="col s12" ng-show="cfgForm.aportacionLibre"> <div class="input-select"> <label for="implicarte-mas">{{'QUIERES_IMPLICARTE' | translate}}</label> <input id="implicarte-mas" class="input-text" type="text" placeholder="{{entraImporte}}" ng-keydown="detectNumbers($event)" ng-model="importeRegalo"> </div> </div> <div class="col s6"> <h3>{{ 'TOTAL' | translate }}</h3> </div> <div class="col s6 right-align"> <strong>{{formatCurrency(totalToPay, 2)}}</strong> </div> </div> <div class="row margin-cero"> <div class="col s12"> <button class="btn-donacion color-fondo white-text" onclick="pay(this);" data-importe="{{importeRegalo}}" data-id-campaign="17425" data-uuid="d51412b5-8c43-4e08-9fde-0719e6e9c7ee" data-style="peer" data-lang="{{currentLang}}">{{ 'FINALIZAR_COMPRA' | translate }}</button> </div> </div> </div> </div> </div> </div> <div class="toast"> <span>{{toastMessage}}</span> </div>  <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-cookies.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-sanitize.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate/2.17.0/angular-translate.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.19.1/URI.min.js"></script> <script async type="text/javascript" src="https://www.youtube.com/iframe_api"></script> <script async type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.13/clipboard.min.js"></script>  <script type="text/javascript"> var idCampaign = "17425"; var publicKey = ""; var serverName = "www.stockcrowd.com"; var baseUrl = "https://"+serverName+"/api/v1/"; var lang = ""; var uuid = "d51412b5-8c43-4e08-9fde-0719e6e9c7ee"; </script> <script id="integrationJs" type="text/javascript" src="https://www.stockcrowd.com/resources/js/templates/payment/dp/integracion-embeded.js"></script> <script type="text/javascript" src="https://www.stockcrowd.com/resources/js/templates/premium/js.js"></script> </body> </html>

CINXE.COM

Col路labora amb Vall d'Hebron