La UPV con las v铆ctimas de la DANA

<!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>  <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"/> <link rel="icon" type="image/png" href="https://www.stockcrowd.com/resources/img/web/favicon.png"/>  <title>La UPV con las v铆ctimas de la DANA</title><meta name="title" content="La UPV con las v铆ctimas de la DANA"> <meta name="description" content="La Universitat Polit猫nica de Val猫ncia inicia una campa帽a de ayuda en favor de las personas damnificadas por la DANA que ha devastado buena parte de la provincia de Valencia. La situaci贸n es catastr贸fica y miles de personas se han quedado sin nada."> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:title" content="La UPV con las v铆ctimas de la DANA"> <meta property="twitter:description" content="La Universitat Polit猫nica de Val猫ncia inicia una campa帽a de ayuda en favor de las personas damnificadas por la DANA que ha devastado buena parte de la provincia de Valencia. La situaci贸n es catastr贸fica y miles de personas se han quedado sin nada."> <meta name="robots" content="NOODP">  <link rel="preconnect" href="mecenazgo.upv.es"> <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, .overlay-recompensa .annadir-productos:hover, .overlay-carrito .annadir-productos:hover, .img-embajador::before { 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 { 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}}; } .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}}; } .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}}; } .white .compra svg { fill: {{'#'+colorCampaign}} !important; } #K14 { background-color: {{colorTestimonios}} !important; } #K14 .encabezados, #K14 .descripcion-testimonios { color: {{colorTextoTestimonios}} !important; } .informacion .tab-container button.active::before { background-color: {{colorTabPanel}}; } </style>  <link rel="stylesheet" type="text/css" rel="stylesheet" href="https://mecenazgo.upv.es/resources/css/templates/premium/style.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"> </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>  <a href="#maincontent" class="skip-link">{{ 'SALTAR_CONTENIDO' | translate }}</a>  <header> <div class="navbar-fixed"> <nav class="z-depth-0 transparent valign-wrapper"> <div class="container"> <div class="nav-wrapper 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" ng-class="{'no-barra':campaign.urlLogoCampaignBarra}"> <img ng-src="{{logCampanna}}" class="responsive-img" alt="{{empresaDatos.nombre}}, {{altLogo}}"> </a> <img ng-if="!sitioWeb && logCampanna" ng-src="{{logCampanna}}" class="responsive-img" alt="{{empresaDatos.nombre}}, {{altLogo}}" ng-class="{'no-barra':campaign.urlLogoCampaignBarra}"> <img ng-if="campaign.urlLogoCampaignBarra" ng-src="{{campaign.urlLogoCampaignBarra}}" class="responsive-img logo-barra" alt="{{empresaDatos.nombre}}, {{altLogo}}"> </div> <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}}" 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 class="valign-wrapper"> <div class="hide-on-med-and-down buttons-desktop" 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" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-lang="{{currentLang}}" 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 && !campaign.cta" href="#K16" 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> <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="#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> <span class="cart-count-icon white-text">{{elementsInCart}}</span> </button> <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()"> {{idiomaReal}} <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="#000000"> <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="#FFFFFF"> <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}}">ESP</button> <button ng-if="idioma=='ca'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="CAT, {{idiomaCa}}">CAT</button> <button ng-if="idioma=='en'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="ENG, {{idiomaEn}}">ENG</button> <button ng-if="idioma=='it'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="ITA, {{idiomaIt}}">ITA</button> <button ng-if="idioma=='pt'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="POR, {{idiomaPt}}">POR</button> <button ng-if="idioma=='fr'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="FRA, {{idiomaFr}}">FRA</button> <button ng-if="idioma=='eu'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="EUS, {{idiomaEu}}">EUS</button> <button ng-if="idioma=='de'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="GER, {{idiomaDe}}">GER</button> <button ng-if="idioma=='gl'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="GAL, {{idiomaGa}}">GAL</button> <button ng-if="idioma=='ca-ES'" class="color-texto" ng-click="changeLanguage(idioma)" aria-label="VAL, {{idiomaVal}}">VAL</button> </li> </ul> </div> <div class="hamburger hide-on-large-only" ng-if="tabsVisibles.length>0"> <div class="hamburger-inner"></div> </div> </div> </div> </div> </nav> </div>  <div class="menu-mobile hide hide-on-large-only color-fondo"> <div class="container center-align"> <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" 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)" 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> <button class="play-container hide-on-large-only" data-url="{{videos[0].url}}" data-titulo="{{campaign.tituloCampaign}}" data-id="{{trustSrc(getYoutubeInsertionCodeId(videos[0].url))}}" ng-class="{'youtube':informacion.video.url.indexOf('youtu') !== -1}" ng-click="verVideo($event.currentTarget)" aria-label="Reproducir video de portada"> <img loading="lazy" src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/play.png" class="responsive-img" alt="{{'REPRODUCIR_VIDEO' | translate }}"> </button> </div> <div class="slider-comun slider-desktop" ng-if="gallery.length>0" ng-class="{'hide-on-med-and-down':imgMobile.length>0}"> <div ng-repeat="imagen in imgDesktop" ng-style="{'background-image': {true : 'url(\''+imagen.url+'\')', false : ''}[imagen.url!=null]}" class="cover" ng-class="{'active':$first}"></div> </div> <div class="slider-comun slider-mobile hide-on-large-only" ng-if="imgMobile.length>0"> <div ng-repeat="imagen in imgMobile" 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 l6 m12 s12"> <h1 ng-bind-html="htmlTrusted(campaign.tituloCampaign)" ng-class="{'visually-hidden':campaign.ocultarTitulo}">{{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 m8 s12" ng-class="{'offset-l1 l5':campaign.contentHeaderAlign != 'B', 'l7 bloques':campaign.contentHeaderAlign == 'B'}"> <div class="filtro-fondo" ng-class="{'fondo-camp':campaign.barraSinFondo, 'no-fondo':campaign.detalleOcultarImporteRecaudado && campaign.detalleOcultarObjetivo}"> <div class="row margin-cero"> <div class="col l12 m12 s12" ng-if="campaign.objetivo && !campaign.detalleOcultarImporteRecaudado"> <span class="recaudacion" ng-class="{'white-text':campaign.barraSinFondo, 'color-texto':!campaign.barraSinFondo}">{{porCiento | number:0}} %</span> </div> <div class="col l6 m6 s6 info-camp" ng-if="!campaign.detalleOcultarImporteRecaudado"> <span ng-class="{'white-text':campaign.barraSinFondo}">{{ 'RECAUDADO' | translate }}</span> <label ng-if="campaign.etiquetaContador == ''" ng-class="{'white-text':campaign.barraSinFondo, 'black-text':!campaign.barraSinFondo}">{{formatCurrency(collected, 0)}}</label> <label ng-if="campaign.etiquetaContador != ''" ng-class="{'white-text':campaign.barraSinFondo, 'black-text':!campaign.barraSinFondo}" class="etiqueta-contador"> {{collected | number:0}} <span ng-class="{'white-text':campaign.barraSinFondo, 'black-text':!campaign.barraSinFondo}" ng-bind-html="htmlTrusted(campaign.simboloMoneda)"></span> </label> </div> <div class="col right-align info-camp" ng-if="campaign.objetivo && !campaign.detalleOcultarObjetivo" ng-class="{'l6 m6 s6':!campaign.detalleOcultarImporteRecaudado, 'l12 m12 s12':campaign.detalleOcultarImporteRecaudado}"> <span ng-class="{'white-text':campaign.barraSinFondo}">{{ 'OBJETIVO' | translate }}</span> <label ng-if="campaign.etiquetaContador == ''" ng-class="{'white-text':campaign.barraSinFondo, 'black-text':!campaign.barraSinFondo}">{{formatCurrency(objective, 0)}}</label> <label ng-if="campaign.etiquetaContador != ''" ng-class="{'white-text':campaign.barraSinFondo, 'black-text':!campaign.barraSinFondo}" class="etiqueta-contador"> {{objective | number:0}} <span ng-class="{'white-text':campaign.barraSinFondo, 'black-text':!campaign.barraSinFondo}" ng-bind-html="htmlTrusted(campaign.simboloMoneda)"></span> </label> </div> <div class="col l12 m12 s12 barra-container" ng-if="campaign.objetivo && !campaign.detalleOcultarObjetivo && !campaign.detalleOcultarBarra"> <div class="barra-donacion"></div> <div class="multi-uno multi-camp" ng-if="tipoBarraProgeso != 'D'" ng-class="{'reto-mitad' : reto3 == null || collected >= reto1 && collected < reto2+reto1 && tipoBarraProgeso == 'P', 'hide' : collected < reto1 && tipoBarraProgeso == 'P', 'color-fondo':!campaign.barraSinFondo}"></div> <div class="multi-dos multi-camp" ng-if="tipoBarraProgeso != 'D' && reto3 != null" ng-class="{'hide' : collected < reto1+reto2 && tipoBarraProgeso == 'P', 'color-fondo':!campaign.barraSinFondo}"></div> <div class="retos" ng-if="tipoBarraProgeso != 'D'"> <div class="reto-uno" ng-class="{'reto-mitad-ancho' : reto3 == null || collected >= reto1 && collected < reto2+reto1 && tipoBarraProgeso == 'P', 'hide' : collected < reto1 && tipoBarraProgeso == 'P'}"> <label ng-class="{'white-text':campaign.barraSinFondo}">{{ 'RETO' | translate }} 1</label> <span ng-if="campaign.etiquetaContador == ''" ng-class="{'white-text':campaign.barraSinFondo}">{{formatCurrency(reto1, 0)}}</span> <span ng-if="campaign.etiquetaContador != ''" ng-class="{'white-text':campaign.barraSinFondo}">{{reto1 | number:0}}</span> <span ng-if="campaign.etiquetaContador != ''" ng-class="{'white-text':campaign.barraSinFondo}" ng-bind-html="htmlTrusted(campaign.simboloMoneda)"></span> </div> <div class="reto-dos" ng-class="{'reto-mitad-ancho' : reto3 == null || collected >= reto1 && collected < reto2+reto1 && tipoBarraProgeso == 'P', 'hide' : collected < reto1 && tipoBarraProgeso == 'P'}"> <label ng-class="{'white-text':campaign.barraSinFondo}">{{ 'RETO' | translate }} 2</label> <span ng-if="campaign.etiquetaContador == ''" ng-class="{'white-text':campaign.barraSinFondo}">{{formatCurrency(reto2, 0)}}</span> <span ng-if="campaign.etiquetaContador != ''" ng-class="{'white-text':campaign.barraSinFondo}">{{reto2 | number:0}}</span> <span ng-if="campaign.etiquetaContador != ''" ng-class="{'white-text':campaign.barraSinFondo}" ng-bind-html="htmlTrusted(campaign.simboloMoneda)"></span> </div> <div class="reto-tres" ng-if="reto3 != null" ng-class="{'hide' : collected < reto1+reto2 && tipoBarraProgeso == 'P'}"> <label ng-class="{'white-text':campaign.barraSinFondo}">{{ 'RETO' | translate }} 3</label> <span ng-if="campaign.etiquetaContador == ''" ng-class="{'white-text':campaign.barraSinFondo}">{{formatCurrency(reto3, 0)}}</span> <span ng-if="campaign.etiquetaContador != ''" ng-class="{'white-text':campaign.barraSinFondo}">{{reto3 | number:0}}</span> <span ng-if="campaign.etiquetaContador != ''" ng-class="{'white-text':campaign.barraSinFondo}" ng-bind-html="htmlTrusted(campaign.simboloMoneda)"></span> </div> </div> </div> <div class="col l12 m12 s12 tiempo-recaudacion"> <small ng-if="!campaign.detalleOcultarTotalParticipantes" ng-class="{'white-text':campaign.barraSinFondo}"> {{ 'RAISED_BY' | translate }} {{participants - campaign.profesionales + campaign.totalParticipantesOffline}} <span ng-if="participants - campaign.profesionales + campaign.totalParticipantesOffline!=1" ng-class="{'white-text':campaign.barraSinFondo}">{{ 'PEOPLE' | translate }}</span> <span ng-if="participants - campaign.profesionales + campaign.totalParticipantesOffline==1" ng-class="{'white-text':campaign.barraSinFondo}">{{ 'PEOPLE_SINGULAR' | translate }}</span> <span ng-if="campaign.mostrarDias && campaign.fechaInicio != null" ng-class="{'white-text':campaign.barraSinFondo}">{{ 'IN' | translate }} <span ng-class="{'white-text':campaign.barraSinFondo}"> {{diasTranscurridos}} </span> </span> </small> <small class="raised" ng-if="tiempoRestante" ng-class="{'white-text':campaign.barraSinFondo}"> {{'TERMINA_EN' | translate}} {{tiempoRestante}} </small> </div> <div class="col l12 m12 s12 main-buttons valign-wrapper space-center"> <div ng-if="campaign.showPeerToPeer"> <a ng-class="{'white-text':campaign.barraSinFondo, 'color-inverse':!campaign.barraSinFondo}" class="btn z-depth-0 btn-donacion transparent" ng-href="{{urlP2p}}"> {{ 'CREA' | translate }} </a> </div> <div ng-if="campaign.estado=='A' || campaign.estado=='P'"> <div ng-if="campaign.tipoCampaign==402 && mayDonate"> <a ng-if="!campaign.cta && rewards.length>0" href="#K07" ng-class="{'white color-texto':campaign.barraSinFondo, 'color-fondo white-text':!campaign.barraSinFondo}" class="btn btn-donacion enlace-interno" data-id="K07">{{btnCta}}</a> <a ng-if="campaign.cta" ng-href="{{campaign.cta}}" ng-class="{'white color-texto':campaign.barraSinFondo, 'color-fondo white-text':!campaign.barraSinFondo}" class="btn-donacion">{{btnCta}}</a> </div> <div ng-if="campaign.tipoCampaign!=402 && campaign.tipoCampaign!=409 && mayDonate"> <button ng-if="!campaign.cta" ng-class="{'white color-texto':campaign.barraSinFondo, 'color-fondo white-text':!campaign.barraSinFondo}" class="btn btn-donacion" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-lang="{{currentLang}}" aria-label="{{btnCta}}, {{formDonacion}}" data-style="peer">{{btnCta}}</button> <a ng-if="campaign.cta" ng-class="{'white color-texto':campaign.barraSinFondo, 'color-fondo white-text':!campaign.barraSinFondo}" class="btn btn-donacion" ng-href="{{campaign.cta}}">{{btnCta}}</a> </div> <div ng-if="campaign.tipoCampaign==409 && mayDonate"> <a ng-if="retos.length>0 && !campaign.cta" href="#K16" ng-class="{'white color-texto':campaign.barraSinFondo, 'color-fondo white-text':!campaign.barraSinFondo}" class="btn btn-donacion enlace-interno" data-id="K07">{{btnCta}}</a> <a ng-if="campaign.cta" ng-href="{{campaign.cta}}" ng-class="{'white color-texto':campaign.barraSinFondo, 'color-fondo white-text':!campaign.barraSinFondo}" class="btn btn-donacion">{{btnCta}}</a> </div> </div> </div> <div class="col l12 m12 s12" ng-if="campaign.twitterTweet || campaign.facebookShare || whatsappDetalle || guiaEmbajador"> <ul class="redes-sociales valign-wrapper space-center"> <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="{{fondoRed}}"/> <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="{{colorRed}}"/> </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" class="twitter-new" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"> <g fill="none" fill-rule="evenodd"> <rect height="31" rx="15.5" fill="{{fondoRed}}" width="31" x=".5" y=".5"/> <path d="m13.3872229 0h2.6079966l-5.6962191 6.77692308 6.7009996 9.22307692h-5.2455454l-4.11147329-5.5923077-4.69882659 5.5923077h-2.61169057l6.09148196-7.25-6.42394611-8.75h5.37853107l3.7125163 5.11153846zm-.9161234 14.3769231h1.444372l-9.32377224-12.83846156h-1.55149935z" fill="{{colorRed}}" fill-rule="nonzero" transform="translate(8 8)"/> </g> </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="{{fondoRed}}"/> <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="{{colorRed}}"/> </svg> </button> </li> </ul> </div> </div> </div> </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> <button class="bajar-info hide-on-med-and-down" aria-label="Ir al contenido principal" type="button"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 72 72"> <path fill="#FFF" fill-rule="evenodd" d="M37.243 52.928V11.213h-4v41.144l-17.627-17.6-2.829 2.828L35.06 60.03l.183.213 23-22.658-2.828-2.828-18.172 18.171z"></path> </svg> </button> </div> <div class="principal-movil hide-on-large-only"> <div class="container"> <div class="row margin-cero"> <div class="col l12 m12 s12"> <h1 class="mobile-datos" ng-bind-html="htmlTrusted(campaign.tituloCampaign)" ng-class="{'visually-hidden':campaign.ocultarTitulo}">{{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" ng-if="campaign.estado=='A' || campaign.estado=='P'"> <div ng-if="campaign.showPeerToPeer" class="mobile-p2p"> <a class="btn btn-donacion color-inverse transparent" ng-href="{{urlP2p}}"> {{ 'CREA' | translate }} </a> </div> <div ng-class="{'ancho-total':!campaign.showPeerToPeer}"> <div ng-if="campaign.tipoCampaign==402 && mayDonate"> <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"> <button ng-if="!campaign.cta" ng-class="{'white color-texto':campaign.barraSinFondo, 'color-fondo white-text':!campaign.barraSinFondo}" class="btn-donacion" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-style="peer" data-lang="{{currentLang}}" aria-label="{{btnCta}}, {{formDonacion}}">{{btnCta}}</button> <a ng-if="campaign.cta" ng-class="{'white color-texto':campaign.barraSinFondo, 'color-fondo white-text':!campaign.barraSinFondo}" class="btn-donacion" ng-href="{{campaign.cta}}">{{btnCta}}</a> </div> <div ng-if="campaign.tipoCampaign==409 && mayDonate"> <a ng-if="retos.length>0 && !campaign.cta" href="#K16" 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> </div> <div class="col l6 m6 s6 info-camp" ng-if="!campaign.detalleOcultarImporteRecaudado"> <span>{{ 'RECAUDADO' | translate }}</span> <label ng-if="campaign.etiquetaContador == ''">{{formatCurrency(collected, 0)}}</label> <label ng-if="campaign.etiquetaContador != ''"> {{collected | number:0}} <span ng-bind-html="htmlTrusted(campaign.simboloMoneda)"></span> </label> </div> <div class="col right-align info-camp" ng-if="campaign.objetivo && !campaign.detalleOcultarObjetivo" ng-class="{'l6 m6 s6':!campaign.detalleOcultarImporteRecaudado, 'l12 m12 s12':campaign.detalleOcultarImporteRecaudado}"> <span>{{ 'OBJETIVO' | translate }}</span> <label ng-if="campaign.etiquetaContador == ''">{{formatCurrency(objective, 0)}}</label> <label ng-if="campaign.etiquetaContador != ''"> {{objective | number:0}} <span ng-bind-html="htmlTrusted(campaign.simboloMoneda)"></span> </label> </div> <div class="col l12 m12 s12 barra-container" ng-if="campaign.objetivo && !campaign.detalleOcultarObjetivo && !campaign.detalleOcultarBarra"> <div class="barra-donacion"></div> <div class="multi-uno multi-camp color-fondo" ng-if="tipoBarraProgeso != 'D'" ng-class="{'reto-mitad' : reto3 == null || collected >= reto1 && collected < reto2+reto1 && tipoBarraProgeso == 'P', 'hide' : collected < reto1 && tipoBarraProgeso == 'P'}"></div> <div class="multi-dos multi-camp color-fondo" ng-if="tipoBarraProgeso != 'D' && reto3 != null" ng-class="{'hide' : collected < reto1+reto2 && tipoBarraProgeso == 'P'}"></div> <div class="retos" ng-if="tipoBarraProgeso != 'D'"> <div class="reto-uno" ng-class="{'reto-mitad-ancho' : reto3 == null || collected >= reto1 && collected < reto2+reto1 && tipoBarraProgeso == 'P', 'hide' : collected < reto1 && tipoBarraProgeso == 'P'}"> <label>{{ 'RETO' | translate }} 1</label> <span ng-if="campaign.etiquetaContador == ''">{{formatCurrency(reto1, 0)}}</span> <span ng-if="campaign.etiquetaContador != ''">{{reto1 | number:0}}</span> <span ng-if="campaign.etiquetaContador != ''" ng-bind-html="htmlTrusted(campaign.simboloMoneda)"></span> </div> <div class="reto-dos" ng-class="{'reto-mitad-ancho' : reto3 == null || collected >= reto1 && collected < reto2+reto1 && tipoBarraProgeso == 'P', 'hide' : collected < reto1 && tipoBarraProgeso == 'P'}"> <label>{{ 'RETO' | translate }} 2</label> <span ng-if="campaign.etiquetaContador == ''">{{formatCurrency(reto2, 0)}}</span> <span ng-if="campaign.etiquetaContador != ''">{{reto2 | number:0}}</span> <span ng-if="campaign.etiquetaContador != ''" ng-bind-html="htmlTrusted(campaign.simboloMoneda)"></span> </div> <div class="reto-tres" ng-if="reto3 != null" ng-class="{'hide' : collected < reto1+reto2 && tipoBarraProgeso == 'P'}"> <label>{{ 'RETO' | translate }} 3</label> <span ng-if="campaign.etiquetaContador == ''">{{formatCurrency(reto3, 0)}}</span> <span ng-if="campaign.etiquetaContador != ''">{{reto3 | number:0}}</span> <span ng-if="campaign.etiquetaContador != ''" ng-bind-html="htmlTrusted(campaign.simboloMoneda)"></span> </div> </div> </div> <div class="col l12 m12 s12 tiempo-recaudacion"> <small ng-if="!campaign.detalleOcultarTotalParticipantes"> {{ 'RAISED_BY' | translate }} {{participants - campaign.profesionales + campaign.totalParticipantesOffline}} <span ng-if="participants - campaign.profesionales + campaign.totalParticipantesOffline!=1">{{ 'PEOPLE' | translate }}</span> <span ng-if="participants - campaign.profesionales + campaign.totalParticipantesOffline==1">{{ 'PEOPLE_SINGULAR' | translate }}</span> <span ng-if="campaign.mostrarDias && campaign.fechaInicio != null">{{ 'IN' | translate }} <span> {{diasTranscurridos}} </span> </span> </small> <small class="raised" ng-if="tiempoRestante"> {{'TERMINA_EN' | translate}} {{tiempoRestante}} </small> </div> <div class="col l12 m12 s12" ng-if="campaign.twitterTweet || campaign.facebookShare || guiaEmbajador || whatsappDetalle"> <ul class="redes-sociales valign-wrapper space-end"> <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="black"/> <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="white"/> </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" class="twitter-new" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"> <g fill="none" fill-rule="evenodd"> <rect height="31" rx="15.5" fill="#000000" width="31" x=".5" y=".5"/> <path d="m13.3872229 0h2.6079966l-5.6962191 6.77692308 6.7009996 9.22307692h-5.2455454l-4.11147329-5.5923077-4.69882659 5.5923077h-2.61169057l6.09148196-7.25-6.42394611-8.75h5.37853107l3.7125163 5.11153846zm-.9161234 14.3769231h1.444372l-9.32377224-12.83846156h-1.55149935z" fill="#FFFFFF" fill-rule="nonzero" transform="translate(8 8)"/> </g> </svg> </a> </li> <li class="hide-on-med-and-up" 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> </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 aria-hidden="true" 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> <a class="url-icono color-fondo" aria-label="{{verDetallesDestacada}}{{reward.titulo}}" ng-if="reward.cta" ng-href="{{reward.cta}}" target="_blank"> <img class="url-img" src="https://mecenazgo.upv.es/resources/img/templates/premium/link.svg" alt="{{reward.titulo}}"> </a> </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 class="url-destacada" 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}} {{reward.tramos[0].cantidad==1 ? 'UNIDAD' : '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 s12 info-section" ng-class="{'text-center':menu.posicionTextos == 'C', 'text-right':menu.posicionTextos == 'D', 'offset-l1 l10 offset-m1 m10':!menu.deshabilitarTabulado, 'l12 m12':menu.deshabilitarTabulado}"> <h2 class="encabezados" tabindex="-1" ng-bind-html="menu.descripcion" ng-style="{'color': {true : '{{menu.sectionFgColorTitulo}}', false : ''}[menu.sectionFgColorTitulo!=null]}">{{menu.descripcion}}</h2> <div ng-if="menu.descripcionLarga" ng-bind-html="htmlTrusted(menu.descripcionLarga)">{{menu.descripcionLarga}}</div> </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 class="btn-tab" 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, 'hide':!informacion.titulo && opportunities.length==1}" ng-style="{'color':informacion.colorTitulo}" data-color="{{!informacion.colorTitulo ? '#000000' : informacion.colorTitulo}}"> {{!informacion.titulo && opportunities.length>1 ? '#'+($index+1) : 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" ng-if="informacion.file.url"> <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> </div> <div class="archivos-externos valign-wrapper" ng-if="informacion.ctaUrl || informacion.ctaDescripcion" ng-class="{'flex-center':informacion.ctaPosicion == 'C', 'flex-right':informacion.ctaPosicion == 'D'}"> <a ng-if="informacion.ctaUrl" class="btn btn-donacion white-text" 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> <a ng-if="campaign.tipoCampaign==402 && informacion.ctaDescripcion && !informacion.ctaUrl" href="#K07" data-id="K07" class="btn btn-donacion white-text enlace-interno" 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" class="btn btn-donacion white-text" ng-style="{'background-color': '{{!informacion.color ? fondoCamp : informacion.color }}', 'border': '2px solid {{!informacion.color ? fondoCamp : informacion.color}}'}" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-style="peer" data-lang="{{currentLang}}" 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" ng-style="{'border':'1px solid {{informacion.colorTitulo}}'}"> <h3> <button aria-expanded="false" class="accordion-trigger" aria-controls="sec-{{informacion.id}}" id="accordion-{{informacion.id}}" ng-click="collapsElement($event.currentTarget)" ng-style="{'border':'1px solid {{informacion.colorTitulo}}'}"> <span class="accordion-title" ng-style="{'color': informacion.colorTitulo}"> {{!informacion.titulo ? '#'+($index+1) : informacion.titulo}} <span class="accordion-icon" ng-style="{'border-color':informacion.colorTitulo}"></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" ng-if="informacion.file.url"> <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> </div> <div class="archivos-externos valign-wrapper" ng-if="informacion.ctaUrl || informacion.ctaDescripcion" ng-class="{'flex-center':informacion.ctaPosicion == 'C', 'flex-right':informacion.ctaPosicion == 'D'}"> <a ng-if="informacion.ctaUrl" class="btn btn-donacion white-text" 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 white-text" ng-style="{'background-color': '{{!informacion.color ? fondoCamp : informacion.color }}', 'border': '2px solid {{!informacion.color ? fondoCamp : informacion.color}}'}" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-style="peer" data-lang="{{currentLang}}" 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 && documents.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.colorTitulo}">{{masinfo.titulo}}</h3> <div ng-if="masinfo.descripcion" ng-bind-html="htmlTrusted(masinfo.descripcion)" class="textos">{{masinfo.descripcion}}</div> <div class="archivos-externos" ng-if="masinfo.file.url"> <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> </div> <div class="archivos-externos valign-wrapper" ng-if="masinfo.ctaUrl || masinfo.ctaDescripcion" ng-class="{'flex-center':masinfo.ctaPosicion == 'C', 'flex-right':masinfo.ctaPosicion == 'D'}"> <a ng-if="masinfo.ctaUrl" class="btn btn-donacion white-text" 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 white-text enlace-interno" 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 white-text" ng-style="{'background-color': '{{!masinfo.color ? fondoCamp : masinfo.color}}', 'border': '2px solid {{!masinfo.color ? fondoCamp : masinfo.color}}'}" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-style="peer" data-lang="{{currentLang}}" 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.colorTitulo}">{{equipo.nombre}} {{equipo.apellidos}}</h3> <span ng-if="equipo.rol" ng-style="{'color':equipo.colorTitulo}">{{equipo.rol}}</span> <a ng-if="equipo.correo" ng-href="mailto:{{equipo.correo}}" class="equipo-correo" ng-style="{'color':!equipo.colorTitulo ? '#000000' : equipo.colorTitulo}">{{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 white-text" 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 white-text enlace-interno" 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 white-text" ng-style="{'background-color': '{{!equipo.color ? fondoCamp : equipo.color}}', 'border': '2px solid {{!equipo.color ? fondoCamp : equipo.color}}'}" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-style="peer" data-lang="{{currentLang}}" 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}}"> <svg ng-if="red.tipo=='Twitter'" aria-hidden="true" class="twitter-new" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"> <g fill="none" fill-rule="evenodd"> <rect height="31" rx="15.5" fill="#000000" width="31" x=".5" y=".5"/> <path d="m13.3872229 0h2.6079966l-5.6962191 6.77692308 6.7009996 9.22307692h-5.2455454l-4.11147329-5.5923077-4.69882659 5.5923077h-2.61169057l6.09148196-7.25-6.42394611-8.75h5.37853107l3.7125163 5.11153846zm-.9161234 14.3769231h1.444372l-9.32377224-12.83846156h-1.55149935z" fill="#FFFFFF" fill-rule="nonzero" transform="translate(8 8)"/> </g> </svg> <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.colorTitulo}}'}"> <span class="" ng-style="{'color':blog.colorTitulo}">{{blog.fecha | date:'dd'}}</span><br> <span class="" ng-style="{'color':blog.colorTitulo}">{{blog.fecha | date:'MMM'}}.</span> <span class="" ng-style="{'color':blog.colorTitulo}">{{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.colorTitulo}}'}"> <span class="" ng-style="{'color':blog.colorTitulo}">{{blog.fecha | date:'dd'}}</span> <span class="" ng-style="{'color':blog.colorTitulo}">{{blog.fecha | date:'MMM'}}.</span> <span class="" ng-style="{'color':blog.colorTitulo}">{{blog.fecha | date:'yyyy'}}</span> </div> </div> <h3 ng-if="blog.titulo" ng-style="{'color':blog.colorTitulo}">{{blog.titulo}}</h3> </div> <div ng-if="blog.descripcion" ng-bind-html="htmlTrusted(blog.descripcion)" class="textos">{{blog.descripcion}}</div> <div class="archivos-externos" ng-if="blog.file.url"> <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> </div> <div class="archivos-externos valign-wrapper" ng-if="blog.ctaUrl || blog.ctaDescripcion" ng-class="{'flex-center':blog.ctaPosicion == 'C', 'flex-right':blog.ctaPosicion == 'D'}"> <a ng-if="blog.ctaUrl" class="btn btn-donacion white-text" 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 white-text enlace-interno" 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 white-text" ng-style="{'background-color': '{{!blog.color ? fondoCamp : blog.color}}', 'border': '2px solid {{!blog.color ? fondoCamp : blog.color}}'}" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-style="peer" data-lang="{{currentLang}}" 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=='K07'"> <div class="row margin-cero buscar-categoria same-height" ng-if="rewardCategories.length>0"> <div class="col m5 s12"> <div class="input-select"> <label for="categorias-select" class="visually-hidden">{{ 'CATEGORIAS' | translate }}</label> <select id="categorias-select" ng-model="rewardFilter.category" ng-change="changeFilterCategory();"> <option value="">{{ 'TODAS_CATEGORIAS' | translate }}</option> <option ng-value="{{category.id}}" ng-repeat="category in rewardCategories">{{category.nombre}}</option> </select> </div> </div> <div class="col m5 s12" ng-if="rewardSubcategories.length>0"> <div class="input-select"> <label for="categorias-select" class="visually-hidden">{{ 'SUBCATEGORIA' | translate }}</label> <select id="categorias-select" ng-model="rewardFilter.subcategory"> <option value="">{{ 'TODAS_SUBCATEGORIA' | translate }}</option> <option ng-value="{{rewardSubcategory.id}}" ng-repeat="rewardSubcategory in rewardSubcategories">{{rewardSubcategory.nombre}}</option> </select> </div> </div> <div class="col m2 s12"> <button class="btn-donacion color-fondo white-text" aria-label="Buscar" ng-click="searchRewards();"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#FFFFFF"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> </button> </div> </div> <div class="row margin-cero same-height"> <div class="col l4 m6 s12 recompensa-container" ng-repeat="reward in rewards" ng-if="reward.visible"> <div class="card z-depth-0 card-recompensas"> <div class="card-image" ng-if="reward.imagenes.length>0"> <div class="cover" ng-if="reward.imagenes.length==1" ng-style="{'background-image': {true : 'url(\''+reward.imagenes[0].url+'\')', false : ''}[reward.imagenes[0].url!=null]}"></div> <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> <span class="badge color-fondo white-text" ng-if="reward.total == reward.reclamadas">{{'AGOTADAS' | translate }}</span> </div> <div class="card-content"> <div class="row margin-cero"> <div class="col s5" ng-class="{'s12': reward.tipoComportamiento == 'TC5'}"> <h3 ng-if="reward.titulo" ng-bind-html="htmlTrusted(reward.titulo)" class="titulo-recompensa">{{reward.titulo}}</h3> </div> <div class="col s7 right-align info-recompensa" ng-if="reward.tipoComportamiento != 'TC5'"> <span class="color-texto" ng-if="!reward.cta && reward.tramos.length==0 && reward.tipoComportamiento != 'TC4'">{{formatCurrency(reward.importe, 2)}}</span> <span class="color-texto" ng-if="!reward.cta && reward.tramos.length>0"> {{reward.tramos[0].cantidad}} {{reward.tramos[0].cantidad==1 ? 'UNIDAD' : '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 class="col s12 texto-recompensa" ng-if="reward.descripcion" > <p ng-bind-html="htmlTrusted(reward.descripcion)">{{reward.descripcion}}</p> </div> </div> </div> <div class="card-action color-fondo valign-wrapper center-align" ng-if="mayDonate && (campaign.estado=='A' || campaign.estado=='P') && (reward.total==null || reward.total>reward.reclamadas)"> <button class="transparent white-text" ng-if="!reward.cta && (reward.tipoComportamiento != 'TC4' || reward.tipoComportamiento == 'TC4' && reward.tramos.length>0)" ng-click="verRecompensa($event.currentTarget)" data-id="{{reward.id}}">{{!reward.etiquetaBoton ? verDetalles : reward.etiquetaBoton}}</button> <a class="white-text" ng-if="reward.cta" ng-href="{{reward.cta}}" target="_blank" rel="noopener">{{!reward.etiquetaBoton ? verDetalles : reward.etiquetaBoton}}</a> </div> </div> </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), 'no-bordes': !reward.reto || (reward.reto.ocultarObjetivo && reward.reto.ocultarRecaudado && 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="sub-encabezados" ng-if="destacado.titulo" ng-style="{'color':'{{!destacado.colorTitulo ? '#FFFFFF' : destacado.colorTitulo}}'}">{{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="valign-wrapper destacados-buttons" ng-class="{'flex-center':destacado.ctaPosicion == 'C', 'flex-right':destacado.ctaPosicion == 'D'}"> <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}}'}" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-style="peer" data-lang="{{currentLang}}" 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 buscar-categoria same-height" ng-if="categorias.length>0"> <div class="col m5 s12"> <div class="input-select"> <label for="categoriasSelectAgenda" class="visually-hidden">{{ 'CATEGORIAS' | translate }}</label> <select id="categoriasSelectAgenda" ng-model="selectedCategory" ng-change="selectAgendaCategoria();"> <option value="">{{ 'TODAS_CATEGORIAS' | translate }}</option> <option value="{{category.nombre}}" ng-repeat="category in categorias">{{category.nombre}}</option> </select> </div> </div> <div class="col m5 s12" ng-if="agendaSubcategorias.length>0"> <div class="input-select"> <label for="subcategoriasSelectAgenda" class="visually-hidden">{{ 'SUBCATEGORIA' | translate }}</label> <select id="subcategoriasSelectAgenda" ng-model="selectedSubCategory" > <option value="">{{ 'TODAS_SUBCATEGORIA' | translate }}</option> <option value="{{subcategoria}}" ng-repeat="subcategoria in agendaSubcategorias">{{subcategoria}}</option> </select> </div> </div> <div class="col m2 s12"> <button class="btn-donacion color-fondo white-text" aria-label="Buscar" ng-click="searchAgenda();"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#FFFFFF"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> </button> </div> </div> <div class="row margin-cero same-height"> <div class="col l4 m6 s12 repeat-element" ng-if="agenda.visible" ng-repeat="agenda in agenda | limitTo:variableLimiteAgenda"> <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> <div class="agenda-fondo cover" ng-if="agenda.image" ng-style="{'background-image': {true : 'url(\''+agenda.image.url+'\')', false : ''}[agenda.image.url!=null]}"></div> <h3 ng-if="agenda.titulo" ng-bind-html="htmlTrusted(agenda.titulo)" ng-style="{'color':agenda.colorTitulo}">{{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 white-text" 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 white-text enlace-interno" 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 white-text" ng-style="{'background-color': '{{!agenda.color ? fondoCamp : agenda.color}}', 'border': '2px solid {{!agenda.color ? fondoCamp : agenda.color}}'}" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-style="peer" data-lang="{{currentLang}}" aria-label="{{!agenda.cta ? btnCta : agenda.cta}}, {{formDonacion}}">{{!agenda.cta ? btnCta : agenda.cta}}</button> </div> </div> </div> <div class="col l12 m12 s12 center-align ver-mas-bloques" ng-if="agenda.length>variableLimiteAgenda"> <button class="ver-mas-button transparent color-texto" aria-label="{{verMasElementos}} {{menu.descripcion}}" ng-click="verMasAgenda()">{{VER_MAS}}</button> </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" ng-style="{'color':pictogramas.colorTitulo}">{{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 white-text" 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 white-text enlace-interno" 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 white-text" ng-style="{'background-color': '{{!pictogramas.color ? fondoCamp : pictogramas.color}}', 'border': '2px solid {{!pictogramas.color ? fondoCamp : pictogramas.color}}'}" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-style="peer" data-lang="{{currentLang}}" 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="valign-wrapper flex-wrap space-between"> <div class="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}}'}" onclick="pay(this);" data-id-campaign="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-style="peer" data-lang="{{currentLang}}" 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="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 ng-style="{'color':'{{!testimonio.colorTitulo ? '#FFFFFF' : testimonio.colorTitulo}}'}">{{testimonio.titulo}}</strong><br> <small ng-style="{'color':'{{!testimonio.colorTitulo ? '#FFFFFF' : testimonio.colorTitulo}}'}">{{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 class="total-width"> <h3 class="sub-encabezados ng-binding" ng-style="{'color':map.colorTitulo}" ng-bind-html="htmlTrusted(map.titulo)">{{map.titulo}}</h3> <p>{{map.descripcion}}</p> <div class="valign-wrapper" ng-class="{'flex-center':map.ctaPosicion == 'C', 'flex-right':map.ctaPosicion == 'D'}"> <button ng-if="map.cta" class="btn btn-donacion white-text" 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>  <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" ng-style="{'border':'1px solid {{faq.colorFaq}}'}"> <h3> <button aria-expanded="false" class="accordion-trigger" aria-controls="sec-{{faq.id}}" id="accordion-{{faq.id}}" ng-click="collapsElement($event.currentTarget)" ng-style="{'border':'1px solid {{faq.colorFaq}}'}"> <span class="accordion-title" ng-bind-html="faq.pregunta" ng-style="{'color':faq.colorFaq}"> {{faq.pregunta}} </span> <span class="accordion-icon" ng-style="{'border-color':faq.colorFaq}"></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 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 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 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'" ng-class="{'offset-l1 l10 offset-m1 m10':!getTab('K21').deshabilitarTabulado, 'l12 m12':getTab('K21').deshabilitarTabulado}"> <div class="row margin-cero sponsors-container valign-wrapper" ng-if="patrocinador1.length>0"> <div class="col s12 sponsors-name" ng-if="getTab('K22').ocultar != 'S'" ng-class="{'text-center':getTab('K21').posicionTextos == 'C', 'text-right':getTab('K21').posicionTextos == 'D'}"> <h3 class="ng-cloak" ng-style="{'color': {true : '{{getTab('K22').sectionFgColorTitulo }}', false : ''}[getTab('K22').sectionFgColorTitulo!=null]}">{{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 s12 sponsors-name" ng-if="getTab('K23').ocultar != 'S'" ng-class="{'text-center':getTab('K21').posicionTextos == 'C', 'text-right':getTab('K21').posicionTextos == 'D'}"> <h3 class="ng-cloak" ng-style="{'color': {true : '{{getTab('K23').sectionFgColorTitulo }}', false : ''}[getTab('K23').sectionFgColorTitulo!=null]}">{{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 s12 sponsors-name" ng-if="getTab('K24').ocultar != 'S'" ng-class="{'text-center':getTab('K21').posicionTextos == 'C', 'text-right':getTab('K21').posicionTextos == 'D'}"> <h3 class="ng-cloak" ng-style="{'color': {true : '{{getTab('K24').sectionFgColorTitulo }}', false : ''}[getTab('K24').sectionFgColorTitulo!=null]}">{{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="container" ng-if="campaign.footerVisible"> <div class="row footer-info"> <div class="col s12 center-align"> <h2 class="white-text">{{'CONTACT_US' | translate}}</h2> <ul> <li> <a ng-if="contactoEmpresa" ng-href="mailto:{{contactoEmpresa}}" class="white-text">{{contactoEmpresa}}</a> </li> <li> <a ng-if="contactoEmpresa" ng-href="tel:{{telefonoEmpresa}}" class="white-text" aria-label="{{telefonoEmpresa}}, {{llama}}">{{telefonoEmpresa}}</a> </li> </ul> <span ng-if="direccionEmpresa" class="white-text">{{direccionEmpresa}}</span> </div> </div> </div> <div class="footer-copyright"> <div class="container"> <div class="row margin-cero valign-wrapper flex-wrap"> <div class="col m7 s12 valign-wrapper footer-buttons"> <button ng-if="legalWarning" class="white-text" ng-click="avisoLegal($event.currentTarget)" data-id="#modal-legal-warning"> {{'AVISO_LEGAL' | translate}} </button> <button ng-if="cookiesPolicy" class="white-text" ng-click="avisoLegal($event.currentTarget)" data-id="#modal-cookies-policy"> {{'POLITICA_COOKIES' | translate}} </button> </div> <div class="col m5 s12"> <small class="copyright valign-wrapper white-text" ng-if="empresaDatos.partidoPolitico == false"> Powered by <img src="https://stockcrowd.s3.amazonaws.com/descargables/premium/img/stc-logo.png" alt="StockCrowd, {{altLogo}}" class="ng-cloak"> </small> </div> </div> </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="{{ 'EMBAJADOR_FACEBOOK' | translate }}"> <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="{{ 'EMBAJADOR_TWITTER' | translate }}"> <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="{{ 'EMBAJADOR_INSTAGRAM' | translate }}"> <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="{{ 'EMBAJADOR_IMAGEN' | translate }}"> <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 || (valor.unidadesDisponibles!=null && valor.unidadesDisponibles>0)) && (reward.ocultarDisponibilidad || valor.unidadesDisponibles==null)" 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 || !(!reward.cantidadMinima || reward.cantidadMinima<reward.cantidadSeleccionada)" ng-click="decrementarCantidad(reward);"> <img class="recompensa__btn recompensa__btn--negro" src="https://stockcrowd.s3.amazonaws.com/boxbo/img/menos-negro.png" alt="Decrementar producto"> <img class="recompensa__btn recompensa__btn--blanco" src="https://stockcrowd.s3.amazonaws.com/boxbo/img/menos-blanco.png" alt="Decrementar producto"> </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 || !(!reward.cantidadMaxima || reward.cantidadMaxima>reward.cantidadSeleccionada)" ng-click="incrementarCantidad(reward);"> <img class="recompensa__btn recompensa__btn--negro" src="https://stockcrowd.s3.amazonaws.com/boxbo/img/mas-negro.png" alt="Incrementar producto"> <img class="recompensa__btn recompensa__btn--blanco" src="https://stockcrowd.s3.amazonaws.com/boxbo/img/mas-blanco.png" alt="Incrementar producto"> </button> </div> <div class="right-align"> <button tabindex="0" type="submit" class="btn btn--annadir btn-donacion color-fondo white-text" ng-disabled="!(!reward.cantidadMaxima || reward.cantidadMaxima>reward.cantidadSeleccionada-1) || !(!reward.cantidadMinima || reward.cantidadMinima<reward.cantidadSeleccionada+1)"> {{cfgForm.textoCarritoAnnadir ? cfgForm.textoCarritoAnnadir : 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}} {{tramo.cantidad==1 ? 'UNIDAD' : 'UNIDADES' | translate }} - {{formatCurrency(tramo.importe, 2)}}</option> </select> </div> <button tabindex="0" type="submit" class="btn btn--annadir btn-donacion color-fondo white-text" ng-disabled="!(!reward.cantidadMaxima || reward.cantidadMaxima>reward.cantidadSeleccionada-1) || !(!reward.cantidadMinima || reward.cantidadMinima<reward.cantidadSeleccionada+1)"> {{cfgForm.textoCarritoAnnadir ? cfgForm.textoCarritoAnnadir : 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()">{{cfgForm.textoCarritoVer ? cfgForm.textoCarritoVer : verCompra}}</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">{{cfgForm.textoCarrito ? cfgForm.textoCarrito : modalCarrito}}</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="20637" data-uuid="aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990" data-style="peer" data-lang="{{currentLang}}">{{cfgForm.textoCarritoBtn ? cfgForm.textoCarritoBtn : finalizarCompra}}</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 = "20637"; var publicKey = ""; var serverName = "mecenazgo.upv.es"; var baseUrl = "https://"+serverName+"/api/v1/"; var lang = ""; var uuid = "aad00eb0-dc4e-48d8-aeb0-4f7ceaff7990"; var cfgUuid = ""; </script> <script id="integrationJs" type="text/javascript" src="https://mecenazgo.upv.es/resources/js/templates/payment/dp/integracion-modal.js?version=v3.01.11.2024.2347"></script> <script type="text/javascript" src="https://mecenazgo.upv.es/resources/js/templates/premium/js.js?version=v3.01.11.2024.2347"></script> </body> </html>

CINXE.COM

La UPV con las v铆ctimas de la DANA