Tarifários de Voz Móvel - Vodafone Business

<!DOCTYPE HTML> <html lang="pt" class="js"> <head> <link rel="apple-touch-icon" sizes="180x180" href="https://www.vodafone.pt/content/dam/favicon/apple-touch-icon.png"/> <link rel="icon" type="image/png" sizes="32x32" href="https://www.vodafone.pt/content/dam/favicon/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="16x16" href="https://www.vodafone.pt/content/dam/favicon/favicon-16x16.png"/> <link rel="icon" type="image/png" sizes="48x48" href="https://www.vodafone.pt/content/dam/favicon/favicon-48x48.png"/> <link rel="icon" type="image/png" sizes="96x96" href="https://www.vodafone.pt/content/dam/favicon/favicon-96x96.png"/> <link rel="icon" type="image/svg+xml" href="https://www.vodafone.pt/content/dam/favicon/favicon.svg"/> <link rel="manifest" href="https://www.vodafone.pt/content/dam/favicon/site.webmanifest"/> <meta name="msapplication-TileColor" content="#da532c"/> <meta name="theme-color" content="#ffffff"/> <title>Tarifários de Voz Móvel - Vodafone Business</title> <meta name="description" content="Voz Móvel - Conheça a nossa oferta de voz móvel ideal para o seu negócio."/> <meta name="template" content="content-page1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <meta name="robots" content="index, follow"/> <meta name="facebook-domain-verification" content="mlc10vfgj9nqugld6evszm4l2rkzwc"/> <link rel="canonical"/> <link rel="amphtml"/> <meta property="og:url" content="https://www.vodafone.pt/business/comunicacoes/voz/movel.html"/> <meta name="byside" content="voz-movel-organic"/> <meta property="og:title" content="Tarifários de Voz Móvel"/> <meta property="og:description" content="Voz Móvel - Conheça a nossa oferta de voz móvel ideal para o seu negócio."/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Vodafone Portugal"/> <meta property="og:locale" content="pt_PT"/> <meta property="og:image" content="https://www.vodafone.pt/content/dam/digital-sites/outros/Vodafone-business-social-media-card-1200x630.png"/> <meta property="twitter:card" content="summary"/> <meta property="twitter:title" content="Tarifários de Voz Móvel"/> <meta property="twitter:description" content="Voz Móvel - Conheça a nossa oferta de voz móvel ideal para o seu negócio."/> <meta property="twitter:image" content="https://www.vodafone.pt/content/dam/digital-sites/outros/Vodafone-business-social-media-card-1200x630.png"/> <script>var pagePath="/content/digital-sites/pt/business/comunicacoes/voz/movel";var canonicalUrl="";var canonicalPath='https://www.vodafone.pt';var eshopPath='https://loja.vodafone.pt';var imageTumbPath='https://www.vodafone.pt';if(pagePath.indexOf('digital-sites')>-1){if(pagePath.indexOf('particulares')>-1){if(pagePath.split('particulares')[1].length>1){canonicalPath+=pagePath.split("content/digital-sites/pt/particulares")[1]+'.html';imageTumbPath+=pagePath.split("content/digital-sites/pt/particulares")[1]+'.thumb.800.480.png';}else{imageTumbPath+='/particulares.thumb.800.480.png';}}else if(pagePath.indexOf('default')>-1){if(pagePath.split('default')[1].length>1){canonicalPath+=pagePath.split("content/digital-sites/pt/default")[1]+'.html';imageTumbPath+=pagePath.split("content/digital-sites/pt/default")[1]+'.thumb.800.480.png';}else{imageTumbPath+='/default.thumb.800.480.png';}}else if(pagePath.indexOf('ajuda/artigosTopico')>-1){var pagePathVanity=window.location.pathname;canonicalPath+=pagePathVanity.trim();if(pagePathVanity.indexOf('.html')>-1){imageTumbPath+=pagePathVanity.split('.html')[0].trim()+'.thumb.800.480.png';}else{imageTumbPath+=pagePathVanity+'.thumb.800.480.png';}}else if(pagePath.split('content/digital-sites/pt')[1]&&pagePath.split('content/digital-sites/pt')[1].length>1){canonicalPath+=pagePath.split("content/digital-sites/pt")[1]+'.html';imageTumbPath+=pagePath.split("content/digital-sites/pt")[1]+'.thumb.800.480.png';}}else if(pagePath.indexOf('digital-myvodafone')>-1){var van="";canonicalPath=van;imageTumbPath="";}else{canonicalPath+='/'+pagePath.split("/pt/")[1]+'.html';imageTumbPath+='/'+pagePath.split("/pt/")[1]+'.thumb.800.480.png';}document.querySelector("link[rel='canonical']").setAttribute('href',canonicalPath);if(document.querySelector("meta[property='og:url']")!=null&&document.querySelector("meta[property='og:url']").getAttribute('content')=="url_default"){document.querySelector("meta[property='og:url']").setAttribute('content',canonicalPath);document.querySelector("meta[property='og:url']").setAttribute('id','metaUrlId');}else if(document.querySelector("meta[property='og:url']")!=null){document.querySelector("meta[property='og:url']").setAttribute('id','metaUrlId');}if(document.querySelector("meta[property='og:image']")!=null&&document.querySelector("meta[property='og:image']").getAttribute('content')=="image_default"){document.querySelector("meta[property='og:image']").setAttribute('content',imageTumbPath);}if(canonicalUrl){document.querySelector("link[rel='canonical']").setAttribute('href',canonicalUrl);}</script> <link rel="preload" as="font" type="font/woff2" href="/apps/digital-commons/clientlibs/clientlib-site/resources/fonts/vodafone-light.woff2" crossorigin="anonymous"/> <link rel="preload" as="font" type="font/woff2" href="/apps/digital-commons/clientlibs/clientlib-site/resources/fonts/vodafone-regular.woff2" crossorigin="anonymous"/> <link rel="preload" as="font" type="font/woff2" href="/apps/digital-commons/clientlibs/clientlib-site/resources/fonts/vodafone-bold.woff2" crossorigin="anonymous"/> <link rel="stylesheet" href="/apps/digital-commons/clientlib-all-css.min.d71503dab270d79a4dbb06aa9628a1a7.css" type="text/css"> <script src="/etc.clientlibs/digital-commons/clientlibs/vendor/bodymovin.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script> <script src="/etc.clientlibs/digital-commons/clientlibs/vendor/crypto-js.min.js"></script> <script src="/apps/digital-commons/clientlib-all.min.js"></script> <script src="/etc.clientlibs/digital-commons/clientlibs/common/stores/basketStore.min.js"></script> <script src="/etc.clientlibs/digital-commons/clientlibs/common/stores/siteContextStore.min.js"></script> <script src="/etc.clientlibs/digital-commons/clientlibs/common/stores/navigationStore.min.js"></script>  <script src="/etc.clientlibs/foundation/clientlibs/jquery.min.js"></script> <script src="/etc.clientlibs/foundation/clientlibs/shared.min.js"></script>   <script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_byside/clientlibs.min.js"></script> <script type="text/javascript">(function(){window.ContextHub=window.ContextHub||{};ContextHub.Paths=ContextHub.Paths||{};ContextHub.Paths.CONTEXTHUB_PATH="/etc/cloudsettings/default/contexthub";ContextHub.Paths.RESOURCE_PATH="\/content\/digital\u002Dsites\/pt\/business\/comunicacoes\/voz\/movel\/_jcr_content\/contexthub";ContextHub.Paths.SEGMENTATION_PATH="\/etc\/segmentation\/contexthub";ContextHub.Paths.CQ_CONTEXT_PATH="";ContextHub.Constants=ContextHub.Constants||{};ContextHub.Constants.ANONYMOUS_HOME="/home/users/D/De1Z7OJIIkUlKU0STVqF";ContextHub.Constants.MODE="no-ui";}());</script><script src="/etc/cloudsettings/default/contexthub.kernel.js" type="text/javascript"></script> <script src="https://tags.vodafone.pt/pt-universal/prod/utag.sync.js" defer></script>  <script src="https://cdn.sp-selfservice.com/cs/embed/107/sp-content-widget.js" type="text/javascript"></script> <script>var propertiesPath="/content/digital-sites/pt/business/comunicacoes/voz/movel";var tealiumBus=new Vue();var utag_data={page_name:this.navigation.methods.getAnalyticsPage(),page_section:this.navigation.methods.getAnalyticsSection()};var siteContext="default";var globalEnvironment="PRD";var isNotLocalEnvironment=globalEnvironment!=='LOCAL';</script> <div id="svgHtml"></div> <script src="/etc.clientlibs/digital-commons/clientlibs/vendor/svg-html.min.js"></script> </head> <body class="mouse-active preload window-scroll" data-js="_preload, _mouseActive, _docs, _windowScroll, _fixed"> <a href="#content" class="jumper">Skip to content</a>  <div class="content" id="content"> <script src="/apps/digital-commons/clientlib-nvcmp.min.js"></script> <script src="/apps/digital-commons/clientlib-vcmp.min.js"></script>  <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_experienceFragment aem-GridColumn aem-GridColumn--default--12"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_navigation aem-GridColumn aem-GridColumn--default--12"> <script>pageTitle="Tarifários de Voz Móvel";</script> <div class="vf"> <nav class="header"> <div class="section section--mine-shaft flush--top flush--bottom"> <div class="spring"> <ul id="navigationLevelZero" class="menu-navigation__top no-gutter--all"> <input type="hidden" id="zeroLevelInput" data-zero="[{"text":"Particulares","linkURL":"https://www.vodafone.pt","target":"","paramOnClick":"","selected":false,"subEntries":false,"zeroLevelSubEntries":[]},{"text":"Business","linkURL":"","target":"","paramOnClick":"","selected":true,"subEntries":true,"zeroLevelSubEntries":[{"text":"Profissionais","linkURL":"/content/digital-sites/pt/business/profissionais.html","target":"","paramOnClick":"","context":"profissional","selected":false},{"text":"PME","linkURL":"/content/digital-sites/pt/business.html","target":"","paramOnClick":"","context":"pme","selected":false},{"text":"Corporate","linkURL":"/content/digital-sites/pt/business/corporate.html","target":"","paramOnClick":"","context":"corporate","selected":false}]},{"text":"A Vodafone","linkURL":"https://www.vodafone.pt/a-vodafone.html","target":"","paramOnClick":"","selected":false,"subEntries":false,"zeroLevelSubEntries":[]}]" data-first="{"text":"Estado da Rede","linkURL":"https://www.vodafone.pt/info/estado-da-rede.html","target":"","paramOnClick":""}" data-second="{"text":"Condições de Oferta de Serviços","linkURL":"https://www.vodafone.pt/info/termos-condicoes.html","target":"","paramOnClick":""}"/> <template v-for="(zero, z) in zeroLevel"> <li class="hide--sm hide--md" v-if="zero.text"> <a :href="zero.linkURL ? zero.linkURL : null" :target="zero.target ? zero.target : null" :onclick="zero.paramOnClick ? zero.paramOnClick : null" @click="headerTealiumRequest(upperLevelMenuActionId, zero.text)" class="menu-navigation__link--slim" :class="{'navigation__site--active': zero.selected}"> {{zero.text}} </a> <template v-if="zero.subEntries"> <template v-for="sub in zero.zeroLevelSubEntries"> <span class="menu-navigation__top--display"> <a :href="sub.linkURL ? sub.linkURL : null" :target="sub.target ? sub.target : null" :onclick="sub.paramOnClick ? sub.paramOnClick : null" @click="(toggleSubEntry(sub), headerTealiumRequest(upperLevelMenuActionId, sub.text))" class="menu-navigation__top--block" :class="{'menu-navigation__top--block-active': isSelected(sub) }"> {{sub.text}} </a> </span> </template> </template> </li> </template> <template v-if="firstEntry.text"> <li class="menu-navigation__context"> <span class="menu-navigation__top--section-right"> <svg focusable="false" aria-hidden="true" class="icon icon--extra-small icon--white"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-network"> </use> </svg> <a role="button" :aria-label="firstEntry.text" :href="firstEntry.linkURL ? firstEntry.linkURL : null" :target="firstEntry.target ? firstEntry.target : null" :onclick="firstEntry.paramOnClick ? firstEntry.paramOnClick : null" @click="headerTealiumRequest(rightSideMenuActionId, firstEntry.text)"> {{firstEntry.text}} </a> </span> </li> </template> <template v-if="secondEntry.text"> <li class="hide--sm hide--md"> <span class="menu-navigation__top--section-right"> <svg viewBox="0 0 192 192" class="icon icon--extra-small"> <line id="afa0dea2-fdb5-4188-b127-0390bcfc2413" fill="none" stroke="#ffffff" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="124" y1="84" x2="92" y2="84"></line> <line id="fca2dd7d-8243-463f-9694-d76870f6b696" fill="none" stroke="#ffffff" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="76" y1="84" x2="68" y2="84"></line> <line id="c0f6faeb-1130-48f3-b62a-bcd83c3abeaf" fill="none" stroke="#ffffff" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="124" y1="108" x2="92" y2="108"></line> <line id="_x39_f9d3ac1-3527-469f-b7cc-d7b4a8af09e5" fill="none" stroke="#ffffff" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="76" y1="108" x2="68" y2="108"></line> <line id="_x30_e845ff5-6eb9-4522-9631-9073c7db3199" fill="none" stroke="#ffffff" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="124" y1="132" x2="92" y2="132"></line> <line id="_x39_0b7f6c8-8095-43f3-848c-53ffec273712" fill="none" stroke="#ffffff" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="76" y1="132" x2="68" y2="132"></line> <path fill="none" stroke="#ffffff" stroke-width="8" stroke-linejoin="round" d="M148,52l-32-32H56c-6.627,0-12,5.373-12,12v128 c0,6.627,5.373,12,12,12h80c6.627,0,12-5.373,12-12V52z"> </path> <polyline fill="none" stroke="#ffffff" stroke-width="8" stroke-linejoin="round" points="116,20.23 116,52 148,52 "></polyline> </svg> <a role="button" :aria-label="secondEntry.text" :href="secondEntry.linkURL ? secondEntry.linkURL : null" :target="secondEntry.target ? secondEntry.target : null" :onclick="secondEntry.paramOnClick ? secondEntry.paramOnClick : null" @click="headerTealiumRequest(rightSideMenuActionId, secondEntry.text)"> {{secondEntry.text}} </a> </span> </li> </template> </ul> </div> </div> <div class="js-navigation-static navigation-static" style="height: 0px;"> </div> <div id="headerMenu" class="menu-navigation" data-js="_navigation"> <div class="spring menu-navigation__white"> <nav role="navigation"> <ul class="menu-navigation__list menu-navigation__spring"> <li class="menu-navigation__item menu-navigation__item--brand"> <div class="brand brand__logo"> <a role="button" href="https://www.vodafone.pt/business.html" target="_self"> <span class="icon icon--fill icon--large " style="width: ; height: ;"> <svg id="e52eb7e4-d5c9-48ac-9673-45b02cdb0493" data-name="55671e39-cefa-46bf-b0c9-8ca4a8831d80" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192"><circle id="e59f7850-209c-49b6-932b-d92b9ddb2e2b" data-name="3b6eeea0-d9a3-4e8f-8337-993d6a52ca63" cx="96" cy="96" r="96" fill="#e60000"/><path id="b738ebc5-5ac0-4e37-a8a8-f1f8eceedf02" data-name="79849975-131f-4aec-9367-219fecbac6d4" d="M96.74,149.53c-26.37.1-53.82-22.37-53.93-58.57,0-23.91,12.83-46.92,29.32-60.59C88.22,17.1,110.24,8.51,130.22,8.44a23.94,23.94,0,0,1,6.9.77c-17.46,3.63-31.37,19.88-31.31,38.32a10.38,10.38,0,0,0,.12,1.57c29.24,7.06,42.5,24.73,42.58,49.16S129.33,149.43,96.74,149.53Z" fill="#fff"/></svg> </span> <span class="visually-hidden"></span> </a> </div> </li> <div id="navigation" class="menu-navigation__labels"> <navigation-menu json="/content/dam/digital-sites/ws10/navigation-ws10/business.json" zero-level="[{"text":"Particulares","linkURL":"https://www.vodafone.pt","target":"","paramOnClick":"","selected":false,"subEntries":false,"zeroLevelSubEntries":[]},{"text":"Business","linkURL":"","target":"","paramOnClick":"","selected":true,"subEntries":true,"zeroLevelSubEntries":[{"text":"Profissionais","linkURL":"/content/digital-sites/pt/business/profissionais.html","target":"","paramOnClick":"","context":"profissional","selected":false},{"text":"PME","linkURL":"/content/digital-sites/pt/business.html","target":"","paramOnClick":"","context":"pme","selected":false},{"text":"Corporate","linkURL":"/content/digital-sites/pt/business/corporate.html","target":"","paramOnClick":"","context":"corporate","selected":false}]},{"text":"A Vodafone","linkURL":"https://www.vodafone.pt/a-vodafone.html","target":"","paramOnClick":"","selected":false,"subEntries":false,"zeroLevelSubEntries":[]}]" second-entry="{"text":"Condições de Oferta de Serviços","linkURL":"https://www.vodafone.pt/info/termos-condicoes.html","target":"","paramOnClick":""}"> </navigation-menu> </div> <div class="menu-navigation__context"> <template> <div> The current path is: {{ currentPath }} </div> </template> <div id="login--header" class="menu-navigation__context" v-cloak> <div class="menu-navigation__context" style="display: inline-flex;"> <li class="menu-navigation__context--action mini-basket" :class="{'mini-basket--active': miniBasketVisible}"> <a v-if="showBasketIcon" class="menu-navigation__link menu-navigation__link--icon" :class="{'mini-basket__link': miniBasketVisible}" @click="(goToShoppingBasket(), headerTealiumRequest('Event Click Header Right Utility Menu', 'Carrinho'))"> <span class="visually-hidden">Carrinho de compras</span> <span class="menu-navigation__basket" v-if="showItems"> {{counter ? counter : itemsNumber}} <span class="visually-hidden">items</span> </span> <svg focusable="false" aria-hidden="true" class="icon icon--small menu-navigation__icon"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shopping-trolley"></use> </svg> </a> <a v-else id="basket-loading" class="menu-navigation__link menu-navigation__link--icon"></a> <small v-if="showBasketIcon" class="menu-navigation__context--label" @click="(goToShoppingBasket(), headerTealiumRequest('Event Click Header Right Utility Menu', 'Carrinho'))">Carrinho</small> <mini-basket v-if="isDigitalSites" ref="miniBasket" :visible="miniBasketVisible" :close="closeMiniBasketEvent" :set-items-number="setItemsNumber" :toggle-mini-basket="toggleMiniBasket"></mini-basket> <div :ref="CONSTANTS.NOTIFICATION_BASKET" class="mini-basket__prompt mini-basket__prompt--reminder hide"> <div class="mini-basket__header"> <div class="grid"> <div class="grid__item grid__item--1/6"> <a class="position--relative cursor__auto"> <span class="visually-hidden">Carrinho de compras</span> <span class="navigation__basket"> <span class="visually-hidden">produto</span> </span> <svg focusable="false" aria-hidden="true" class="icon icon--small navigation__icon"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shopping-trolley"></use> </svg> </a> </div> <div class="grid__item grid__item--5/6"> <div class="heading heading--5 heading--bold heading--trailing heading--leading"> <span class="mini-basket__notification--description align--middle"> {{i18nLabels.basketNotEmpty}} </span> </div> <p>{{i18nLabels.reminderDescription}}</p> <div class="cart__tooltip"> <a v-on:click="redirectNotEmptyBasket" class="button button--primary button--small mini-basket__footer__button no-gutter--bottom">{{i18nLabels.goToCart}}</a> </div> </div> </div> <div class="mini-basket__header__close"> <svg v-on:click="closeNotification()" focusable="false" aria-hidden="true" class="icon icon--extra-extra-small mini-basket__header__close--icon"> <use xlink:href="#icon-close"></use> </svg> </div> </div> </div> </li> <li class="menu-navigation__context--action"> <a class="menu-navigation__link menu-navigation__link--icon " @click="(openDialog(), headerTealiumRequest('Event Click Header Right Utility Menu', 'Pesquisa'))"> <span class="visually-hidden">Pesquisar</span> <svg focusable="false" aria-hidden="true" class="icon icon--small menu-navigation__icon"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use> </svg> </a> <small class="menu-navigation__context--label" @click="(openDialog(), headerTealiumRequest('Event Click Header Right Utility Menu', 'Pesquisa'))">Pesquisa</small>  </li> <li v-if="ativeLogin && typeof userFavorite === 'undefined'" class="menu-navigation__context--action login-nudge " :class="{'login-nudge--active' : showNudge && !hasInteractions && !scrolled}" v-click-outside="closeEvent"> <a atf_id="click--icon" class="menu-navigation__link menu-navigation__link--icon login-nudge__link" @click="(openLoginDialog(), headerTealiumRequest('Event Click Header Right Utility Menu', 'Login'))"> <span class="visually-hidden">My Vodafone Menu</span> <svg focusable="false" aria-hidden="true" class="icon icon--small menu-navigation__icon"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-my-vodafone"/> </svg> </a> <small class="menu-navigation__context--label" @click="(openLoginDialog(), headerTealiumRequest('Event Click Header Right Utility Menu', 'Login'))">Login</small> <div v-if="showNudge" class="js-login-nudge-prompt login-nudge__prompt" :class="{'login-nudge--hide' : showNudge && (hasInteractions || scrolled)}"> <a class="button button--primary button--full-width login-nudge__login no-gutter--sm-bottom" @click="sayYes">{{i18nLabels.loginButton}}</a> <a class="link link--body small" @click="notOpenAgain">{{i18nLabels.notOpenAgainButton}}</a> </div> </li> <logged-user-menu v-if="!ativeLogin" ref="loggedUserMenu" links="{"linkTitle":"Homepage My Vodafone", "pathURL":"/home.html", "newTab":"false", "linkId":"homepage"},{"linkTitle":"Extratos e Consumos","pathURL":"/extratos-consumos.html","newTab":"false","newTab@Delete":"false","linkId":"extract-consumptions","linkSegments":"profile-extract-consumptions"},{"linkTitle":"Saldo e Carregamentos","pathURL":"/saldo-movimentos.html","newTab":"false","newTab@Delete":"false","linkId":"billing-prepaid","linkSegments":"profile-prepaid"},{"linkTitle":"Faturas e Pagamentos","pathURL":"/faturacao.html","newTab":"false","newTab@Delete":"false","linkId":"billing","linkSegments":"profile-pospaid"},{"linkTitle":"Meus Produtos e Serviços","pathURL":"/produtos-servicos.html","newTab":"false","newTab@Delete":"false","linkId":"my-products-and-services","linkSegments":""},{"linkTitle":"Gerir Cartão SIM","pathURL":"/definicoes/gerir-sim.html","newTab":"false","newTab@Delete":"false","linkId":"SIM","linkSegments":""},{"linkTitle":"Clube Viva","pathURL":"/content/digital-sites/pt/loja/clube-viva","newTab":"true","newTab@Delete":"","linkId":"ClubViva","linkSegments":"profile-consumer"},{"linkTitle":"Tarifários e Serviços","pathURL":"/tarifarios-servicos.html","newTab":"false","newTab@Delete":"false","linkId":"offers-and-extras","linkSegments":""},{"linkTitle":"Serviços Empresariais","pathURL":"/servicos-empresariais.html","newTab":"false","newTab@Delete":"false","linkId":"business-services","linkSegments":"profile-business-services"},{"linkTitle":"Relatórios","pathURL":"/relatorios.html","newTab":"false","newTab@Delete":"false","linkId":"download-center","linkSegments":"profile-account|profile-business|profile-consumer"},{"linkTitle":"Gestão de Acessos","pathURL":"/my/gestao-acessos","newTab":"true","newTab@Delete":"","linkId":"gestao-acessos","linkSegments":"profile-account"},{"linkTitle":"Definições","pathURL":"/definicoes.html","newTab":"false","newTab@Delete":"false","linkId":"Settings","linkSegments":""},{"linkTitle":"Logout", "pathURL":"/logout.html", "newTab":"false", "linkId":"logout"}" :user-favorite="userFavorite" :close-menu="closeMenu"></logged-user-menu> <generic-toaster-component></generic-toaster-component> </div> </div> <script id="miniBasket" type="text/x-template" xmlns:v-on="http://www.w3.org/1999/xhtml"> <div> <transition name="mini-basket__slide"> <div class="mini-basket__prompt" :class="[counter>=2 ? 'mini-basket__two-or-more': '', successProductAdded ? '' : 'mini-basket__resume']" v-if="visible"> <div class="mini-basket__header"> <div class="mini-basket__notification"> <div class="mini-basket__notification--content"> <span class="half-gutter--right align--middle mini-basket__notification--icon"> <svg height="25px" viewBox="0 0 196 196"> <circle stroke-width="8" stroke-linejoin="round" stroke-linecap="round" stroke="none" fill="#428600" r="92" cy="96" cx="96"></circle> <polyline points="133.46 73.45 84.91 122 60 97.09" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></polyline> </svg> </span> <span class="align--middle mini-basket__notification--description">{{ successProductAdded ? i18n.productAddedToCart : i18n.notEmptyBasketTitle}}</span> </div> </div> <div @click="closeMiniBasket" class="mini-basket__header__close"> <svg focusable="false" aria-hidden="true" class="icon icon--extra-small mini-basket__header__close--icon"> <use xlink:href="#icon-close"></use> </svg> </div> </div> <template v-if="isLoading"> <loading-spinner :small="true" /> </template> <div v-else> <div class="mini-basket__content"> <div class="mini-basket__content__empty" v-if="counter<=0"> <svg class="icon mini-basket__content__empty--icon" viewBox="0 0 192 192"> <symbol id="_x30_6979d89-d591-4b28-b7b6-a4fa49a13fc3" viewBox="-96 -96 192 192"><circle id="_x32_5a071e1-a24e-48d3-8ad1-944920ba0020_2_" fill="none" stroke="#E60000" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" cx="-8" cy="56" r="14"></circle><circle id="_x30_2280ee8-828f-4b27-8a31-3a4aa9e52c22_2_" fill="none" stroke="#E60000" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" cx="40" cy="56" r="14"></circle><polyline fill="none" stroke="#666666" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" points="-78,-70 -52,-70 -20,22 52,22 78,-50 -45.04,-50 "></polyline></symbol> <use xlink:href="#_x30_6979d89-d591-4b28-b7b6-a4fa49a13fc3" width="192" height="192" id="ffef29f4-6a23-451b-ac33-9ea1df639421" x="-96" y="-96" transform="matrix(1 0 0 1 96 96)" overflow="visible"></use> </svg> <div class="mini-basket__content__empty--big-label"> {{i18n.emptyBasketPrimaryMessage}} </div> <div class="mini-basket__content__empty--small-label"> {{i18n.emptyBasketSecondaryMessage}} </div> </div> <div class="scrollbar__gray" :class="[(basket.cartItems && basket.cartItems.length) > 2 ? 'mini-basket__scrollbar' : 'no-scrollbar']"> <div class="force-overflow"> <template v-if="product.eshopProductDTO" v-for="(product, index) in basket.cartItems"> <ul class="mini-basket__items"> <li :id="'item-'+product.id" class="mini-basket__item"> <div :id="'item-'+product.id+'-content'"> <a v-if="isAnyShippingMethodAvailable" class="mini-basket__item__delete half-gutter--left" @click="removeProductFromBasket(product)"> <svg focusable="false" aria-hidden="true" class="icon icon--extra-small mini-basket__item__delete--icon"> <use xlink:href="#icon-delete"></use> </svg> </a> <div class="mini-basket__item__content" :style="checkHasInsurance(product) ? 'border-bottom: none' : ''"> <a :href="product.eshopProductDTO.variants[0].pageLink" class="mini-basket__item__photo-wrapper"> <img v-if="product.eshopProductDTO.variants[0].imageSrc" :src="setRendition(product.eshopProductDTO.variants[0].imageSrc, CONSTANTS.IMG_RENDITION_140x100)" :alt="product.eshopProductDTO.variants[0].name" class="mini-basket__item__photo"> </a> <div class="mini-basket__item__inner-content"> <a :href="product.eshopProductDTO.variants[0].pageLink" class="mini-basket__item__title" v-html="getProductName(product.eshopProductDTO)"> </a> <ul class="mini-basket__item__specs"> <li class="mini-basket__item__spec" v-if="product.eshopProductDTO.variants[0].color && product.eshopProductDTO.variants[0].color!==''"> <div class="mini-basket__item__spec__title"> {{i18n.notEmptyBasketColor}} </div> <div class="mini-basket__item__spec__value"> {{product.eshopProductDTO.variants[0].color}} </div> </li> <li class="mini-basket__item__spec" v-if="product.eshopProductDTO.variants[0].storage && product.eshopProductDTO.variants[0].storage!==''"> <div class="mini-basket__item__spec__title"> {{i18n.notEmptyBasketStorage}} </div> <div class="mini-basket__item__spec__value"> {{product.eshopProductDTO.variants[0].storage}} </div> </li> <li class="mini-basket__item__spec"> <div class="mini-basket__item__spec__title"> {{i18n.notEmptyBasketQuantity}} </div> <div class="mini-basket__item__spec__value"> {{product.quantity}} </div> </li> </ul> </div> </div> </div> </li> <div v-if="checkHasInsurance(product)" class="mini-basket__item"> <a v-if="isAnyShippingMethodAvailable" class="mini-basket__item__delete half-gutter--left" @click="removeInsuranceFromBasket(product)"> <svg focusable="false" aria-hidden="true" class="icon icon--extra-small mini-basket__item__delete--icon"> <use xlink:href="#icon-delete"></use> </svg> </a> <div class="mini-basket__item__content"> <a class="mini-basket__item__photo-wrapper"> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.4 39.35L20.1885 38.8967L20.1764 38.9028L20.4 39.35ZM19.4 39.35L19.6237 38.9026L19.6114 38.8969L19.4 39.35ZM19.2 1.55L19.4616 1.97609L19.4696 1.9712L19.4774 1.96603L19.2 1.55ZM21 1.55L21.2833 1.13794L21.2773 1.13397L21 1.55ZM32 5.35L31.975 5.84938L31.9875 5.85H32V5.35ZM39 5.35H39.5V4.85H39V5.35ZM13.1536 17.7964C12.9583 17.6012 12.6417 17.6012 12.4464 17.7964C12.2512 17.9917 12.2512 18.3083 12.4464 18.5036L13.1536 17.7964ZM18.2 23.55L17.8464 23.9036C17.9402 23.9973 18.0674 24.05 18.2 24.05C18.3326 24.05 18.4598 23.9973 18.5536 23.9036L18.2 23.55ZM28.9536 13.5036C29.1488 13.3083 29.1488 12.9917 28.9536 12.7964C28.7583 12.6012 28.4417 12.6012 28.2464 12.7964L28.9536 13.5036ZM38.5 6.15C38.5 18.1318 34.6418 25.9683 30.4418 30.9788C26.235 35.9974 21.661 38.2098 20.1886 38.8969L20.6114 39.8031C22.139 39.0902 26.865 36.8026 31.2082 31.6212C35.5582 26.4317 39.5 18.3682 39.5 6.15H38.5ZM20.1764 38.9028C19.9992 38.9914 19.9332 39 19.9 39C19.8668 39 19.8008 38.9914 19.6236 38.9028L19.1764 39.7972C19.3992 39.9086 19.6332 40 19.9 40C20.1668 40 20.4008 39.9086 20.6236 39.7972L20.1764 38.9028ZM19.6114 38.8969C18.1413 38.2108 13.6172 35.9991 9.46004 30.981C5.3094 25.9708 1.5 18.1336 1.5 6.15H0.5C0.5 18.3664 4.3906 26.4292 8.68996 31.619C12.9828 36.8009 17.6587 39.0892 19.1886 39.8031L19.6114 38.8969ZM1.5 6.15C1.5 5.77171 1.589 5.6335 1.65544 5.57155C1.73601 5.49642 1.90286 5.41994 2.27312 5.39582C2.63699 5.37212 3.10545 5.40314 3.70887 5.45628C4.30002 5.50833 5.00529 5.57988 5.79704 5.62422C8.99634 5.80338 13.654 5.54216 19.4616 1.97609L18.9384 1.12391C13.346 4.55784 8.90366 4.79662 5.85296 4.62578C5.08221 4.58262 4.4031 4.51354 3.7966 4.46013C3.20236 4.4078 2.65988 4.36851 2.20813 4.39793C1.76277 4.42694 1.3093 4.52702 0.973465 4.84017C0.623504 5.1665 0.5 5.62829 0.5 6.15H1.5ZM19.4774 1.96603C19.712 1.80957 19.9172 1.75 20.1 1.75C20.2828 1.75 20.488 1.80957 20.7227 1.96603L21.2773 1.13397C20.912 0.890431 20.5172 0.75 20.1 0.75C19.6828 0.75 19.288 0.890431 18.9227 1.13397L19.4774 1.96603ZM20.7167 1.96202C23.9862 4.2098 27.8745 5.64435 31.975 5.84938L32.025 4.85062C28.1255 4.65565 24.4138 3.2902 21.2833 1.13798L20.7167 1.96202ZM32 5.85H39V4.85H32V5.85ZM38.5 5.35V6.15H39.5V5.35H38.5ZM12.4464 18.5036L17.8464 23.9036L18.5536 23.1964L13.1536 17.7964L12.4464 18.5036ZM18.5536 23.9036L28.9536 13.5036L28.2464 12.7964L17.8464 23.1964L18.5536 23.9036Z" fill="#0D0D0D"/> </svg> </a> <div class="mini-basket__item__inner-content"> <a class="mini-basket__item__title" v-html="insuranceProperty(product, 'name')"> </a> <ul class="mini-basket__item__specs"> <li class="mini-basket__item__spec"> <div class="mini-basket__item__spec__title"> {{i18n.notEmptyBasketQuantity}} </div> <div class="mini-basket__item__spec__value"> {{insuranceProperty(product, 'quantity')}} </div> </li> </ul> </div> </div> </div> </ul> </template> </div> </div> </div> <div class="mini-basket__footer" @click=""> <div v-if="counter>0"> <div class="mini-basket__footer__total-price"> <div class="grid"> <div class="grid__item grid__item--1/2"> <span class="heading heading--6 heading--regular no-gutter--top"> <b>{{i18n.notEmptyBasketTotal}}</b>{{CONSTANTS.SPACE + i18n.notEmptyBasketTotalComplement}} <label v-if="isBusinessContext" class="small">{{i18n.excludeVAT}}</label><br> <span class="small">{{counter}} <label v-if="counter === 1">{{i18n.notEmptyBasketProduct}}</label> <label v-else>{{i18n.notEmptyBasketProducts}}</label> </span> </span> </div> <label class="grid__item grid__item--1/2 align--right"> <span class="heading heading--6 heading--regular no-gutter--top"> <b>{{formatPrice(getCartTotalEURValueBasedOnSiteContext(basket.cartTotalPrice, isBusinessContext))}}</b> <label v-if="isCVBasket"> <br><b>{{i18n.notEmptyBasketPlus + CONSTANTS.SPACE}}{{getCartTotalPOINTSValue(basket.cartTotalPrice)}}</b> {{CONSTANTS.SPACE + i18n.notEmptyBasketPoints}} </label> </span> </label> </div> </div> <div class="cart__tooltip">  <a v-on:click="redirectNotEmptyBasket" class="button button--primary button--full-width mini-basket__footer__button" :class="{'button--disabled': !isAnyShippingMethodAvailable}"> {{i18n.notEmptyBasketButton}} </a> </div> <div class="grid half-gutter--top" v-if="!isAnyShippingMethodAvailable"> <div class="grid__item grid__item--1/11"> <span class="icon icon--fill icon--small"> <svg viewBox="0 0 192 192"><symbol id="ab60b1d0-e126-40d6-8297-93da8c0b8b6d" viewBox="-96 -96 192 192"><path id="ee1f5584-8941-4af1-9904-60ee2b8edcdf_2_" fill="none" stroke="#666666" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d=" M74.34,41.49C82.92,56.7,75.9,70,58.74,70H-58.73c-17.16,0-24.19-13.3-15.6-28.51L-15.6-66.64c8.55-14.75,22.53-15.53,31.21,0 L74.34,41.49z"></path><line id="f0d8af6f-07b5-4e3d-ba5f-e8cb77db5008_2_" fill="none" stroke="#E60000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" x1="0" y1="-38" x2="0" y2="22"></line><circle fill="none" stroke="#E60000" stroke-width="4" stroke-miterlimit="10" cx="0" cy="40" r="2"></circle></symbol><use xlink:href="#ab60b1d0-e126-40d6-8297-93da8c0b8b6d" width="192" height="192" id="ad8b8c14-7e84-4c26-b1d0-9131d9b15ca7" x="-96" y="-96" transform="matrix(1 0 0 1 96 96)" overflow="visible"></use></svg> </span> </div> <div class="grid__item grid__item--10/11 grid__item--gutter small"> <small>Estamos a melhorar a Loja Online. De momento não é possível continuar com a sua comprar, tente novamente mais tarde.</small> </div> </div> </div> <a v-else class="button button--primary button--full-width mini-basket__footer__button" v-on:click="redirectEmptyBasket">{{i18n.emptyBasketButton}}</a> </div> </div> </div> </transition> </div> </script> <script src="/etc.clientlibs/digital-eshop/components/content/commerce/vf_miniBasket/clientlibs.min.js"></script> <script id="loadingSpinner" type="text/x-template"> <div :class="['loading__spinner', {'loading__spinner--wide': wide, 'loading__spinner--mdwind': mdwind, 'loading__spinner--file-upload-container': fucont, 'loading__spinner--calendar-container': calcont}]"> <img :class="['loading__spinner--image', {'loading__spinner--small': small, 'loading__spinner--medium': medium, 'loading__spinner--tiny': tiny, 'loading__spinner--extra-tiny': exttiny, 'loading__spinner--tiny-center': tinyc, 'loading__spinner--comparator': comparator}]" src="/content/dam/digital-commons/loading-spinner.svg" /> </div> </script> <style scoped>.loading__spinner{height:300px;position:relative;width:300px}.loading__spinner--wide{width:100%}.loading__spinner--image{width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading__spinner--small{transform:scale(.8,.8);top:0;left:0}.loading__spinner--medium{transform:scale(.8,.8);top:0;left:70%}.loading__spinner--mdwind{height:192px;transform:translate(0,-23%)}.loading__spinner--tiny{transform:scale(.5,.5);top:0;left:70%}.loading__spinner--file-upload-container{height:74px;transform:translate(-50%,-164%)}.loading__spinner--extra-tiny{transform:scale(.17,.17);height:260px}.loading__spinner--tiny-center{transform:scale(.5,.5);top:0;left:0}.loading__spinner--calendar-container{height:100px;transform:translate(0,-100%)}.loading__spinner--comparator{transform:translate(-50%,-50%) scale(.5,.5);top:50%;left:50%;max-width:unset}</style> <script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_loadingSpinner/clientlibs.min.js"></script> <script id="genericToasterCmp" type="text/x-template"> <div class="toaster alert-toaster" :class="toasterShow?'toaster--show':''"> <div class="spring"> <div style="position: relative"> <div class="alert validation__warning alert-toaster__warning" :class="toasterCssType"> <div class="alert-toaster__caption"> <span class="caption__media caption__media--top alert__media"> <svg focusable="false" aria-hidden="true" class="icon icon--small toaster__icon--small"> <use xmlns:xlink="http://www.w3.org/1999/xlink" v-bind="{'xlink:href':'#'+toasterIconType}"></use> </svg> </span> <span class="caption__text caption__text--top alert__text"> <p class="no-gutter--top"><strong class="validation__details js-validation-details">{{toasterTitle}}</strong></p> </span> <span class="alert-toaster__caption--close align--right" @click="closeToaster()"> <svg height="35px" id="close" data-name="ICON" viewBox="0 0 192 192"><line id="91c3244b-a44b-4462-ad78-3b291975bc24" data-name="<Pfad>" x1="48" y1="144" x2="144" y2="48" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></line><line id="dcc09f5c-b82c-4d96-b38b-0540c6362512" data-name="<Pfad>" x1="144" y1="144" x2="48" y2="48" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"></line></svg> </span> <div class="alert-toaster__description" v-html="toasterMsg"></div> </div> </div> </div> </div> </div> </script> <script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_genericToaster/clientlibs.min.js"></script> <script id="LoggedUserMenuCmp" type="text/x-template"> <li atf_id="portal_navigation" @click="goToMyAccount" class="menu-navigation__context--action user-menu"> <a id="logged--user--menu--photo" class="menu-navigation__link menu-navigation__link--icon"></a> <a v-if="userPhoto !== ''" class="menu-navigation__link menu-navigation__link--icon" aria-haspopup="true"> <span class="visually-hidden">My Vodafone Menu</span> <div v-if="!hasUserPhoto && !isMenuOpen && !isMenuPopUp && userPhoto !== ''" class="user-menu__image user-menu__image--icon"> <svg focusable="false" aria-hidden="true" class="icon icon--small"> <use v-bind="{'xlink:href':'#'+userPhoto}"/> </svg> </div>  <div v-if="hasUserPhoto && !isMenuOpen && !isMenuPopUp && userPhoto !== ''" class="navigation__icon navigation__toggle" > <img :src="'data:image/png;base64,' + userPhoto" class="user-menu__image"> </div> <div v-if="isMenuOpen || isMenuPopUp" class="navigation__icon--active navigation__user--close"> <svg focusable="false" aria-hidden="true" class="icon icon--small navigation__icon"> <use xlink:href="#icon-close"></use> </svg> </div> </a> <small v-if="userPhoto !== '' && !isMenuOpen && !isMenuPopUp" class="menu-navigation__context--label">A minha conta</small> </li> </script> <div id="search--overlay" class="js-dialog dialog js-dialog-display" :class="{ 'dialog--display': dialogSearch }"> <div class="spring dialog__close-spring"> <a role="button" aria-label="Close search dialog" class="js-dialog-close dialog__close" @click="dialogSearchClose"> <svg focusable="false" aria-hidden="true" class="icon icon--small dialog__icon"> <use xlink:href="#icon-close"></use> </svg> <span class="visually-hidden">Close dialog</span> </a> </div> <div class="js-dialog-content dialog__content" style="display: block;"> <div id="ajax" class="ajax"> <div class="section section--mine-shaft"> <p class="heading heading--4 heading--light heading--center heading--trailing"> {{searchOverlayHeading}} </p> <div class="search-snack"> <div action="" data-js="_sayt, _validation" class="align-center space--bottom sayt validation form js-dynamic-content-listener" novalidate="novalidate"> <div class="spring"> <div id="search-overlay"> <div class="col-md-12"> <div id="cludo-search-content-form" class="search-snack__input" role="search"> <div class="search-form-inner"> <div class="search-form-input"> <input name="searchrequest" id="cludo-search-content-form-input" type="search" :placeholder="searchOverlayMessage" value="" title="Type search term" autocomplete="off" aria-autocomplete="list" aria-haspopup="true" v-on:keydown.capture.enter="pressedEnter()"/> <button type="button" v-on:click.capture="clickSearch" title="Search" class="button button--primary button--primary--dark"> <label class="cludo-sr-only">Procurar</label> <img alt="Lupa de Pesquisa" src="https://customer.cludo.com/assets/1977/10229/img/icons/main_icn_Search.svg"/> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script src="/etc.clientlibs/digital-commons/components/content/structure/vf_search/clientlibs.min.js"></script> <script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_captcha/clientlibs.min.js"></script> <div id="recaptchaV3Component"> <div id="recapctchaComponent" v-show="isLoaded" class="g-recaptcha" data-callback="onSubmit" data-size="invisible"></div> </div> <div id="login--login"> <div id="login--overlay" class="dialog" :class="{'dialog--display': dialogDisplayed}"> <div class="spring dialog__close-spring"> <a role="button" :aria-label="login_close_dialog_aria_label" class="dialog__close" @click="closeDialog"> <svg focusable="false" aria-hidden="true" class="icon icon--small dialog__icon"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-close"></use> </svg> <span class="visually-hidden">{{login_close_dialog_span}}</span> </a> </div> <div class="dialog__content" style="display: block;"> <div id="ajax" class="ajax"> <h2 class="heading heading--light heading--2 heading--center">{{login_page_title}}</h2>  <div class="tabs tabs--dark tabs--full"> <div class="tabs__navigation-wrapper"> <nav class="tabs__navigation tabs__navigation--fixed" role="tablist"> <a @click="changeTab(1)" ref="loginTab" class="tabs__tab" :class="{'tabs__tab--active' : activeTab === 1}" role="tab">{{login_navigation_title}} </a> <a @click="changeTab(2)" ref="registerTab" class="tabs__tab" :class="{'tabs__tab--active' : activeTab === 2}" role="tab">{{register_navigation_title}} </a> </nav> </div> <div v-if="activeTab === 1" id="login-register-login" class="tabs__content"> <div class="spring spring--sm"> <div> <div class="login__framer"> <ul id="login-register-login-list" ref="loginComponentForm" class="list list--reset login__frames" :class="{'login__frames--first': recoverDisplayed,'login__frames--last': isInactiveEmail || lockedMessageDisplayed}">  <li class="login__frame login__frame--first"> <form role="form" class="form validation" :class="{'hide': formSubmitDisplayed}"> <fieldset> <legend class="heading heading--3 no-gutter--all"> {{forgot_password_question}} </legend> <p class="login__text" v-html="forgot_password_message"></p> <label class="form__row" for="login__name--reset"> <span class="form__label">{{login_name_reset_number}}</span> <alert-msg-component arrow="true" v-show="invalidUserRecoverName && !isRecoveryPhoneNumber" :error-messages="[login_form_invalid_username_msg]"></alert-msg-component> <alert-msg-component v-show="invalidUnavailableServices" :error-messages="[login_form_unavailable_services_msg1, login_form_unavailable_services_msg2]"></alert-msg-component> <alert-msg-component arrow="true" v-show="invalidSubmitEmptyRecover" :error-messages="[login_form_invalid_username_recover_empty_msg]"></alert-msg-component> <alert-msg-component arrow="true" v-show="isRecoveryPhoneNumber" :use-html="true" :error-messages="[forgot_password_alert_sms]"></alert-msg-component> <input type="text" id="login__name--reset" name="login__name" v-model="user.usernamerecover" @focusOut="validateInput('username-recover')" @input="validateFieldChange" :placeholder="login_name_reset_number_placeholder" class="form__input" :class="{'form__input--error': borderUsernameRecoverField}"/> </label> <div class="form__row form__row--medium"> <button-with-loader type="submit" button-id="recover--password--button" class="button button--primary button--primary--dark button--full-width" @click="handlerSubmitRecoverLogin" :button-text="forgot_password_next" :disabled="user.usernamerecover.length === 0 || invalidSubmitEmptyRecover" :loading="recoverPasswordButtonLoading"> </button-with-loader> </div> <div class="form__row form__row--slim"> <button type="reset" class="button button--secondary button--secondary--dark button--full-width" @click="handlerCancelRecoverLogin"> {{forgot_password_cancel}} </button> </div> </fieldset> </form>  <form role="form" class="form validation" :class="{'hide': formSuccessDisplayed}"> <fieldset> <legend class="heading heading--3 no-gutter--all"> {{forgot_password_second_title}} </legend> <p class="login__text" v-show="SMS">{{forgot_password_second_text_sms}}</p> <p class="login__text" v-show="EMAIL">{{forgot_password_second_text_email}}</p> <div class="form__row form__row--medium"> <button class="button button--primary button--primary--dark button--full-width" @click="recoverSuccessLogin">{{forgot_password_next}} </button> </div> </fieldset> </form> </li>  <li class="login__frame"> <form method="post" role="form" class="form validation"> <fieldset> <legend class="visually-hidden">{{login_label}}</legend> <alert-msg-component v-show="isActivation && isSuccessfulActivation" :message-type="'alert--success'" :icon-type="'icon-tick-outline-light'" :error-title="login_form_activation_success_title_msg" :error-messages="[login_form_activation_success_content_msg]"></alert-msg-component> <alert-msg-component v-show="isResendActivation" :message-type="'alert--success'" :icon-type="'icon-tick-outline-light'" :error-title="login_form_resend_email_title_msg" :error-messages="[login_form_resend_email_content_msg]"></alert-msg-component> <alert-msg-component v-show="resetSuccessful" :message-type="'alert--success'" :icon-type="'icon-tick-outline-light'" :error-title="login_form_reset_success_title_msg" :error-messages="[login_form_reset_success_msg]"></alert-msg-component> <alert-msg-component v-show="invalidSubmit" :error-messages="[login_form_invalid_login_msg1, login_form_invalid_login_msg2]"></alert-msg-component> <alert-msg-component v-show="invalidUnavailableServices || decryptError" :error-messages="[login_form_unavailable_services_msg1, login_form_unavailable_services_msg2]"></alert-msg-component> <alert-msg-component v-show="invalidLinkChangeEmail" :error-messages="[login_form_reset_error_email_msg, login_form_reset_error_three_msg]"></alert-msg-component> <div v-show="!invalidLinkChangeEmail"> <label class="form__row form__row--leading" for="login__name"> <span class="form__label">{{login_form_name_label}}</span> <alert-msg-component arrow="true" v-show="invalidUserName" :error-messages="[login_form_invalid_username_msg]"></alert-msg-component> <input type="text" ref="formLoginName" id="login__name" name="login__name" v-model="user.username" @focusOut="validateInput('username')" @input="validateFieldChange" :placeholder="login_form_name_placeholder" required="" class="form__input" :class="{'form__input--error': borderUsernameField}"/> </label> <label class="form__row" for="login__password"> <span class="form__label">{{login_form_password_label}}</span> <alert-msg-component arrow="true" v-show="invalidPassword" :error-messages="[login_form_invalid_password_msg]"></alert-msg-component> <input type="password" ref="formLoginPassword" id="login__password" name="login__password" v-model="user.password" @focusOut="validateInput('password')" @input="validateFieldChange" :placeholder="login_form_password_placeholder" required="" class="form__input" :class="{'form__input--error': borderPasswordField}"/> </label> <div> <label class="form__row" for="login__remember-me" style="display:inline-block"/> <input type="checkbox" id="login__remember-me" v-model="checked" name="login__remember-me" class="form__checkbox"/> <span class="form__label form__label--checkable form__label--checkable--ruled">{{login_form_remember_me}}</span> </div> <div class="form__row form__row--medium gutter--bottom"> <button-with-loader type="submit" button-id="login--button" class="button button--primary button--primary--dark button--full-width" @click="clickLogin" :button-text="login_form_submit" :disabled="invalidUserNameField || !user.username || (!user.password && user.password.length < 1)" :loading="loginButtonLoading"> </button-with-loader> </div> <div class="login__controls"> <div class="align--center"> <a id="login-register-recover-button" role="button" :aria-label="login_form_recover_button_aria_label" class="link link--body link--body--dark" @click="recoverLogin">{{login_form_recover_button}} </a> <a ref="loginRegisterBlockButton" role="button" class="link link--body link--body--dark"></a> </div> </div> </div> <div v-show="invalidLinkChangeEmail"> <div class="form__row form__row--medium gutter--bottom"> <button type="submit" class="button button--secondary button--secondary--dark button--full-width" @click="backToLogin">{{login_form_back_to_login_button}} </button> </div> </div> </fieldset> </form> </li>  <li class="login__frame login__frame--last"> <div v-show="isInactiveEmail"> <form role="form" method="post" class="form validation"> <fieldset>  <alert-msg-component v-show="isFailedResend" :error-title="login_form_resend_email_failure_title_msg" :error-messages="[login_form_resend_email_failure_content_msg]"></alert-msg-component> <alert-msg-component v-show="!isFailedResend" :error-title="login_form_inactive_email_title_msg" :message-type="'alert--info'" :icon-type="'icon-info-circle-light'" :error-messages="[login_form_inactive_email_content_msg]"></alert-msg-component>  <div class="form__row form__row--medium"> <button-with-loader type="reset" button-id="resend--inactive--email--button" class="button button--primary button--primary--dark button--full-width" @click="handleResendFromInactiveEmail" :button-text="login_form_activation_resend_button" :loading="resendInactiveEmailButtonLoading"> </button-with-loader> </div> <div class="form__row form__row--slim"> <button @click="handleBackToLoginFromInactiveEmail" type="reset" class="button button--secondary button--secondary--dark button--full-width"> {{login_form_activation_back_to_login_button}} </button> </div> </fieldset> </form> </div> <div v-show="!isInactiveEmail && lockedMessageDisplayed"> <form role="form" class="form validation"> <fieldset> <alert-msg-component :error-title="login_user_blocked_msg_title" :error-messages="[login_user_blocked_msg1, login_user_blocked_msg2]"></alert-msg-component> <div class="form__row"> <button class="button button--primary button--primary--dark button--full-width" @click="recoverLogin">{{login_recover_password}} </button> </div> </fieldset> </form> </div> </li> </ul> </div> </div> </div> </div> <div v-if="activeTab === 2" id="login-register-register" class="tabs__content"> <div class="spring spring--sm"> <div class="login__framer"> <ul class="list list--reset login__frames" :class="{'login__frames--first': !(isActivation && isFailedActivation) && !preventLoading, 'login__frames--last':register.onCreate}"> <li class="login__frame login__frame--first"> <form class="form validation"> <alert-msg-component v-show="!register.validEmail" :error-title="login_form_resend_email_failure_title_msg" :error-messages="[login_form_create_email_already_exists]"></alert-msg-component> <fieldset> <div class="form__row form__row--leading" atf_id="new--register--name"> <span class="form__label form__label--required">{{login_form_create_user_name}}</span> <div class="grid grid--half-gutter"> <div class="grid__item grid__item--half-gutter grid__item--1/2"> <input type="text" :placeholder="login_form_create_user_first_name" maxlength="50" @change="runCreateValidations" v-model="register.firstName" class="form__input"/> </div> <div class="grid__item grid__item--half-gutter grid__item--1/2"> <input type="text" :placeholder="login_form_create_user_last_name" maxlength="50" @change="runCreateValidations" v-model="register.lastName" class="form__input"/> </div> </div> </div> <div class="form__row" atf_id="new--register--date"> <date-component :initial-date="initialDate" v-model="register.birthDate" :years-options="yearsOptions" :allow-future-dates="false" :allow-today-dates="false" :label-description="edit_profile_birthday_day"></date-component> </div> <div class="form__row" atf_id="new--register--email"> <span class="form__label form__label--required">{{login_form_create_user_email}}</span> <alert-msg-component arrow="true" v-show="register.invalidEmail" :error-messages="[edit_profile_invalid_email]"></alert-msg-component> <input type="text" :placeholder="login_form_create_user_email_placehold" @change="runEmailValidation" class="form__input" v-model="register.email" :disabled="preRegister" :class="{'disabled' : preRegister}"/> <small>{{login_form_create_email_login_text}}</small> </div> <div v-if="!register.invalidEmail && register.validEmail && register.email.length > 0 && !preRegister" class="form__row" atf_id="new--register--email2"> <span class="form__label form__label--required">{{login_form_create_user_email_confirmation}}</span> <alert-msg-component arrow="true" v-show="register.invalidEmailConfirmation" :error-messages="[edit_profile_invalid_email_confirmation]"></alert-msg-component> <input type="text" :placeholder="login_form_create_user_email_confirmation_placehold" @change="runEmailConfirmationValidation" class="form__input" v-model="register.emailConfirmation"/> </div> <div class="form__row" atf_id="new--register--phone"> <span class="form__label form__label--required">{{login_form_create_user_phone_number}}</span> <alert-msg-component arrow="true" v-show="register.invalidServiceId" :error-messages="[login_form_create_serviceId_invalid_msg]"></alert-msg-component> <alert-msg-component arrow="true" v-show="register.unauthorizedService" :error-messages="[login_form_create_unauthorized_service_msg]"></alert-msg-component> <alert-msg-component arrow="true" v-show="register.notValidService" :error-messages="[login_form_create_not_valid_service_msg]"></alert-msg-component> <input :placeholder="login_form_create_user_phone_number_placehold" v-model="register.serviceId" @change="runServiceNumberValidation" maxlength="9" onkeypress='return ( event.charCode == 0 ) || ( event.charCode >= 48 && event.charCode <= 57)' class="form__input"/> </div> <div class="form__row" atf_id='new--register--password'> <span class="form__label form__label--required">{{login_form_create_user_password}}</span> <alert-msg-component arrow="true" v-show="register.invalidNewPassword" :error-messages="[login_form_reset_error_validate_field_invalid_char_msg]"></alert-msg-component> <alert-msg-component arrow="true" v-show="register.passwordToShort" :error-messages="[login_form_create_password_to_short]"></alert-msg-component> <input type="password" :placeholder="login_form_create_user_password_placehold" v-model="register.password" @change="matchPasswordOnCreate" class="form__input"/> <password-strenght-component :on-invalid-new-password="onInvalidNewPassword" :message-level-one="register.passwordLabelOne" :new-password="register.password"></password-strenght-component> </div> <div class="form__row" atf_id='new--register--password2'> <span class="form__label form__label--required">{{login_form_create_user_confirm_password}}</span> <alert-msg-component arrow="true" v-show="register.invalidConfirmationNewPassword" :error-messages="[login_form_create_password_match]"></alert-msg-component> <input type="password" :placeholder="login_form_create_user_confirm_password_placehold" v-model="register.passwordConfirmation" @change="matchPasswordOnCreate" class="form__input"/> </div> <div class="form__row"> {{login_form_create_user_confirm_label}} <a target="_blank" href="https://www.vodafone.pt/info/termos-condicoes/my-vodafone-no-pc.html"><u> {{login_form_create_user_terms_conditions}}</u> </a> {{login_form_create_user_vigentes}} </div> <div class="form__row" atf_id='new--register--confirm'> <button-with-loader type="submit" button-id="create--user--button" class="button button--primary button--primary--dark button--full-width" @click="createUser" :button-text="login_form_create_user_confirm_btn" :disabled="!readyToSearch" :loading="createUserButtonLoading"> </button-with-loader> </div> </fieldset> </form> </li> <li class="login__frame"> <form role="form" method="post" class="form validation"> <fieldset>  <alert-msg-component v-show="isFailedResend" :error-title="login_form_resend_email_failure_title_msg" :error-messages="[login_form_resend_email_failure_content_msg]"></alert-msg-component> <alert-msg-component v-show="!isFailedResend" :error-title="login_form_activation_failure_title_msg" :error-messages="[login_form_activation_failure_content_msg]"></alert-msg-component>  <alert-msg-component v-show="register.creationError" :error-title="login_form_activation_failure_title_msg" :error-messages="preRegister? [login_form_create_error_msg_preRegister] : [login_form_create_error_msg]"></alert-msg-component> <alert-msg-component v-show="register.creationSuccess" :error-title="login_form_create_success_title" :error-messages="[login_form_create_success_msg]"></alert-msg-component>  <div class="form__row form__row--medium"> <button-with-loader type="reset" button-id="resend--activation--button" class="button button--primary button--primary--dark button--full-width" @click="handleResendFromActivationFailure" :button-text="login_form_activation_resend_button" :loading="resendActivationButtonLoading"> </button-with-loader> </div> <div class="form__row form__row--slim"> <button @click="handleBackToLoginFromActivationFailure" type="reset" class="button button--secondary button--secondary--dark button--full-width"> {{login_form_activation_back_to_login_button}} </button> </div> </fieldset> </form> </li> <li class="login__frame login__frame--last"> <form role="form" method="post" class="form validation"> <fieldset>  <alert-msg-component v-show="register.creationError" :error-title="login_form_activation_failure_title_msg" :error-messages="preRegister ? [login_form_create_error_msg_preRegister] : [login_form_create_error_msg]"></alert-msg-component> <alert-msg-component v-if="register.creationSuccess" :message-type="'alert--success'" :icon-type="'icon-tick-outline-light'" :error-title="login_form_create_success_title" :error-messages="[register.created_success]"></alert-msg-component> <alert-msg-component v-if="register.creationSuccessWithPorfolio" :message-type="'alert--success'" :icon-type="'icon-tick-outline-light'" :error-title="login_form_create_success_title" :error-messages="[register.created_success_with_portfolio]"></alert-msg-component>  <div class="form__row form__row--slim"> <button @click="handleContinueOnCreate" type="reset" class="button button--primary button--primary--dark button--full-width"> {{login_form_create_continue_button}} </button> </div> </fieldset> </form> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <div class="dialog" :class="{'dialog--display': dialogResetDisplayed}"> <div class="spring dialog__close-spring"> <a role="button" :aria-label="login_close_dialog_aria_label" class="dialog__close" @click="closeResetDialog" :class="{'hide': resetButtonHidden}"> <svg focusable="false" aria-hidden="true" class="icon icon--small dialog__icon"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-close"></use> </svg> <span class="visually-hidden">{{login_close_dialog_span}}</span> </a> </div> <div class="dialog__content"> <h2 class="heading heading--light heading--2 heading--center">{{login_form_reset_title}}</h2> <div class="dialog__change-pass"> <div class="spring spring--sm"> <form role="form" class="form validation" :class="{'hide': formResetHidden}"> <fieldset> <label class="form__row form__row--leading"> <alert-msg-component v-show="equalLastThree" :error-messages="[login_form_reset_information_one_msg]"></alert-msg-component> <span class="form__label">{{login_form_reset_first_field}}</span> <alert-msg-component arrow="true" v-show="invalidNewPassword" :error-messages="[login_form_reset_error_validate_field_invalid_char_msg]"></alert-msg-component> <input type="password" id="change-pass-password" name="change-pass-password" v-model="user.newpassword" @focusOut="matchPassword" class="form__input"/> <password-strenght-component :on-invalid-new-password="onInvalidNewPasswordReset" :new-password="user.newpassword"></password-strenght-component> </label> <label class="form__row"> <span class="form__label">{{login_form_reset_second_field}}</span> <alert-msg-component arrow="true" v-show="invalidConfirmNewPassword" :error-messages="[login_form_reset_error_match_msg]"></alert-msg-component> <input type="password" id="change-pass-confirm" name="change-pass-confirm" v-model="user.newconfirmpassword" @focusOut="matchPassword" class="form__input"/> </label> <div class="form__row form__row--medium gutter--bottom"> <button-with-loader type="submit" button-id="reset--password--continue--button" class="button button--primary button--primary--dark button--full-width" @click="resetPasswordFromBackoffice ? resetPasswordBackOffice($event) : resetPassword($event)" :button-text="login_form_reset_continue_button" :loading="resetPasswordContinueButtonLoading" :disabled="!(this.user.newpassword && this.user.newpassword.length >= 8 && this.user.newconfirmpassword && this.user.newconfirmpassword.length >= 8)"> </button-with-loader> </div> </fieldset> </form> <fieldset :class="{'hide': errorResetHidden}"> <label class="form__row" for="login__name--reset"> <alert-msg-component :error-title="login_form_reset_error_validate_field_invalid_email_key_msg_title" :error-messages="[login_form_reset_error_validate_field_invalid_email_key_msg_one, login_form_reset_error_validate_field_invalid_email_key_msg_two]"></alert-msg-component> </label> <div class="form__row form__row--medium"> <button type="submit" class="button button--primary button--primary--dark button--full-width" @click="toRecoverLogin"> {{login_form_reset_error_validate_field_invalid_key_recover_button}} </button> </div> <div class="form__row form__row--slim"> <button class="button button--secondary button--secondary--dark button--full-width" @click="toLogin">{{login_form_reset_error_validate_field_invalid_key_to_login_button}} </button> </div> </fieldset> </div> </div> </div> </div> </div> <script id="alertMessagesCmp" type="text/x-template"> <div role="alert" class="alert" :class="[{ 'alert--arrow': arrow }, defaultAlertClass]"> <div class="caption"> <div :class="'caption__media caption__media--'+iconPosition+' alert__media'"> <svg :class="'icon icon--small icon--'+iconColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" v-bind="{'xlink:href':'#'+iconType}"></use> </svg> </div> <div :class="'caption__text caption__text--'+textPosition+' alert__text'"> <p v-if="!notUsingTitle" class="validation__details js-validation-details heading heading--5 heading--bold heading--no-gutter"> {{defaultErrorTitle}} </p> <slot></slot> <div v-if="!defaultSlot"> <ul class="js-validation-listing list list--reset validation__listing" > <li class="list__item" v-for="msg in defaultErrorMessages">{{msg}}</li> </ul> </div> </div> </div> </div> </script>  <script id="passwordStrenghtCmp" type="text/x-template"> <div class="password-checker" v-bind:class="passwordChecker"> {{messages.login_form_reset_security_field}} <div class="password-checker__bars"> <div class="password-checker__bar password-checker__bar--l0"></div> <div class="password-checker__bar password-checker__bar--l1"></div> <div class="password-checker__bar password-checker__bar--l2"></div> <div class="password-checker__bar password-checker__bar--l3"></div> <div class="password-checker__bar password-checker__bar--l4"></div> </div> {{messages.login_form_reset_information_one_msg}} {{messages.login_form_reset_information_two_msg}} </div> </script>  <script id="date-component-template" type="text/x-template"> <div class="form__row form__label"> <span class="form__label">{{dateLabels.title}}</span> <alert-msg-component :background="alertMessageColor" arrow="true" v-show="!isValidDate" :error-messages="[dateLabels.invalidDateMessage]"></alert-msg-component> <div class="grid grid--half-gutter"> <div class="grid__item grid__item--half-gutter grid__item--1/3"> <days-autocomplete v-model="daySelected" :orderBy="'id'" :options="days" :label="'value'" :max-height="'300px'" :placeholder="'Dia'"></days-autocomplete> </div> <div class="grid__item grid__item--half-gutter grid__item--1/3"> <months-autocomplete v-model="monthSelected" :orderBy="'id'" :options="months" :label="'value'" :max-height="'300px'" :placeholder="'Mês'"></months-autocomplete> </div> <div class="grid__item grid__item--half-gutter grid__item--1/3"> <years-autocomplete v-model="yearSelected" :orderBy="'id'" :options="years" :label="'value'" :max-height="'300px'" :placeholder="'Ano'"></years-autocomplete> </div> </div> <small v-if="smallMessage !== ''">{{smallMessage}}</small> </div> </script>  <script id="days-autocomplete-template" type="text/x-template"> <div :dir="dir" class="v-dropdown v-select" :class="dropdownClasses"> <div ref="toggle" @mousedown.prevent="toggleDropdown" :class="['dropdown-toggle', 'clearfix']"> <slot v-for="option in valueAsArray" name="selected-option-container" :option="option" :deselect="deselect" :multiple="multiple" :disabled="disabled"> <span class="selected-tag" :key="option.index"> <slot name="selected-option" v-bind="option">{{getOptionLabel(option)}}</slot> <button v-if="multiple" :disabled="disabled" @click="deselect(option)" type="button" class="close" aria-label="Remove option"> <span aria-hidden="true">×</span> </button> </span> </slot> <input ref="search" v-model="search" @keydown.delete="maybeDeleteValue" @keyup.esc="onEscape" @keydown.up.prevent="typeAheadUp" @keydown.down.prevent="typeAheadDown" @keydown.enter.prevent="onSearchBlur" @blur="onSearchBlur" @focus="onSearchFocus" type="search" class="form-control" autocomplete="false" :disabled="disabled" :placeholder="searchPlaceholder" :tabindex="tabindex" :readonly="!searchable" :style="{ width: isValueEmpty ? '100%' : 'auto' }" :id="inputId" aria-label="Search for option"> <i v-if="!noDrop" ref="openIndicator" role="presentation" class="open-indicator"></i> <slot name="spinner"> <div class="spinner" v-show="mutableLoading">Loading...</div> </slot> </div> <transition :name="transition"> <ul ref="dropdownMenu" v-if="dropdownOpen" class="dropdown-menu" :style="{ 'max-height': maxHeight }"> <li v-for="(option, index) in filteredOptions" :key="index" :class="{ active: isOptionSelected(option), highlight: index === typeAheadPointer }" @mouseover="typeAheadPointer = index"> <a @mousedown.prevent="select(option)"> <slot name="option" v-bind="option"> {{ getOptionLabel(option) }} </slot> </a> </li> </ul> </transition> </div> </script>  <script id="months-autocomplete-template" type="text/x-template"> <div :dir="dir" class="v-dropdown v-select" :class="dropdownClasses"> <div ref="toggle" @mousedown.prevent="toggleDropdown" :class="['dropdown-toggle', 'clearfix']"> <slot v-for="option in valueAsArray" name="selected-option-container" :option="option" :deselect="deselect" :multiple="multiple" :disabled="disabled"> <span class="selected-tag" :key="option.index"> <slot name="selected-option" v-bind="option">{{getOptionLabel(option)}}</slot> <button v-if="multiple" :disabled="disabled" @click="deselect(option)" type="button" class="close" aria-label="Remove option"> <span aria-hidden="true">×</span> </button> </span> </slot> <input ref="search" v-model="search" @keydown.delete="maybeDeleteValue" @keyup.esc="onEscape" @keydown.up.prevent="typeAheadUp" @keydown.down.prevent="typeAheadDown" @keydown.enter.prevent="onSearchBlur" @blur="onSearchBlur" @focus="onSearchFocus" type="search" class="form-control" autocomplete="false" :disabled="disabled" :placeholder="searchPlaceholder" :tabindex="tabindex" :readonly="!searchable" :style="{ width: isValueEmpty ? '100%' : 'auto' }" :id="inputId" aria-label="Search for option"> <i v-if="!noDrop" ref="openIndicator" role="presentation" class="open-indicator"></i> <slot name="spinner"> <div class="spinner" v-show="mutableLoading">Loading...</div> </slot> </div> <transition :name="transition"> <ul ref="dropdownMenu" v-if="dropdownOpen" class="dropdown-menu" :style="{ 'max-height': maxHeight }"> <li v-for="(option, index) in filteredOptions" :key="index" :class="{ active: isOptionSelected(option), highlight: index === typeAheadPointer }" @mouseover="typeAheadPointer = index"> <a @mousedown.prevent="select(option)"> <slot name="option" v-bind="option"> {{ getOptionLabel(option) }} </slot> </a> </li> </ul> </transition> </div> </script>  <script id="years-autocomplete-template" type="text/x-template"> <div :dir="dir" class="v-dropdown v-select" :class="dropdownClasses"> <div ref="toggle" @mousedown.prevent="toggleDropdown" :class="['dropdown-toggle', 'clearfix']"> <slot v-for="option in valueAsArray" name="selected-option-container" :option="option" :deselect="deselect" :multiple="multiple" :disabled="disabled"> <span class="selected-tag" :key="option.index"> <slot name="selected-option" v-bind="option">{{getOptionLabel(option)}}</slot> <button v-if="multiple" :disabled="disabled" @click="deselect(option)" type="button" class="close" aria-label="Remove option"> <span aria-hidden="true">×</span> </button> </span> </slot> <input ref="search" v-model="search" @keydown.delete="maybeDeleteValue" @keyup.esc="onEscape" @keydown.up.prevent="typeAheadUp" @keydown.down.prevent="typeAheadDown" @keydown.enter.prevent="onSearchBlur" @blur="onSearchBlur" @focus="onSearchFocus" type="search" class="form-control" autocomplete="false" :disabled="disabled" :placeholder="searchPlaceholder" :tabindex="tabindex" :readonly="!searchable" :style="{ width: isValueEmpty ? '100%' : 'auto' }" :id="inputId" aria-label="Search for option"> <i v-if="!noDrop" ref="openIndicator" role="presentation" class="open-indicator"></i> <slot name="spinner"> <div class="spinner" v-show="mutableLoading">Loading...</div> </slot> </div> <transition :name="transition"> <ul ref="dropdownMenu" v-if="dropdownOpen" class="dropdown-menu" :style="{ 'max-height': maxHeight }"> <li v-for="(option, index) in filteredOptions" :key="index" :class="{ active: isOptionSelected(option), highlight: index === typeAheadPointer }" @mouseover="typeAheadPointer = index"> <a @mousedown.prevent="select(option)"> <slot name="option" v-bind="option"> {{ getOptionLabel(option) }} </slot> </a> </li> </ul> </transition> </div> </script> <script id="buttonWithLoaderCmp" type="text/x-template"> <button v-if="e2eVbu" :id="innerButtonId" class="button" type="button" @click="$emit('click', $event)" :class="[{'button--loading': loading},{'button-disabled': disabled}, classes]" :disabled="disabled"> <span :class="{'no-visible': loading}">{{ buttonText }}</span> <slot></slot> </button> <button v-else :id="innerButtonId" class="button" type="button" @click="$emit('click', $event)" :class="[{'button--loading': loading},{'button--disabled': disabled}, classes]" :disabled="disabled"> <span :class="{'no-visible': loading}">{{ buttonText }}</span> <slot></slot> </button> </script> <script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_buttonWithLoader/clientlibs.min.js"></script> <div id="choose-basket" class="dialog" xmlns:v-on="http://www.w3.org/1999/xhtml"> <div class="dialog__close dialog__content" v-if="visible" v-cloak> <div class="dialog dialog--flexible-transparency dialog--fadeIn"> <div class="spring dialog--position"> <div class="section section--white card--border"> <div class="spring dialog__close-spring"> <div v-on:click="closeDialog" class="js-tooltip-close tooltip--pop-up dialog__close cart-persistency__close"> <svg class="icon icon--small dialog__icon"> <use xlink:href="#icon-close"></use> </svg> <span class="visually-hidden">{{i18n.closeDialog}}</span> </div> </div> <div class="card__content"> <div class="network__content"> <h2 class="heading heading--2 align--center gutter--top"> <b>{{i18n.youHaveTwoCarts}}</b> </h2> <h3 class="heading heading--3 align--center gutter--top"> {{i18n.chooseOne}} </h3> <div class="spring cart-persistency__content"> <div class="grid"> <div class="grid__item grid__item--1/2 grid__item--sm-1/1 grid__item--gutter half-gutter--bottom" v-for="(basket, index) in data"> <div class="align--center"> <div class="cart-persistency section--wild-sand"> <div v-for="item in basket.cartItems">  <div class="grid half-gutter--top" v-if="isPackItem(item)"> <div class="grid__item grid__item--1/1 align--left"> <span class="font-color--dusty-gray half-gutter--right">{{item.quantity}}{{CONSTANTS.TIMES}}</span> <span class="display--inline-block choose-basket-prod-name" v-html="item.eshopProductDTO.name ? item.eshopProductDTO.name : item.eshopProductDTO.title"></span> </div> <div v-for="product in item.eshopProductDTO.variants[0].packProducts"> <div class="grid__item grid__item--1/1 align--left"> <span class="cart-persistency__item--pack">{{product.name}}</span> </div> <div class="grid__item grid__item--4/7 align--left"> <span class="cart-persistency__item--characteristics" v-if="product.color">{{i18n.color}} {{CONSTANTS.SPACE}} {{product.color}}</span><br/> <span class="cart-persistency__item--characteristics" v-if="product.storage">{{i18n.storage}} {{CONSTANTS.SPACE}} {{product.storage}}</span> </div> <div class="grid__item grid__item--3/7 align--right"> <span class="cart-persistency__item--points">{{i18n.included}}</span> </div> </div> <div class="grid__item grid__item--1/1 align--right" v-if="isCVItem(item)"> <span class="cart-persistency__item--price">{{formatPrice(getItemEURValue(item))}}</span> {{CONSTANTS.SPACE}} {{CONSTANTS.PLUS}} {{CONSTANTS.SPACE}} {{getItemPOINTSValue(item)}} {{CONSTANTS.SPACE}} <span class="cart-persistency__item--points">{{CONSTANTS.SPACE}}{{i18n.points}}</span> </div> <div class="grid__item grid__item--1/1 align--right" v-else> <span class="cart-persistency__item--price">{{checkIfFreePrice(getItemEURValue(item),item.eshopProductDTO.variants[0].packProducts[0].productType)}}</span> </div> </div>  <div class="grid half-gutter--top" v-else> <div class="grid__item grid__item--1/1 align--left"> <span class="font-color--dusty-gray half-gutter--right">{{item.quantity}}{{CONSTANTS.TIMES}}</span> <span class="display--inline-block choose-basket-prod-name" v-html="item.eshopProductDTO.name ? item.eshopProductDTO.name : item.eshopProductDTO.title"></span> </div> <div class="grid__item grid__item--3/7 align--left"> <span class="cart-persistency__item--characteristics" v-if="item.eshopProductDTO.variants[0].color"> {{i18n.color}} {{CONSTANTS.SPACE}} {{item.eshopProductDTO.variants[0].color}} </span><br/> <span class="cart-persistency__item--characteristics" v-if="item.eshopProductDTO.variants[0].storage"> {{i18n.storage}} {{CONSTANTS.SPACE}} {{item.eshopProductDTO.variants[0].storage}} </span> </div> <div class="grid__item grid__item--4/7 align--right" v-if="isCVItem(item)"> <span class="cart-persistency__item--price">{{formatPrice(getItemEURValue(item))}}</span> {{CONSTANTS.SPACE}} {{CONSTANTS.PLUS}} {{CONSTANTS.SPACE}} {{getItemPOINTSValue(item)}} {{CONSTANTS.SPACE}} <span class="cart-persistency__item--points">{{CONSTANTS.SPACE}}{{i18n.points}}</span> </div> <div class="grid__item grid__item--4/7 align--right" v-else> <span class="cart-persistency__item--price">{{checkIfFreePrice(getItemEURValue(item),item.eshopProductDTO.productType)}}</span> </div> </div> </div> <div class="grid gutter--top"> <button-with-loader :button-id="'chooseBtn'+index" class="button button--primary" @click="selectBasket(basket.id)" :button-text="i18n.selectCart" :loading="basket.isLoading"> </button-with-loader> </div> </div> </div> </div> </div> </div> <div class="spring align--center half-gutter--top cart-persistency__item--characteristics"> {{i18n.afterSelectionDesc}} </div> </div> </div> </div> </div> </div> </div> </div> <script id="buttonWithLoaderCmp" type="text/x-template"> <button v-if="e2eVbu" :id="innerButtonId" class="button" type="button" @click="$emit('click', $event)" :class="[{'button--loading': loading},{'button-disabled': disabled}, classes]" :disabled="disabled"> <span :class="{'no-visible': loading}">{{ buttonText }}</span> <slot></slot> </button> <button v-else :id="innerButtonId" class="button" type="button" @click="$emit('click', $event)" :class="[{'button--loading': loading},{'button--disabled': disabled}, classes]" :disabled="disabled"> <span :class="{'no-visible': loading}">{{ buttonText }}</span> <slot></slot> </button> </script> <script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_chooseBasket/clientlibs.min.js"></script> </div> </ul> </nav> </div> </div> </nav> </div> <template id="navigationMenu"> <div> <div class="display--flex hide--sm hide--md position--relative" v-cloak> <template v-for="(first, i) in array"> <li class="menu-navigation__item--conditions align"> <div :class="{'menu-navigation__item--section' : first.beginNewSection}"></div> <a class="menu-navigation__link first-level" :class="{'menu-navigation__link--active': active.desktop.first === i}" aria-haspopup="true" :onclick="first.paramOnClick ? first.paramOnClick : null" @click="first.secondLevel ? openSecondLevel(i, first.text) : headerTealiumRequest(openSecondLevelActionId, first.text)" :href="first.linkTo && !first.secondLevel ? first.linkTo : null" :target="first.target && !first.secondLevel ? first.target : null" :title="first.title"> {{first.text}} <span class="visually-hidden">{{first.text}}</span> </a> </li> </template> <transition name="slide-fade"> <div v-if="active.desktop.first > -1" class="menu-navigation__level--second" :data-level="active.desktop.second != -1 ? 'menu-tertiary' : ''"> <template v-for="(first, i) in array"> <template v-if="active.desktop.first === i"> <ul class="menu-navigation__list menu-navigation__scrollable menu-navigation__container" role="navigation" v-if="first.secondLevel"> <li> <template v-for="(second, j) in first.secondLevel"> <a class="menu-navigation__level--second-content" v-if="validRule(second)" :onclick="performSecondOnClick(second)" @click="onAnchorClickHandler(second, 'linkTo', () => { second.thirdLevel ? openThirdLevel(j, second.text) : headerTealiumRequest(openThirdLevelActionId, second.text); },!second.thirdLevel)" :title="second.title"> <span class="menu-navigation__link" :class="{'menu-navigation__link--active': active.desktop.second === j}">{{second.text}}</span> <span class="visually-hidden">{{second.text}}</span> <svg v-if="second.thirdLevel && second.linkTo || second.rule" focusable="false" aria-hidden="true" class="icon icon--extra-small icon--mine-shaft"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-right"> </use> </svg> </a> </template> </li> </ul> <transition name="slide-fade"> <div v-if="active.desktop.second > -1" class="menu-navigation__level--third menu-navigation__scrollable menu-navigation__scrollable--third menu-navigation__level--third-active"> <nav v-for="(second, j) in first.secondLevel"> <ul class="list--reset" v-if="second.thirdLevel && active.desktop.second === j"> <li class="half-gutter--bottom" v-if="second.TextForLinkOnThirdLevel"> <a :onclick="second.paramOnClick ? second.paramOnClick : null" @click="onAnchorClickHandler(second, 'linkTo', () => { headerTealiumRequest(thirdLevelActionId, second.TextForLinkOnThirdLevel); })" :title="second.title" class="font-color--red">{{second.TextForLinkOnThirdLevel}}</a> </li> <li v-for="(third, k) in second.thirdLevel" :class="{'flush--top flush--bottom': third.backgroundImagePath, 'border--bottom-silver': !third.backgroundImagePath && (k === second.thirdLevel.length - 1 || (second.thirdLevel.length > k+1 && !second.thirdLevel[k+1].backgroundImagePath))}"> <a :onclick="third.paramOnClick ? third.paramOnClick : null" @click="onAnchorClickHandler(third, 'linkTo', () => { this.headerTealiumRequest(openThirdLevelActionId, !third.backgroundImagePath ? third.text : `\:Highlight`); })" :title="third.title"> <template v-if="!third.backgroundImagePath"> <span v-html="third.text"></span> </template> <template v-else> <div class="hero menu-navigation__level--third-image"> <div class="background background--cover hero__background hero__background--no-tint"> <picture> <source :data-srcset="third.backgroundImagePath" :srcset="third.backgroundImagePath"/> <img :data-srcset="third.backgroundImagePath" alt="Image description" :srcset="third.backgroundImagePath" :src="third.backgroundImagePath" class="lazyloaded"/> </picture> <noscript> <img :src="third.backgroundImagePath" alt=""/> </noscript> </div> <div class="hero__band"> <h6 class="heading heading--6 heading--light hero__heading align--left gutter--left" v-html="third.text"> </h6> </div> </div> </template> </a> </li> </ul> </nav> </div> </transition> <a class="menu-navigation__level--second-closed" @click="closeAll()"> <svg focusable="false" aria-hidden="true" class="icon icon--white icon--extra-small icon--thick"> <use xlink:href="#icon-close"></use> </svg> <span class="visually-hidden">Close Menu</span> </a> </template> </template> <div class="menu-navigation__overlay" @click="closeAll()"></div> </div> </transition> </div> <li data-layout-type="mobile-menu" class="no-gutter--left menu-navigation__item hide--lg"> <a class="menu-navigation__link menu-navigation__link--nav" :class="{'menu-navigation__link--active': active.mobile.zero === 1}" @click="openHamburger()" aria-haspopup="true"> <svg focusable="false" aria-hidden="true" class="icon icon--small"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-menu"></use> </svg> <small class="half-gutter--left align--middle">Menu</small> </a> <div class="mobile-menu" v-show="active.mobile.zero != -1"> <div class="menu-navigation__level--second" :class="{'menu-navigation__level--second-close': active.mobile.zero === 0}"> <nav> <ul class="menu-navigation__scrollable"> <div v-if="zeroLevelArrayActive" class="business-tabs__menu"> <li v-for="sub in zeroLevelArrayActive"> <a :onclick="sub.paramOnClick ? sub.paramOnClick : null" @click="onAnchorClickHandler(sub, 'linkURL', () => { toggleSubEntry(sub); headerLevelZeroTealiumRequest(upperLevelMenuActionId, sub.text); })" :class="selectedJson === sub.context ? 'business-tabs__menu active' : null"> {{sub.text}} </a> </li> </div> <template v-for="(first, i) in array"> <li class="menu-navigation__item"> <a class="menu-navigation__link" :onclick="first.paramOnClick ? first.paramOnClick : null" @click="onAnchorClickHandler(first, 'linkTo', () => { first.secondLevel ? openSecondLevelMobile(i, first.text) : headerTealiumRequest(openSecondLevelActionId, first.text) }, !first.secondLevel)" :title="first.title" :class="{'menu-navigation__link--subnav': first.linkTo}" aria-expanded="false" aria-selected="false" tabindex="0" role="tab" aria-haspopup="false">{{first.text}} <span class="visually-hidden">{{first.text}}</span> <svg v-if="first.secondLevel && first.linkTo" focusable="false" aria-hidden="true" class="icon icon--extra-small icon--red icon--thick float--right"> <use xlink:href="#icon-chevron-right"></use> </svg> </a> <section v-if="first.secondLevel" class="menu-navigation__level--third" :class="{'menu-navigation__level--third-active': active.mobile.first === i}"> <nav> <ul class="menu-navigation__scrollable"> <li> <a @click="returnTo(1)"> <svg focusable="false" aria-hidden="true" class="icon icon--small icon--thick"> <use xlink:href="#icon-arrow-left"></use> </svg> <span class="half-gutter--left align--middle">{{first.text}}</span> </a> </li> <template v-for="(second, j) in first.secondLevel"> <li v-if="validRule(second)"> <a :onclick="performSecondOnClick(second)" @click="onAnchorClickHandler(second, 'linkTo', () => { second.thirdLevel ? openThirdLevelMobile(j, second.text) : headerTealiumRequest(openThirdLevelActionId, second.text) }, !second.thirdLevel)" :title="second.title"> {{second.text}} <svg v-if="second.thirdLevel && second.linkTo || second.rule" focusable="false" aria-hidden="true" class="icon icon--extra-small icon--red icon--thick float--right"> <use xlink:href="#icon-chevron-right"></use> </svg> </a> <section v-if="second.thirdLevel && active.mobile.second === j" class="menu-navigation__level--fourth menu-navigation__level--fourth-active"> <nav> <ul class="list--reset"> <li> <a @click="returnTo(2)"> <svg focusable="false" aria-hidden="true" class="icon icon--small icon--thick"> <use xlink:href="#icon-arrow-left"></use> </svg> <span class="half-gutter--left align--middle">{{second.text}}</span> </a> </li> <li v-if="second.TextForLinkOnThirdLevel"> <a :onclick="second.paramOnClick ? second.paramOnClick : null" @click="onAnchorClickHandler(second, 'linkTo', () => { headerTealiumRequest(thirdLevelActionId, second.TextForLinkOnThirdLevel) })" :title="second.title" class="font-color--red">{{second.TextForLinkOnThirdLevel}}</a> </li> <li v-for="(third, k) in second.thirdLevel" :class="{'flush--top flush--bottom': third.backgroundImagePath, 'border--bottom-silver': !third.backgroundImagePath && (k === second.thirdLevel.length - 1 || (second.thirdLevel.length > k+1 && !second.thirdLevel[k+1].backgroundImagePath))}"> <a :onclick="third.paramOnClick ? third.paramOnClick : null" @click="onAnchorClickHandler(third, 'linkTo', () => { headerTealiumRequest(thirdLevelActionId, third.text) })" :title="third.title"> <template v-if="!third.backgroundImagePath"> <span v-html="third.text"></span> </template> <template v-else> <div class="hero menu-navigation__level--fourth-image"> <div class="background background--cover hero__background hero__background--no-tint"> <picture> <source v-if="third.backgroundImagePath" :data-srcset="third.backgroundImagePath" :srcset="third.backgroundImagePath" media="(min-width: 970px)"/> <source v-if="third.backgroundImagePathTablet" :data-srcset="third.backgroundImagePathTablet" :srcset="third.backgroundImagePathTablet" media="(min-width: 640px)"/> <source v-if="third.backgroundImagePathMobile" :data-srcset="third.backgroundImagePathMobile" :srcset="third.backgroundImagePathMobile"/> <img :data-srcset="third.backgroundImagePath" alt="Image description" :src="third.backgroundImagePath" class="lazyloaded width--100"/> </picture> <noscript> <img :src="third.backgroundImagePath" alt=""/> </noscript> </div> <div class="hero__band"> <h6 class="heading heading--6 heading--light hero__heading align--left gutter--left" v-html="third.text"> </h6> </div> </div> </template> </a> </li> </ul> </nav> </section> </li> </template> </ul> </nav> </section> </li> </template> <template v-for="(zero, z) in zeroLevelArrayInactive"> <li class="menu-navigation__global--options" :class="{'gutter--top': z === 0, 'border--bottom-silver': z === zeroLevelArrayInactive.length - 1}"> <a :onclick="zero.paramOnClick ? zero.paramOnClick : null" @click="onAnchorClickHandler(zero, 'linkURL', () => { headerLevelZeroTealiumRequest(upperLevelMenuActionId, zero.text) })"> Ir para {{zero.text}} </a> </li> </template> <li class="half-gutter--top"> <div> <svg viewBox="0 0 192 192" class="icon icon--small icon--sub menu-navigation__global--icon"> <line id="afa0dea2-fdb5-4188-b127-0390bcfc2413" fill="none" stroke="#333333" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="124" y1="84" x2="92" y2="84"></line> <line id="fca2dd7d-8243-463f-9694-d76870f6b696" fill="none" stroke="#333333" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="76" y1="84" x2="68" y2="84"></line> <line id="c0f6faeb-1130-48f3-b62a-bcd83c3abeaf" fill="none" stroke="#333333" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="124" y1="108" x2="92" y2="108"></line> <line id="_x39_f9d3ac1-3527-469f-b7cc-d7b4a8af09e5" fill="none" stroke="#333333" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="76" y1="108" x2="68" y2="108"></line> <line id="_x30_e845ff5-6eb9-4522-9631-9073c7db3199" fill="none" stroke="#333333" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="124" y1="132" x2="92" y2="132"></line> <line id="_x39_0b7f6c8-8095-43f3-848c-53ffec273712" fill="none" stroke="#333333" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" x1="76" y1="132" x2="68" y2="132"></line> <path fill="none" stroke="#333333" stroke-width="8" stroke-linejoin="round" d="M148,52l-32-32H56c-6.627,0-12,5.373-12,12v128 c0,6.627,5.373,12,12,12h80c6.627,0,12-5.373,12-12V52z"> </path> <polyline fill="none" stroke="#333333" stroke-width="8" stroke-linejoin="round" points="116,20.23 116,52 148,52 "></polyline> </svg> <a class="menu-navigation__global--sub" :onclick="secondEntryObject.paramOnClick ? secondEntryObject.paramOnClick : null" @click="onAnchorClickHandler(secondEntryObject, 'linkURL', () => { headerLevelZeroTealiumRequest(rightSideMenuActionId, secondEntryObject.text) })" role="button" :aria-label="secondEntryObject.text"> {{secondEntryObject.text}} </a> </div> </li> </ul> </nav> <a @click="closeAllMobile()" class="menu-navigation__level--second-closed"> <svg focusable="false" aria-hidden="true" class="icon icon--white icon--extra-small icon--thick"> <use xlink:href="#icon-close"></use> </svg> <span class="visually-hidden">Close Menu</span> </a> <div class="menu-navigation__overlay" @click="closeAllMobile()"></div> </div> </div> </li> </div> </template> <script src="/etc.clientlibs/digital-commons/components/content/structure/ws10/vf_navigation/vf_headerMenu/clientlibs.min.js"></script> <script src="/etc.clientlibs/digital-commons/components/content/structure/ws10/vf_navigation/clientlibs.min.js"></script> </div> </div> </div></div> </div> <div class="responsivegrid aem-GridColumn--default--none aem-GridColumn aem-GridColumn--default--12 aem-GridColumn--offset--default--0"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_experienceFragment aem-GridColumn aem-GridColumn--default--12"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingOverlay aem-GridColumn aem-GridColumn--default--12"> <script>bindingOverlay={};bindingOverlay.titleOnline="Online";bindingOverlay.turnOffE2E="";bindingOverlay.buttonTitle="Aderir";bindingOverlay.buttonStyles="class";bindingOverlay.titleC2C="Por telefone";bindingOverlay.display="default";bindingOverlay.buttonStyleClass="button--primary";bindingOverlay.buttonColorPicker="#e60000";bindingOverlay.buttonTextColorPicker="rgb(255,255,255)";bindingOverlay.pathURL="/content/digital-sites/pt/business/comunicacoes/voz/movel/pedido-adesao.html";bindingOverlay.pathURLE2ERed="/content/digital-sites/pt/business/comunicacoes/voz/movel/pedido-adesao.html";bindingOverlay.turnOffC2C="";bindingOverlayId="overlay-binding";</script> <div id="bindingOverlay" @click.self="closeDialog" class="js-dialog dialog js-dialog-display dialog--flexible-transparency" :class="{ 'dialog--fadeIn': dialogDataBinding }"> <input type="hidden" ref="listOnline" data-options="{"svgInlineOnline":"<svg viewBox=\"0 0 24 24\"><path style=\"fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;\" d=\"M 172 37.09375 L 91.53125 117.5625 L 57.28125 83.3125 \" transform=\"matrix(0.125,0,0,0.125,0,0)\"></path><path style=\"fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;\" d=\"M 164 77.34375 L 164 148 C 164 156.84375 156.84375 164 148 164 L 44 164 C 35.15625 164 28 156.84375 28 148 L 28 44 C 28 35.15625 35.15625 28 44 28 L 147.5 28 \" transform=\"matrix(0.125,0,0,0.125,0,0)\"></path></svg>","onlineLabels":"Simples e rápido"},{"svgInlineOnline":"<svg viewBox=\"0 0 24 24\"><path style=\"fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;\" d=\"M 171.625 115.09375 C 171.625 129.03125 160.3125 140.34375 146.375 140.34375 L 132 140.34375 L 131.9375 168.25 L 104 140.34375 L 44.625 140.34375 C 30.625 140.34375 19.375 129.0625 19.375 114.34375 L 19.375 60.78125 C 19.375 47.59375 30.65625 36.28125 44.625 36.28125 \" transform=\"matrix(0.125,0,0,0.125,0,0)\"></path><path style=\"fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;\" d=\"M 85.125 72 L 85.125 104.59375 \" transform=\"matrix(0.125,0,0,0.125,0,0)\"></path><path style=\"fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;\" d=\"M 90.40625 95.40625 L 68 95.40625 L 85.125 72 \" transform=\"matrix(0.125,0,0,0.125,0,0)\"></path><path style=\"fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;\" d=\"M 42.46875 78.0625 C 45 74 54.625 70 58.78125 76 C 66.90625 87.90625 43.1875 87.84375 43.1875 104.5625 L 60.875 104.5625 \" transform=\"matrix(0.125,0,0,0.125,0,0)\"></path><path style=\"fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;\" d=\"M 129.6875 71.8125 L 149.53125 71.8125 C 149.53125 71.8125 135.90625 90.6875 135.90625 104.6875 \" transform=\"matrix(0.125,0,0,0.125,0,0)\"></path><path style=\"fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;\" d=\"M 103.625 105.875 L 115 70.625 \" transform=\"matrix(0.125,0,0,0.125,0,0)\"></path><path style=\"fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:miter;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:2;\" d=\"M 171.625 115.09375 L 171.625 36.3125 L 44.625 36.3125 \" transform=\"matrix(0.125,0,0,0.125,0,0)\"></path></svg>","onlineLabels":"Disponível 24 horas"}"/> <input type="hidden" ref="listC2C" data-options="{"svgInlineC2C":"<svg viewBox=\"0 0 24 24\"><path d=\"M21.46,17.21v.11a3.73,3.73,0,0,1-.16,1,4.39,4.39,0,0,1-2.58,2.87c-3,.9-6.19,0-9-1.43a12.15,12.15,0,0,1-5.38-5.35c-1.42-2.79-2.34-6-1.44-9A4.44,4.44,0,0,1,5.81,2.86l1-.26a.33.33,0,0,1,.39.2L8,5.07l1.18,3.3v.09A.38.38,0,0,1,9,8.88a4.42,4.42,0,0,1-1.27.67,8.06,8.06,0,0,1-1.68.33.37.37,0,0,0-.27.16.34.34,0,0,0,0,.31,12.21,12.21,0,0,0,3,5,12.43,12.43,0,0,0,5,3,.34.34,0,0,0,.31,0,.35.35,0,0,0,.16-.26,7.84,7.84,0,0,1,.33-1.67,4.24,4.24,0,0,1,.67-1.26A.36.36,0,0,1,15.7,15h.09l3.31,1.18c.79.28,1.46.56,2.25.84C21.39,17,21.44,17.14,21.46,17.21Z\" style=\"fill: none; stroke: rgb(51, 51, 51); stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 1;\"></path></svg>","labelsC2C":"Ligamos-lhe grátis"},{"svgInlineC2C":"<svg viewBox=\"0 0 24 24\"><path style=\"fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;\" d=\"M 122 122.25 L 96 96.25 L 96 44.25 \" transform=\"matrix(0.125,0,0,0.125,0,0)\"></path><path style=\"fill:none;stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;\" d=\"M 172 96 C 172 137.96875 137.96875 172 96 172 C 54.03125 172 20 137.96875 20 96 C 20 54.03125 54.03125 20 96 20 L 172 20 Z M 172 96 \" transform=\"matrix(0.125,0,0,0.125,0,0)\"></path></svg>","labelsC2C":"Disponível entre as 9h30 e as 18h30"}"/> <input type="hidden" ref="listE2E" data-options="{"cardIdE2E":"pacotes-28"},{"cardIdE2E":"pacotes-29"},{"cardIdE2E":"pacotes-30"},{"cardIdE2E":"pacotes-31"},{"cardIdE2E":"pacotes-32"},{"cardIdE2E":"pacotes-33"},{"cardIdE2E":"voz-movel-1"},{"cardIdE2E":"voz-movel-2"},{"cardIdE2E":"voz-movel-3"},{"cardIdE2E":"voz-movel-4"},{"cardIdE2E":"premium-infinity"},{"cardIdE2E":"pacotes-2"},{"cardIdE2E":"pacotes-20"},{"cardIdE2E":"pacotes-3"},{"cardIdE2E":"pacotes-1"},{"cardIdE2E":"pacotes-5"},{"cardIdE2E":"pacotes-21"},{"cardIdE2E":"pacotes-6"},{"cardIdE2E":"pacotes-4"},{"cardIdE2E":"pacotes-7"},{"cardIdE2E":"pacotes-8"},{"cardIdE2E":"pacotes-24"},{"cardIdE2E":"pacotes-10"},{"cardIdE2E":"pacotes-22"},{"cardIdE2E":"pacotes-11"},{"cardIdE2E":"pacotes-9"},{"cardIdE2E":"pacotes-12"},{"cardIdE2E":"pacotes-25"},{"cardIdE2E":"pacotes-15"},{"cardIdE2E":"pacotes-18"},{"cardIdE2E":"pacotes-19"},{"cardIdE2E":"pacotes-16"},{"cardIdE2E":"pacotes-23"},{"cardIdE2E":"pacotes-17"},{"cardIdE2E":"pacotes-1"},{"cardIdE2E":"pacotes-2"},{"cardIdE2E":"one-net-1"},{"cardIdE2E":"one-net-2"},{"cardIdE2E":"business-starter"},{"cardIdE2E":"business-standard"},{"cardIdE2E":"business-plus"},{"cardIdE2E":"pacotes-cobertura"},{"cardIdE2E":"teamlog--1"},{"cardIdE2E":"teamlog--2"},{"cardIdE2E":"quer-saber-mais-1"},{"cardIdE2E":"pacotes-36"},{"cardIdE2E":"pacotes-37"},{"cardIdE2E":"4p-first-family"},{"cardIdE2E":"pacotes-emp-c2c"},{"cardIdE2E":"iteam-geral"},{"cardIdE2E":"tarifario-1"},{"cardIdE2E":"iteam-1"},{"cardIdE2E":"iteam-2"},{"cardIdE2E":"iteam-3"},{"cardIdE2E":"iteam-4"},{"cardIdE2E":"iteam-5"},{"cardIdE2E":"iteam-6"},{"cardIdE2E":"iteam-7"},{"cardIdE2E":"iteam-8"},{"cardIdE2E":"iteam-9"},{"cardIdE2E":"iteam-10"},{"cardIdE2E":"iteam-11"},{"cardIdE2E":"iteam-12"},{"cardIdE2E":"iteam-13"},{"cardIdE2E":"iteam-14"},{"cardIdE2E":"sport-tv"},{"cardIdE2E":"sol-medida-trend-micro-1"},{"cardIdE2E":"roam-1"},{"cardIdE2E":"roam-2"},{"cardIdE2E":"roam-3"},{"cardIdE2E":"roam-4"},{"cardIdE2E":"inter-1"},{"cardIdE2E":"inter-2"},{"cardIdE2E":"inter-3"},{"cardIdE2E":"inter-4"},{"cardIdE2E":"inter-5"},{"cardIdE2E":"inter-6"},{"cardIdE2E":"inter-7"},{"cardIdE2E":"inter-8"},{"cardIdE2E":"inter-9"},{"cardIdE2E":"inter-10"},{"cardIdE2E":"inter-11"},{"cardIdE2E":"inter-12"},{"cardIdE2E":"im-1"},{"cardIdE2E":"im-2"},{"cardIdE2E":"im-3"},{"cardIdE2E":"im-4"},{"cardIdE2E":"im-5"},{"cardIdE2E":"im-6"},{"cardIdE2E":"im-7"},{"cardIdE2E":"im-8"},{"cardIdE2E":"im-9"},{"cardIdE2E":"im-10"},{"cardIdE2E":"im-11"},{"cardIdE2E":"vsdm-1"},{"cardIdE2E":"vsdm-2"},{"cardIdE2E":"vsdm-3"},{"cardIdE2E":"adint-1"},{"cardIdE2E":"adint-2"},{"cardIdE2E":"adint-3"},{"cardIdE2E":"adint-4"},{"cardIdE2E":"adint-5"},{"cardIdE2E":"adint-6"},{"cardIdE2E":"adint-7"},{"cardIdE2E":"bwifi-1"},{"cardIdE2E":"bwifi-2"},{"cardIdE2E":"solmedida-1"},{"cardIdE2E":"onenet-1"},{"cardIdE2E":"onenet-2"},{"cardIdE2E":"onenet-3"},{"cardIdE2E":"onenet-4"},{"cardIdE2E":"onenet-5"},{"cardIdE2E":"onenet-6"},{"cardIdE2E":"onenet-7"},{"cardIdE2E":"digitalstart-1"},{"cardIdE2E":"digitalstart-2"},{"cardIdE2E":"sclick-1"},{"cardIdE2E":"sclick-2"},{"cardIdE2E":"sclick-3"},{"cardIdE2E":"sclick-4"},{"cardIdE2E":"sclick-5"},{"cardIdE2E":"bonline-1"},{"cardIdE2E":"bonline-2"},{"cardIdE2E":"bonline-3"},{"cardIdE2E":"bonline-4"},{"cardIdE2E":"bonline-5"},{"cardIdE2E":"bonline-6"},{"cardIdE2E":"bonline-7"},{"cardIdE2E":"bonline-8"},{"cardIdE2E":"bonline-9"},{"cardIdE2E":"bonline-10"},{"cardIdE2E":"bonline-11"},{"cardIdE2E":"bonline-12"},{"cardIdE2E":"m365-1"},{"cardIdE2E":"m365-2"},{"cardIdE2E":"m365-3"},{"cardIdE2E":"m365-4"},{"cardIdE2E":"m365-5"},{"cardIdE2E":"m365-6"},{"cardIdE2E":"m365-7"},{"cardIdE2E":"m365-8"},{"cardIdE2E":"m365-9"},{"cardIdE2E":"googlew-1"},{"cardIdE2E":"googlew-2"},{"cardIdE2E":"googlew-3"},{"cardIdE2E":"googlew-4"},{"cardIdE2E":"smsb-1"},{"cardIdE2E":"smsb-2"},{"cardIdE2E":"smsm-1"},{"cardIdE2E":"smsm-2"},{"cardIdE2E":"dscreen-1"},{"cardIdE2E":"setoresconstrucao-1"},{"cardIdE2E":"trendmicrosecurity-1"},{"cardIdE2E":"trendmicrosecurity-2"},{"cardIdE2E":"trendmicrosecurity-3"},{"cardIdE2E":"4p-first-bf"},{"cardIdE2E":"onenet-collaboration"},{"cardIdE2E":"fttr2"},{"cardIdE2E":"fttr3"},{"cardIdE2E":"fttr4"},{"cardIdE2E":"btn-upgrade"},{"cardIdE2E":"btn-maisdados"},{"cardIdE2E":"btn-cham-inter"},{"cardIdE2E":"btn-maisvelocidade"},{"cardIdE2E":"btn-internetmovel"},{"cardIdE2E":"btn-internetfixa"},{"cardIdE2E":"btn-boxtvplay"},{"cardIdE2E":"btn-televisao"},{"cardIdE2E":"biz-standard-c2c"},{"cardIdE2E":"biz-standard-device-c2c"},{"cardIdE2E":"biz-plus-c2c"},{"cardIdE2E":"biz-plus-device-c2c"},{"cardIdE2E":"biz-max-c2c"},{"cardIdE2E":"biz-max-device-c2c"},{"cardIdE2E":"infinity-plus-c2c"},{"cardIdE2E":"infinity-plus-device-c2c"},{"cardIdE2E":"infinity-max-c2c"},{"cardIdE2E":"infinity-max-device-c2c"},{"cardIdE2E":"infinity-prime-c2c"},{"cardIdE2E":"infinity-prime-device-c2c"}"/> <input type="hidden" ref="listTurnedOffC2C"/> <div class="dialog__content" @click.self="closeDialog"> <div class="section section__gutter no-gutter--sm-all"> <div class="spring"> </div> </div> <div class="container grid spring" :class="redimension"> <div class="dialog__close-spring form__row--large" @click.self="closeDialog"> <a v-on:click="closeDialog" role="button" aria-label="Close Dialog" class="dialog__close"> <svg focusable="false" aria-hidden="true" class="icon icon--small dialog__icon"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-close"></use> </svg> <span class="visually-hidden">Close Binding Overlay</span> </a> </div> <div v-if="onlyE2E" class="onlyE2E overlay-binding__header grid__item grid__item--1/1 grid__item--align-center" style="background-color: ;"> <h5 class="heading heading--5 heading--center heading--regular heading--leading overlay-binding__options-heading" style="color : #FFF;"> Adira já e garanta a melhor oferta. </h5> <span style="color : ;"> </span> </div> <div v-else-if="onlyC2C" class="onlyC2C overlay-binding__header grid__item grid__item--1/1 grid__item--align-center" style="background-color: ;"> <h5 class="heading heading--5 heading--center heading--regular heading--leading overlay-binding__options-heading" style="color : #FFF;"> Conheça as ofertas que temos para si. </h5> <span style="color : ;"> </span> </div> <div v-else class="overlay-binding__header grid__item grid__item--1/1 grid__item--align-center" style="background-color: ;"> <h5 class="heading heading--5 heading--center heading--regular heading--leading overlay-binding__options-heading" style="color : #fff;"> Adira já online ou fale com um dos nossos consultores </h5> <span style="color : ;"> </span> </div> <div class="overlay-binding__options-container grid grid__item--1/1"> <div class="overlay-binding__options overlay-binding__options-colorE2E grid__item grid__item--sm-1/1 grid__item--md-1/1 grid__item--1/1 grid__item--align-center" style="background-color : #ebebeb;" v-if="!turnOffE2E && defaultDisplay && cardIdDisplayE2E"> <h4 class="heading heading--4 heading--center heading--bold heading--leading overlay-binding__options-heading" style="color : ;"> {{ onlineTitle }} </h4> <ul class="list list--reset align--left"> <li class="heading heading--6 heading--no-gutter" v-for="item in onlineSvgList"> <div class="icon icon--small icon--bottom"> <span v-html="item.svgInlineOnline"></span> </div> <span style="color : rgb(0,0,0);" v-html="item.onlineLabels"></span> </li> </ul> <a class="button button--full-width overlay-binding__options-button" :style="buttonStyleColor" :class="buttonStyleClass" :href="pathURL" target="_self" @click="saveResults" @click.right="saveResults" @click.middle="saveResults">{{ buttonTitle }}</a> </div> <div class="overlay-binding__options grid__item grid__item--sm-1/1 grid__item--md-1/1 grid__item--1/1 grid__item--align-center" style="background-color : ;" v-if="!turnOffC2C && cardIdDisplayC2C"> <h3 class="heading heading--4 heading--center heading--bold heading--leading overlay-binding__options-heading" style="color : ;">{{ c2cTitle }} </h3> <ul class="list list--reset align--left"> <li class="heading heading--6 heading--no-gutter" v-for="item in c2cSvgList"> <div class="icon icon--small icon--bottom"> <span v-html="item.svgInlineC2C"></span> </div> <span style="color : ;" v-html="item.labelsC2C"></span> </li> </ul> <div id="bySideId"> </div> </div> <div class="overlay-binding__options overlay-binding__options-colorE2E grid__item grid__item--sm-1/1 grid__item--md-1/1 grid__item--1/1 grid__item--align-center" style="background-color : #ebebeb;" v-if="!turnOffE2E && !defaultDisplay && cardIdDisplayE2E"> <h4 class="heading heading--4 heading--center heading--bold heading--leading overlay-binding__options-heading" style="color : ;"> {{ onlineTitle }} </h4> <ul class="list list--reset align--left"> <li class="heading heading--6 heading--no-gutter" v-for="item in onlineSvgList"> <div class="icon icon--small icon--bottom"> <span v-html="item.svgInlineOnline"></span> </div> <span style="color : rgb(0,0,0);" v-html="item.onlineLabels"></span> </li> </ul> <a class="button button--full-width overlay-binding__options-button" :style="buttonStyleColor" :class="buttonStyleClass" :href="pathURL" target="_self">{{ buttonTitle }}</a> </div> </div> </div> </div> </div> <script src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingOverlay/clientlibs.min.js"></script> </div> </div> </div></div> </div> <div class="vf_breadcrumb aem-GridColumn aem-GridColumn--default--12"><div id="breadcrumb"> <nav class="breadcrumbs breadcrumbs--white-transparent breadcrumbs_borders "> <div class="spring"> <p class="visually-hidden">Breadcrumbs</p> <ol class="breadcrumbs__list hide--sm hide--md"> <li class="breadcrumbs__item"> <a href="/business.html" role="button" aria-label="Início" class="breadcrumbs__crumb breadcrumbs__crumb--first"> Início </a> <svg focusable="false" aria-hidden="true" class="icon icon--extra-extra-small" v-if="!isLast('0','4')"> <use xlink:href="#icon-chevron-right"/> </svg> </li> <li class="breadcrumbs__item"> <a href="/business/comunicacoes.html" role="button" aria-label="Comunicações para Empresas" class="breadcrumbs__crumb breadcrumbs__crumb--first"> Comunicações para Empresas </a> <svg focusable="false" aria-hidden="true" class="icon icon--extra-extra-small" v-if="!isLast('1','4')"> <use xlink:href="#icon-chevron-right"/> </svg> </li> <li class="breadcrumbs__item"> <a href="/business/comunicacoes/voz.html" role="button" aria-label="Voz" class="breadcrumbs__crumb breadcrumbs__crumb--first"> Voz </a> <svg focusable="false" aria-hidden="true" class="icon icon--extra-extra-small" v-if="!isLast('2','4')"> <use xlink:href="#icon-chevron-right"/> </svg> </li> <li class="breadcrumbs__item"> Voz Móvel </li> </ol> <ul class="breadcrumbs__list hide--lg" v-cloak> <li v-if="isPreviousToLast('0','4')"> <div> <a href="/business.html" class="breadcrumbs__chevron"> <svg focusable="false" aria-hidden="true" class="icon icon--small"> <use xlink:href="#icon-chevron-right"/> </svg> </a> <a href="/business.html" class="breadcrumbs__crumb"> Início </a> </div> </li> <li v-if="isPreviousToLast('1','4')"> <div> <a href="/business/comunicacoes.html" class="breadcrumbs__chevron"> <svg focusable="false" aria-hidden="true" class="icon icon--small"> <use xlink:href="#icon-chevron-right"/> </svg> </a> <a href="/business/comunicacoes.html" class="breadcrumbs__crumb"> Comunicações para Empresas </a> </div> </li> <li v-if="isPreviousToLast('2','4')"> <div> <a href="/business/comunicacoes/voz.html" class="breadcrumbs__chevron"> <svg focusable="false" aria-hidden="true" class="icon icon--small"> <use xlink:href="#icon-chevron-right"/> </svg> </a> <a href="/business/comunicacoes/voz.html" class="breadcrumbs__crumb"> Voz </a> </div> </li> <li v-if="isPreviousToLast('3','4')"> <div> <a href="/business/comunicacoes/voz/movel.html" class="breadcrumbs__chevron"> <svg focusable="false" aria-hidden="true" class="icon icon--small"> <use xlink:href="#icon-chevron-right"/> </svg> </a> <a href="/business/comunicacoes/voz/movel.html" class="breadcrumbs__crumb"> Voz Móvel </a> </div> </li> </ul> </div> </nav> </div> <div> <script src="/etc.clientlibs/digital-commons/components/content/structure/vf_breadcrumb/clientlibs.min.js"></script> </div></div> <div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12"> <div class="section section--white flush--half " style="border-radius: 0px"> <div class="spring "> <div class="grid "> <div class="grid__item grid__item--top grid__item--align-left grid__item--sm-1/1 grid__item--md-3/4 grid__item--2/3"> <div class="vf_heading vf_parent_component"> <div class="section section__flush flush--top flush--bottom section__gutter--half--bottom " style="background-color: ; color : #333333; border-radius: 0px;"> <h1 class="heading heading--2 heading--light no-gutter--all" style="color : ;"> <span class="chevron chevron--inline chevron--inline--wrap"> <span class="chevron__text"> Voz Móvel </span> </span> </h1> </div> <script src="/etc.clientlibs/digital-myvodafone/components/content/authored/vf_parent_component/clientlibs.min.js"></script> <script src="/etc.clientlibs/digital-commons/components/content/vf_parent_component/clientlibs.min.js"></script> </div> <div class="cmp cmp-text"> <div class="section section__flush flush--top flush--bottom section__gutter--bottom " style="background-color: ; color : #333333; border-radius: 0px;"> <div class="desktopText"> <p class="heading heading--5 heading--regular no-gutter--all">Rede Móvel distinguida pela 8ª vez consecutiva pela umlaut com o selo Melhor do Teste.</p> </div> </div> </div> </div> <div class="grid__item grid__item--top grid__item--align-left grid__item--sm-1/1 grid__item--md-1/4 grid__item--1/4"> <div class="vf_image vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <div class="segmentation--container"> <picture> <source data-srcset="/content/dam/digital-sites/empresarial/comunica%C3%A7%C3%B5es/comunicacoes-voz-movel-selo-melhor-rede-movel-2024-m-640x400.png.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/comunica%C3%A7%C3%B5es/comunicacoes-voz-movel-selo-melhor-rede-movel-2024-m-640x400.png.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/comunica%C3%A7%C3%B5es/comunicacoes-voz-movel-selo-melhor-rede-movel-2024-m-640x400.png.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/comunica%C3%A7%C3%B5es/comunicacoes-voz-movel-selo-melhor-rede-movel-2024-m-640x400.png.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/comunica%C3%A7%C3%B5es/comunicacoes-voz-movel-selo-melhor-rede-movel-2024-m-640x400.png.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/> <img data-srcset="/content/dam/digital-sites/empresarial/comunica%C3%A7%C3%B5es/comunicacoes-voz-movel-selo-melhor-rede-movel-2024-m-640x400.png.png/jcr:content/renditions/cq5dam.web.1920.1000.png" alt="selo melhor rede móvel" title="Internet Móvel" class=" segmentation__image--resize lazyload"/> </picture> <noscript> <img src="/content/dam/digital-sites/empresarial/comunicações/comunicacoes-voz-movel-selo-melhor-rede-movel-2024-m-640x400.png.png" alt="selo melhor rede móvel" title="Internet Móvel"/> </noscript> </div> </div> </div> </div> </div> </div> </div> </div> <div class="vf_simpleTabs vf_parent_component aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <script>componentId="voz-movel";colorPicked="#E60000";tabSpinner="";defaultTabId="com-limite-dados";applySmoothScroll="false";tabsType="binding_tabs";</script> <input id="fadeIn" type="hidden"/> <div> <div id="spinner" style="display:block;"></div> <div class="simpTabs" id="voz-movel" style="opacity:0;" isEditMode="false"> <div> <div class="binding-tabs-navbar binding-tabs-navbar-sticky boxShadow" component-id="voz-movel" default-tab-id="com-limite-dados" style="background: #FFFFFF;"> <div class="spring"> <div class="binding-tabs-navbar-item" id="#com-limite-dados::binding-tabs-navbar-item" onClick="changeBindingTab(this); tealium_simpleTabs.methods.handleTabInteractionClick('com-limite-dados')"> <span class="binding-tabs-navbar-title"> Com limite de dados </span> <div class="binding-tabs-navbar-item-underline"></div> </div> <div class="binding-tabs-navbar-item" id="#sem-limite-dados::binding-tabs-navbar-item" onClick="changeBindingTab(this); tealium_simpleTabs.methods.handleTabInteractionClick('sem-limite-dados')"> <span class="binding-tabs-navbar-title"> Sem limite de dados </span> <div class="binding-tabs-navbar-item-underline"></div> </div> </div> </div> <div class="binding-tabs-divider"></div> <div class="binding-tabs-container-voz-movel binding-tabs-container-content" style="background: #F2F2F2;"> <div class="spring"> <div class="js-tabs-content " id="com-limite-dados::binding-tabs-navbar-content"> <div class="display--none"> <input data-table-title="Com limite de dados" type="hidden"/> <div class="vf_grid vf_parent_component"> <div class="section section__flush flush--half " style="border-radius: 0px;"> <div class="grid "> <div class="grid__item grid__item--top grid__item--align-left grid__item--sm-1/1 grid__item--md-1/1 grid__item--1/1"> <div class="vf_tiles vf_parent_component"> <div class="section section--white flush--top flush--bottom " style="border-radius: 0px"> <div id="tile-f1aa14e6-3770-491c-9f95-ff5931" class="tiles "> <div onclick="; goTo('', '_self', event);"> <div class="tiles__item tiles__item--1/1-auto noInstitutionalLayout"> <div class="tiles__content flex--row tiles--shadow__enhanced flush--all " onmouseenter="shadowHover(this, false, true)" onmouseleave="shadowHover(this, false, false)"> <div class="tiles__item tiles__eq tiles__item--sm-1/1-auto tiles__item--1/1-auto tiles_first_content"> <div class="tiles__content " style="padding: px px !important;"> </div> </div> <div class="tiles__item tiles__eq tiles__item--sm-1/1-auto tiles__item--1/1-auto verify__sons tiles_second_content"> <div class="tiles__content top_corner " style="padding: px px !important;"> <div class="vf_grid vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <div class="spring--flush spring " style="color : ;"> <div class="grid grid--gutter "> <div class="grid__item grid__item--gutter grid__item--top grid__item--align-right grid__item--sm-1/4 grid__item--md-1/12 grid__item--1/12"> <div class="vf_svg"> <span class="icon icon--fill 12 " style="width: 80px; height: 80px;"> <svg viewBox="0 0 48 48"><path style="fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(90.196078%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 61.484375 78.53125 L 80.421875 78.53125 C 83.90625 78.53125 86.734375 81.359375 86.734375 84.84375 L 86.734375 122.734375 C 86.734375 126.234375 83.90625 129.0625 80.421875 129.0625 L 61.484375 129.0625 C 57.984375 129.0625 55.15625 126.234375 55.15625 122.734375 L 55.15625 84.84375 C 55.15625 81.359375 57.984375 78.53125 61.484375 78.53125 Z M 61.484375 78.53125 " transform="matrix(0.25,0,0,0.25,0,0)"></path><path style="fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;" d="M 97.359375 40.25 L 129.890625 40.25 L 152 62.359375 L 152 146.59375 C 152 154.125 145.875 160.25 138.34375 160.25 L 96.1875 160.25 C 89.828125 160.25 84.3125 155.859375 82.875 149.671875 " transform="matrix(0.25,0,0,0.25,0,0)"></path><path style="fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(90.196078%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 107.796875 90.78125 L 126.734375 90.78125 C 130.21875 90.78125 133.046875 93.609375 133.046875 97.09375 L 133.046875 135 C 133.046875 138.484375 130.21875 141.296875 126.734375 141.3125 L 107.796875 141.3125 C 107.109375 141.296875 106.4375 141.1875 105.796875 140.984375 " transform="matrix(0.25,0,0,0.25,0,0)"></path><path style="fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;" d="M 36.203125 134.34375 L 36.203125 41.65625 C 36.21875 34.125 42.328125 28 49.875 28 L 83.578125 28 L 105.6875 50.109375 L 105.6875 134.34375 C 105.6875 137.96875 104.234375 141.4375 101.671875 144 C 99.109375 146.5625 95.625 148 92 148 L 49.875 148 C 42.328125 148 36.21875 141.875 36.203125 134.34375 Z M 36.203125 134.34375 " transform="matrix(0.25,0,0,0.25,0,0)"></path></svg> </span> <span class="visually-hidden"></span> </div> </div> <div class="grid__item grid__item--gutter grid__item--top grid__item--align-left grid__item--sm-3/4 grid__item--md-11/12 grid__item--11/12"> <div class="vf_heading vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <p class="heading heading--4 heading--bold no-gutter--all" style="color : ;"> <span class="chevron chevron--inline chevron--inline--wrap"> <span class="chevron__text"> Tarifários Biz a partir de €26,99 </span> </span> </p> </div> </div> <div class="vf_heading vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <p class="heading heading--6 heading--regular no-gutter--all" style="color : ;"> <span class="chevron chevron--inline chevron--inline--wrap"> <span class="chevron__text"> Ao adquirir 2 ou mais números </span> </span> </p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tiles__content second_content " style="padding: px px !important;"> </div> <div class="tiles__content bot_corner " style="padding: px px !important;"> </div> </div> </div> </div> </div> </div> <script>document.addEventListener('DOMContentLoaded',function(){hideShowMediaLayoutContent("noSocialMediaLayout","tile-f1aa14e6-3770-491c-9f95-ff5931");loadSvgProperties("tile-f1aa14e6-3770-491c-9f95-ff5931","","","",);setMobileDesign("tile-f1aa14e6-3770-491c-9f95-ff5931","");});</script> </div> </div> </div> </div> </div> </div> <div class="vf_toggle"> <script>toggleID="com-limite-dados-e-desconto-equipamento";showMoreCardsBtn="yes";tooltipText="Beneficia de um desconto no valor de 240€ na aquisição de equipamentos, pressupondo a ativação de um contrato de 24 meses";tooltipTextMobile="";</script> <div> <div id="toggle-top-component-com-limite-dados-e-desconto-equipamento"> </div> <div id="toggle-com-limite-dados-e-desconto-equipamento" class="flex flex-row toggle-header flex__align-items__center"> <div class=" flex"> <generic-checkbox :checkbox="{ id: 'toggleCheck', class: 'js-toggle-switch-input toggle-switch__input' }" ref="toggleCheckbox" :is-toggle="true" @input="changeToggle" checked-value="true" label-class="toggle-switch__trigger grid__item--1/10 grid__item--sm-2/9" v-model="toggleCheck"> </generic-checkbox> <div class="gutter--top half-gutter--left"> <div v-if="tooltipTextMobile === '' || tooltipText === ''"> Adesão para 2 ou + números </div> <div v-else> <tooltip-component-ws10 label="Adesão para 2 ou + números" ref="tooltipCmp" text="Beneficia de um desconto no valor de 240€ na aquisição de equipamentos, pressupondo a ativação de um contrato de 24 meses" :close-tool-tip-on-click="true"> </tooltip-component-ws10> </div> </div> </div> <div class="heading--content__pill gutter--top" style="background-color: rgb(254,203,0); color : #000000"> Desconto de 10€/mês por nº </div> <div class="gutter--top gutter--right toggle-header-rightText"> <div> <div v-if="!toggleCheck"> Preços apresentados sem IVA </div> <div v-else> Preços apresentados sem IVA </div> </div> </div> </div> <div> <div id="toggle-com-limite-dados-e-desconto-equipamento-off"> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-biz-standard" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-biz-standard-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Biz","description":"Biz Standard","formTypeE2E":"vbu-standard-postpaid","formType":"vbu-standard-postpaid","idSB":"Biz Standard único 5GB_abr2023 - 100102238 - VRE33 ; Biz Standard 5GB_abr2023 - 100102237 - VRE31","baseValue":0,"basePreviousValue":0,"useLastMobilePrice":true,"omnitureTracking":"biz-standard","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-standard-c2c').empty();dataBindingOverlay.openDialog('biz-standard-c2c','?i_id=biz-standard-c2c');bwc_loadCardOfferPlaceholder('biz-standard-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"price":31.99},{"id":3,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-standard-c2c').empty();dataBindingOverlay.openDialog('biz-standard-c2c','?i_id=biz-standard-c2c');bwc_loadCardOfferPlaceholder('biz-standard-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"price":31.99},{"id":3,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-standard-c2c').empty();dataBindingOverlay.openDialog('biz-standard-c2c','?i_id=biz-standard-c2c');bwc_loadCardOfferPlaceholder('biz-standard-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"price":31.99},{"id":3,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-standard-c2c').empty();dataBindingOverlay.openDialog('biz-standard-c2c','?i_id=biz-standard-c2c');bwc_loadCardOfferPlaceholder('biz-standard-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["bizData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["bizData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["bizData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["bizData"]}]},"bizData":{"selection":"block","options":[{"id":1,"selected":true,"display":true,"price":36.99,"speedSubtitle":"Biz Standard","description":"6 GB","descriptionE2E":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_standard","voiceInfo":{"description":"5.000 min/SMS nacionais","info":{"notes":[{"id":1,"description":"Central telefónica incluída"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"6 GB","info":{"notes":[{"id":1,"description":"Velocidade até 300 Mbps"},{"id":2,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":2,"selected":false,"display":true,"price":41.99,"speedSubtitle":"Biz Plus","description":"10 GB","descriptionE2E":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_plus","voiceInfo":{"description":"100 min/SMS internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"10 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":3,"selected":false,"display":true,"price":46.99,"speedSubtitle":"Biz Max","description":"20 GB","descriptionE2E":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_max","voiceInfo":{"description":"500 min/SMS internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"20 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","price":"+ €3,12","alias":"oneNet","title":"One Net TeamCollaboration"},{"id":2,"description":"","price":"+ €10","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/biz-standard.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-biz-standard-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-6590" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="biz-standard" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-standard","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-standard.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-standard\").empty();dataBindingOverlay.openDialog(\"biz-standard\",\"?i_id=biz-standard\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-standard\").empty();dataBindingOverlay.openDialog(\"biz-standard\",\"?i_id=biz-standard\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-standard","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-standard.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-standard\").empty();dataBindingOverlay.openDialog(\"biz-standard\",\"?i_id=biz-standard\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-standard\").empty();dataBindingOverlay.openDialog(\"biz-standard\",\"?i_id=biz-standard\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-standard\").empty();dataBindingOverlay.openDialog(\"biz-standard\",\"?i_id=biz-standard\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_biz-standard)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_biz-standard)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_biz-standard)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_biz-standard)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_biz-standard)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_biz-standard" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_biz-standard" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_biz-standard" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_biz-standard" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_biz-standard" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_biz-standard)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_biz-standard)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_biz-standard)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_biz-standard)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_biz-standard)"/> <defs> <linearGradient id="paint0_linear_1148_40647_biz-standard" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_biz-standard" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_biz-standard" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_biz-standard" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_biz-standard" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_biz-standard)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_biz-standard)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_biz-standard" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_biz-standard" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_biz-standard)"/> <defs> <linearGradient id="paint0_linear_1559_11792_biz-standard" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945biz-standard)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945biz-standard" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_biz-standard)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_biz-standard" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_biz-standard)"/> <defs> <linearGradient id="paint0_linear_1235_9152_biz-standard" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="biz-standard" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-standard","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-standard.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-standard\").empty();dataBindingOverlay.openDialog(\"biz-standard\",\"?i_id=biz-standard\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-standard\").empty();dataBindingOverlay.openDialog(\"biz-standard\",\"?i_id=biz-standard\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-standard","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-standard.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-standard\").empty();dataBindingOverlay.openDialog(\"biz-standard\",\"?i_id=biz-standard\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-standard\").empty();dataBindingOverlay.openDialog(\"biz-standard\",\"?i_id=biz-standard\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-standard\").empty();dataBindingOverlay.openDialog(\"biz-standard\",\"?i_id=biz-standard\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_bindingSubmitButton/clientlibs.min.js"></script> <script type="text/javascript" onload="loadComponent('biz-standard');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> <link rel="stylesheet" href="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.min.aaaa9d2532e2bd0382bca857063a3ccd.css" type="text/css"> </div> <script src="/etc.clientlibs/digital-commons/components/content/vf_parent_component_coral3/clientlibs.min.js"></script> </div> </div> </div></div> </div> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-biz-plus" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-biz-plus-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Biz","description":"Biz Plus","formTypeE2E":"vbu-standard-postpaid","formType":"vbu-standard-postpaid","idSB":"Biz Standard único 5GB_abr2023 - 100102238 - VRE33 ; Biz Standard 5GB_abr2023 - 100102237 - VRE31","baseValue":0,"basePreviousValue":0,"omnitureTracking":"biz-plus","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-plus-c2c').empty();dataBindingOverlay.openDialog('biz-plus-c2c','?i_id=biz-plus-c2c');bwc_loadCardOfferPlaceholder('biz-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"price":31.99},{"id":3,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-plus-c2c').empty();dataBindingOverlay.openDialog('biz-plus-c2c','?i_id=biz-plus-c2c');bwc_loadCardOfferPlaceholder('biz-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"price":31.99},{"id":3,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-plus-c2c').empty();dataBindingOverlay.openDialog('biz-plus-c2c','?i_id=biz-plus-c2c');bwc_loadCardOfferPlaceholder('biz-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €21,06","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"price":31.99},{"id":3,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-plus-c2c').empty();dataBindingOverlay.openDialog('biz-plus-c2c','?i_id=biz-plus-c2c');bwc_loadCardOfferPlaceholder('biz-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["bizData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["bizData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["bizData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["bizData"]}]},"bizData":{"selection":"block","options":[{"id":1,"selected":false,"display":true,"price":36.99,"speedSubtitle":"Biz Standard","description":"6 GB","descriptionE2E":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_standard","voiceInfo":{"description":"5.000 mins/SMS Internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"6 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":2,"selected":true,"display":true,"price":41.99,"speedSubtitle":"Biz Plus","description":"10 GB","descriptionE2E":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_plus","voiceInfo":{"description":"100 min/SMS internacionais","info":{"notes":[{"id":1,"description":"5.000 min/SMS nacionais"},{"id":2,"description":"Central telefónica incluída"},{"id":3,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"10 GB","info":{"notes":[{"id":1,"description":"+2GB partilhados"},{"id":2,"description":"Velocidade até 300 Mbps"},{"id":3,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":3,"selected":false,"display":true,"price":46.99,"speedSubtitle":"Biz Max","description":"20 GB","descriptionE2E":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_max","voiceInfo":{"description":"500 min/SMS internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"20 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Banda Larga Móvel Partilhada 1GB: <strong>+€9,50/mês</strong>","title":"Banda Larga Móvel Partilhada 1 GB","subTitle":"One Net","price":"a partir de €6,25"},{"id":2,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","title":"One Net TeamCollaboration","subTitle":"One Net","price":"+ €3,12"},{"id":3,"description":"","price":"+ €10","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/biz-plus.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-biz-plus-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-10725" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="biz-plus" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-plus","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-plus.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-plus\").empty();dataBindingOverlay.openDialog(\"biz-plus\",\"?i_id=biz-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-plus\").empty();dataBindingOverlay.openDialog(\"biz-plus\",\"?i_id=biz-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-plus","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-plus.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-plus\").empty();dataBindingOverlay.openDialog(\"biz-plus\",\"?i_id=biz-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-plus\").empty();dataBindingOverlay.openDialog(\"biz-plus\",\"?i_id=biz-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-plus\").empty();dataBindingOverlay.openDialog(\"biz-plus\",\"?i_id=biz-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_biz-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_biz-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_biz-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_biz-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_biz-plus)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_biz-plus" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_biz-plus" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_biz-plus" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_biz-plus" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_biz-plus" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_biz-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_biz-plus)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_biz-plus)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_biz-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_biz-plus)"/> <defs> <linearGradient id="paint0_linear_1148_40647_biz-plus" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_biz-plus" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_biz-plus" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_biz-plus" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_biz-plus" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_biz-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_biz-plus)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_biz-plus" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_biz-plus" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_biz-plus)"/> <defs> <linearGradient id="paint0_linear_1559_11792_biz-plus" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945biz-plus)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945biz-plus" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_biz-plus)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_biz-plus" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_biz-plus)"/> <defs> <linearGradient id="paint0_linear_1235_9152_biz-plus" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="biz-plus" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-plus","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-plus.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-plus\").empty();dataBindingOverlay.openDialog(\"biz-plus\",\"?i_id=biz-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-plus\").empty();dataBindingOverlay.openDialog(\"biz-plus\",\"?i_id=biz-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-plus","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-plus.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-plus\").empty();dataBindingOverlay.openDialog(\"biz-plus\",\"?i_id=biz-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-plus\").empty();dataBindingOverlay.openDialog(\"biz-plus\",\"?i_id=biz-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-plus\").empty();dataBindingOverlay.openDialog(\"biz-plus\",\"?i_id=biz-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('biz-plus');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-biz-max" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-biz-max-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Biz","description":"Biz Max","formTypeE2E":"vbu-standard-postpaid","formType":"vbu-standard-postpaid","idSB":"Biz Standard único 5GB_abr2023 - 100102238 - VRE33 ; Biz Standard 5GB_abr2023 - 100102237 - VRE31","baseValue":0,"basePreviousValue":0,"useLastMobilePrice":true,"omnitureTracking":"biz-max","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-max-c2c').empty();dataBindingOverlay.openDialog('biz-max-c2c','?i_id=biz-max-c2c');bwc_loadCardOfferPlaceholder('biz-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"price":31.99},{"id":3,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-max-c2c').empty();dataBindingOverlay.openDialog('biz-max-c2c','?i_id=biz-max-c2c');bwc_loadCardOfferPlaceholder('biz-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"price":31.99},{"id":3,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-max-c2c').empty();dataBindingOverlay.openDialog('biz-max-c2c','?i_id=biz-max-c2c');bwc_loadCardOfferPlaceholder('biz-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"price":31.99},{"id":3,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-max-c2c').empty();dataBindingOverlay.openDialog('biz-max-c2c','?i_id=biz-max-c2c');bwc_loadCardOfferPlaceholder('biz-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["bizData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["bizData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["bizData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["bizData"]}]},"bizData":{"selection":"block","options":[{"id":1,"selected":false,"display":true,"price":36.99,"speedSubtitle":"Biz Standard","description":"6 GB","descriptionE2E":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_standard","voiceInfo":{"description":"5.000 mins/SMS Internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"6 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":2,"selected":false,"display":true,"price":41.99,"speedSubtitle":"Biz Plus","description":"10 GB","descriptionE2E":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_plus","voiceInfo":{"description":"100 min/SMS internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"10 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":3,"selected":true,"display":true,"price":46.99,"speedSubtitle":"Biz Max","description":"20 GB","descriptionE2E":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_max","voiceInfo":{"description":"500 min/SMS internacionais","info":{"notes":[{"id":1,"description":"5.000 min/SMS nacionais"},{"id":2,"description":"Central telefónica incluída"},{"id":3,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"20 GB","info":{"notes":[{"id":1,"description":"+2GB partilhados"},{"id":2,"description":"Velocidade até 300 Mbps"},{"id":3,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Banda Larga Móvel Partilhada 1GB: <strong>+€6,50/mês</strong>","title":"Banda Larga Móvel Partilhada 1GB","price":"a partir de €6,50","subTitle":"Conectividade"},{"id":2,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","title":"One Net TeamCollaboration","price":"+ €3,12","subTitle":"Presença Digital"},{"id":3,"description":"","price":"+ €10","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/biz-max.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-biz-max-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-7689" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="biz-max" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-max","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-max.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-max\").empty();dataBindingOverlay.openDialog(\"biz-max\",\"?i_id=biz-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-max\").empty();dataBindingOverlay.openDialog(\"biz-max\",\"?i_id=biz-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-max","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-max.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-max\").empty();dataBindingOverlay.openDialog(\"biz-max\",\"?i_id=biz-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-max\").empty();dataBindingOverlay.openDialog(\"biz-max\",\"?i_id=biz-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-max\").empty();dataBindingOverlay.openDialog(\"biz-max\",\"?i_id=biz-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_biz-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_biz-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_biz-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_biz-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_biz-max)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_biz-max" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_biz-max" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_biz-max" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_biz-max" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_biz-max" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_biz-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_biz-max)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_biz-max)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_biz-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_biz-max)"/> <defs> <linearGradient id="paint0_linear_1148_40647_biz-max" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_biz-max" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_biz-max" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_biz-max" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_biz-max" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_biz-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_biz-max)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_biz-max" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_biz-max" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_biz-max)"/> <defs> <linearGradient id="paint0_linear_1559_11792_biz-max" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945biz-max)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945biz-max" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_biz-max)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_biz-max" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_biz-max)"/> <defs> <linearGradient id="paint0_linear_1235_9152_biz-max" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="biz-max" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-max","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-max.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-max\").empty();dataBindingOverlay.openDialog(\"biz-max\",\"?i_id=biz-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-max\").empty();dataBindingOverlay.openDialog(\"biz-max\",\"?i_id=biz-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-max","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-max.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-max\").empty();dataBindingOverlay.openDialog(\"biz-max\",\"?i_id=biz-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-max\").empty();dataBindingOverlay.openDialog(\"biz-max\",\"?i_id=biz-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-max\").empty();dataBindingOverlay.openDialog(\"biz-max\",\"?i_id=biz-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('biz-max');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-red-100" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> <div style="background-color:#000000; color: #ffffff;" class="binding_VBU--campaign-tag"> Black Friday </div> </div> <input id="databinding-red-100-dialogProperties" type="hidden" data-value="{"idSB":"Red Emp 100GB maio24 - 100102404 - VRE4C","descriptionSB":"","description":"Red 100 GB","descriptionE2E":"Red","fixedDescriptionHeader":"N<sup>os</sup> adicionais: €16,18/mês","formTypeE2E":"vbu-standard-postpaid","formType":"vbu-standard-postpaid","baseValue":0,"basePreviousValue":0,"omnitureTracking":"red-100gb","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":true,"display":true,"pill":{"description":"Adicione um número a partir de €16,18","backgroundColor":"#FECB00","textColor":"black"},"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}],"firstData":[{"id":1,"display":[true,false,false,false]}]},"info":{"notes":[{"id":1,"description":""}]}},{"id":2,"description":"2 números","price":0,"selected":false,"display":true,"pill":{"description":"Adicione um número a partir de €16,18","backgroundColor":"#FECB00","textColor":"black"},"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"redDataVBU":[{"id":1,"price":16.18,"display":[true,true,false,false]}]},"info":{"notes":[{"id":1,"description":""}]}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"pill":{"description":"Adicione um número a partir de €16,18","backgroundColor":"#FECB00","textColor":"black"},"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"redDataVBU":[{"id":1,"price":16.18,"display":[true,true,true,false]}]},"info":{"notes":[{"id":2,"description":""}]}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"redDataVBU":[{"id":1,"price":16.18,"display":[true,true,true,true]}]},"info":{"notes":[{"id":2,"description":""}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"quantityForAverage":1,"price":0,"description":"1º número","display":true,"expanded":false,"children":["firstData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["redDataVBU"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["redDataVBU"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["redDataVBU"]}]},"redDataVBU":{"selection":"block","options":[{"id":1,"selected":true,"display":true,"price":0,"speedSubtitle":"100 GB","description":"100 GB","descriptionE2E":"3.500 min e 3.500 SMS nacionais","purE2E":"sites.cards.pur_label_red_empresarial_100GB","info":{"notes":[{"id":1,"description":"3.500 minutos + 3.500 SMS. Roaming EEE incluído.","descriptionSummary":"3.500 minutos + 3.500 SMS. Roaming EEE incluído."}]},"voiceInfo":{"description":"3.500 min e 3.500 SMS nacionais","info":{"notes":[{"id":1,"description":""},{"id":2,"description":""},{"id":2,"description":""}]}},"dataInfo":{"description":"100 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"},{"id":2,"description":""}]}},"relations":{"numberConfigs":[{"id":2,"description":["2º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]}]}}]},"firstData":{"selection":"block","options":[{"id":1,"selected":true,"display":false,"price":16.18,"speedSubtitle":"100 GB","description":"100 GB","descriptionE2E":"3.500 min e 3.500 SMS nacionais","purE2E":"sites.cards.pur_label_red_empresarial_100GB","info":{"notes":[{"id":1,"description":"3.500 minutos + 3.500 SMS. Roaming EEE incluído.","descriptionSummary":"3.500 minutos + 3.500 SMS. Roaming EEE incluído."}]},"voiceInfo":{"description":"3.500 min e 3.500 SMS nacionais","info":{"notes":[{"id":1,"description":""},{"id":2,"description":""},{"id":2,"description":""}]}},"dataInfo":{"description":"100 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"},{"id":2,"description":""}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{firstData.speedSubtitle} <b>€#{firstData.price}/mês</b></span>"]}]}}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/red-100.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-red-100-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-1596" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" style="border: 2px solid #000000;border-radius: 0 6px 6px 6px;" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="red-100" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-100","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-100.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red\").empty();dataBindingOverlay.openDialog(\"red\",\"?i_id=red\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red\").empty();dataBindingOverlay.openDialog(\"red\",\"?i_id=red\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-100","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-100.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red\").empty();dataBindingOverlay.openDialog(\"red\",\"?i_id=red\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red\").empty();dataBindingOverlay.openDialog(\"red\",\"?i_id=red\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#red\").empty();dataBindingOverlay.openDialog(\"red\",\"?i_id=red\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_red-100)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_red-100)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_red-100)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_red-100)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_red-100)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_red-100" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_red-100" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_red-100" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_red-100" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_red-100" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_red-100)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_red-100)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_red-100)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_red-100)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_red-100)"/> <defs> <linearGradient id="paint0_linear_1148_40647_red-100" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_red-100" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_red-100" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_red-100" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_red-100" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_red-100)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_red-100)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_red-100" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_red-100" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_red-100)"/> <defs> <linearGradient id="paint0_linear_1559_11792_red-100" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945red-100)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945red-100" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_red-100)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_red-100" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_red-100)"/> <defs> <linearGradient id="paint0_linear_1235_9152_red-100" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="red-100" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-100","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-100.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red\").empty();dataBindingOverlay.openDialog(\"red\",\"?i_id=red\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red\").empty();dataBindingOverlay.openDialog(\"red\",\"?i_id=red\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-100","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-100.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red\").empty();dataBindingOverlay.openDialog(\"red\",\"?i_id=red\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red\").empty();dataBindingOverlay.openDialog(\"red\",\"?i_id=red\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#red\").empty();dataBindingOverlay.openDialog(\"red\",\"?i_id=red\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('red-100');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> </div> <div id="toggle-com-limite-dados-e-desconto-equipamento-on" isEditMode="false"> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-biz-standard-device" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-biz-standard-device-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Biz","description":"Biz Standard","formTypeE2E":"vbu-standard-postpaid","formType":"vbu-standard-postpaid","idSB":"Biz Standard único 5GB_abr2023 - 100102238 - VRE33 ; Biz Standard 5GB_abr2023 - 100102237 - VRE31","baseValue":0,"basePreviousValue":0,"useLastMobilePrice":true,"numbersToKeep":1,"fixedDescriptionHeader":"<s>€36,99/mês</s> por cartão","omnitureTracking":"biz-standard-device","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-standard-device-c2c').empty();dataBindingOverlay.openDialog('biz-standard-device-c2c','?i_id=biz-standard-device-c2c');bwc_loadCardOfferPlaceholder('biz-standard-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"display":true,"price":31.99},{"id":3,"display":true,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-standard-device-c2c').empty();dataBindingOverlay.openDialog('biz-standard-device-c2c','?i_id=biz-standard-device-c2c');bwc_loadCardOfferPlaceholder('biz-standard-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"display":true,"price":31.99},{"id":3,"display":true,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-standard-device-c2c').empty();dataBindingOverlay.openDialog('biz-standard-device-c2c','?i_id=biz-standard-device-c2c');bwc_loadCardOfferPlaceholder('biz-standard-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"display":true,"price":31.99},{"id":3,"display":true,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-standard-device-c2c').empty();dataBindingOverlay.openDialog('biz-standard-device-c2c','?i_id=biz-standard-device-c2c');bwc_loadCardOfferPlaceholder('biz-standard-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["bizData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["bizData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["bizData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["bizData"]}]},"bizData":{"selection":"block","options":[{"id":1,"selected":true,"display":true,"price":36.99,"speedSubtitle":"Biz Standard","description":"6 GB","descriptionE2E":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_standard","voiceInfo":{"description":"5.000 min/SMS nacionais","info":{"notes":[{"id":1,"description":"Central telefónica incluída"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"6 GB","info":{"notes":[{"id":1,"description":"Velocidade até 300 Mbps"},{"id":2,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":2,"selected":false,"display":true,"price":41.99,"speedSubtitle":"Biz Plus","description":"10 GB","descriptionE2E":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_plus","voiceInfo":{"description":"100 min/SMS internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"10 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":3,"selected":false,"display":true,"price":46.99,"speedSubtitle":"Biz Max","description":"20 GB","descriptionE2E":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_max","voiceInfo":{"description":"500 min/SMS internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"20 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","price":"+ €3,12","alias":"oneNet","title":"One Net TeamCollaboration"},{"id":2,"description":"","price":"+ €10","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/biz-standard-device.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-biz-standard-device-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-17025" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="biz-standard-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-standard-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-standard-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-standard-device\").empty();dataBindingOverlay.openDialog(\"biz-standard-device\",\"?i_id=biz-standard-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-standard-device\").empty();dataBindingOverlay.openDialog(\"biz-standard-device\",\"?i_id=biz-standard-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-standard-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-standard-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-standard-device\").empty();dataBindingOverlay.openDialog(\"biz-standard-device\",\"?i_id=biz-standard-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-standard-device\").empty();dataBindingOverlay.openDialog(\"biz-standard-device\",\"?i_id=biz-standard-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-standard-device\").empty();dataBindingOverlay.openDialog(\"biz-standard-device\",\"?i_id=biz-standard-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard-device\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_biz-standard-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_biz-standard-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_biz-standard-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_biz-standard-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_biz-standard-device)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_biz-standard-device" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_biz-standard-device" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_biz-standard-device" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_biz-standard-device" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_biz-standard-device" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_biz-standard-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_biz-standard-device)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_biz-standard-device)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_biz-standard-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_biz-standard-device)"/> <defs> <linearGradient id="paint0_linear_1148_40647_biz-standard-device" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_biz-standard-device" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_biz-standard-device" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_biz-standard-device" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_biz-standard-device" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_biz-standard-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_biz-standard-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_biz-standard-device" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_biz-standard-device" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_biz-standard-device)"/> <defs> <linearGradient id="paint0_linear_1559_11792_biz-standard-device" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945biz-standard-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945biz-standard-device" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_biz-standard-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_biz-standard-device" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_biz-standard-device)"/> <defs> <linearGradient id="paint0_linear_1235_9152_biz-standard-device" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="biz-standard-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-standard-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-standard-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-standard-device\").empty();dataBindingOverlay.openDialog(\"biz-standard-device\",\"?i_id=biz-standard-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-standard-device\").empty();dataBindingOverlay.openDialog(\"biz-standard-device\",\"?i_id=biz-standard-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-standard-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-standard-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-standard-device\").empty();dataBindingOverlay.openDialog(\"biz-standard-device\",\"?i_id=biz-standard-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-standard-device\").empty();dataBindingOverlay.openDialog(\"biz-standard-device\",\"?i_id=biz-standard-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-standard-device\").empty();dataBindingOverlay.openDialog(\"biz-standard-device\",\"?i_id=biz-standard-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-standard-device\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('biz-standard-device');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-biz-plus-device" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-biz-plus-device-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Biz","description":"Biz Plus","formTypeE2E":"vbu-standard-postpaid","formType":"vbu-standard-postpaid","idSB":"Biz Standard único 5GB_abr2023 - 100102238 - VRE33 ; Biz Standard 5GB_abr2023 - 100102237 - VRE31","baseValue":0,"basePreviousValue":0,"useLastMobilePrice":true,"numbersToKeep":1,"fixedDescriptionHeader":"<s>€41,99/mês</s> por cartão","omnitureTracking":"biz-plus-device","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-plus-device-c2c').empty();dataBindingOverlay.openDialog('biz-plus-device-c2c','?i_id=biz-plus-device-c2c');bwc_loadCardOfferPlaceholder('biz-plus-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"display":true,"price":31.99},{"id":3,"display":true,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-plus-device-c2c').empty();dataBindingOverlay.openDialog('biz-plus-device-c2c','?i_id=biz-plus-device-c2c');bwc_loadCardOfferPlaceholder('biz-plus-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"display":true,"price":31.99},{"id":3,"display":true,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-plus-device-c2c').empty();dataBindingOverlay.openDialog('biz-plus-device-c2c','?i_id=biz-plus-device-c2c');bwc_loadCardOfferPlaceholder('biz-plus-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"display":true,"price":31.99},{"id":3,"display":true,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-plus-device-c2c').empty();dataBindingOverlay.openDialog('biz-plus-device-c2c','?i_id=biz-plus-device-c2c');bwc_loadCardOfferPlaceholder('biz-plus-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["bizData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["bizData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["bizData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["bizData"]}]},"bizData":{"selection":"block","options":[{"id":1,"selected":false,"display":true,"price":36.99,"speedSubtitle":"Biz Standard","description":"6 GB","descriptionE2E":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_standard","voiceInfo":{"description":"5.000 mins/SMS Internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"6 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":2,"selected":true,"display":true,"price":41.99,"speedSubtitle":"Biz Plus","description":"10 GB","descriptionE2E":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_plus","voiceInfo":{"description":"100 min/SMS internacionais","info":{"notes":[{"id":1,"description":"5.000 min/SMS nacionais"},{"id":2,"description":"Central telefónica incluída"},{"id":3,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"10 GB","info":{"notes":[{"id":1,"description":"+2GB partilhados"},{"id":2,"description":"Velocidade até 300 Mbps"},{"id":3,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":3,"selected":false,"display":true,"price":46.99,"speedSubtitle":"Biz Max","description":"20 GB","descriptionE2E":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_max","voiceInfo":{"description":"500 min/SMS internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"20 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>€#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Banda Larga Móvel Partilhada 1GB: <strong>+€9,50/mês</strong>","title":"Banda Larga Móvel Partilhada 1 GB","subTitle":"One Net","price":"a partir de €6,25"},{"id":2,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","title":"One Net TeamCollaboration","subTitle":"One Net","price":"+ €3,12"},{"id":3,"description":"","price":"+ €10","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/biz-plus-device.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-biz-plus-device-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-67013" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="biz-plus-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-plus-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-plus-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-plus-device\").empty();dataBindingOverlay.openDialog(\"biz-plus-device\",\"?i_id=biz-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-plus-device\").empty();dataBindingOverlay.openDialog(\"biz-plus-device\",\"?i_id=biz-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-plus-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-plus-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-plus-device\").empty();dataBindingOverlay.openDialog(\"biz-plus-device\",\"?i_id=biz-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-plus-device\").empty();dataBindingOverlay.openDialog(\"biz-plus-device\",\"?i_id=biz-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-plus-device\").empty();dataBindingOverlay.openDialog(\"biz-plus-device\",\"?i_id=biz-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus-device\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_biz-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_biz-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_biz-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_biz-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_biz-plus-device)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_biz-plus-device" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_biz-plus-device" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_biz-plus-device" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_biz-plus-device" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_biz-plus-device" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_biz-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_biz-plus-device)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_biz-plus-device)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_biz-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_biz-plus-device)"/> <defs> <linearGradient id="paint0_linear_1148_40647_biz-plus-device" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_biz-plus-device" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_biz-plus-device" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_biz-plus-device" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_biz-plus-device" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_biz-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_biz-plus-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_biz-plus-device" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_biz-plus-device" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_biz-plus-device)"/> <defs> <linearGradient id="paint0_linear_1559_11792_biz-plus-device" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945biz-plus-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945biz-plus-device" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_biz-plus-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_biz-plus-device" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_biz-plus-device)"/> <defs> <linearGradient id="paint0_linear_1235_9152_biz-plus-device" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="biz-plus-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-plus-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-plus-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-plus-device\").empty();dataBindingOverlay.openDialog(\"biz-plus-device\",\"?i_id=biz-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-plus-device\").empty();dataBindingOverlay.openDialog(\"biz-plus-device\",\"?i_id=biz-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-plus-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-plus-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-plus-device\").empty();dataBindingOverlay.openDialog(\"biz-plus-device\",\"?i_id=biz-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-plus-device\").empty();dataBindingOverlay.openDialog(\"biz-plus-device\",\"?i_id=biz-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-plus-device\").empty();dataBindingOverlay.openDialog(\"biz-plus-device\",\"?i_id=biz-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-plus-device\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('biz-plus-device');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-biz-max-device" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-biz-max-device-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Biz","description":"Biz Max","formTypeE2E":"vbu-standard-postpaid","formType":"vbu-standard-postpaid","idSB":"Biz Standard único 5GB_abr2023 - 100102238 - VRE33 ; Biz Standard 5GB_abr2023 - 100102237 - VRE31","baseValue":0,"basePreviousValue":0,"useLastMobilePrice":true,"numbersToKeep":1,"fixedDescriptionHeader":"<s>€46,99/mês</s> por cartão","omnitureTracking":"biz-max-device","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-max-device-c2c').empty();dataBindingOverlay.openDialog('biz-max-device-c2c','?i_id=biz-max-device-c2c');bwc_loadCardOfferPlaceholder('biz-max-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"display":true,"price":31.99},{"id":3,"display":true,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-max-device-c2c').empty();dataBindingOverlay.openDialog('biz-max-device-c2c','?i_id=biz-max-device-c2c');bwc_loadCardOfferPlaceholder('biz-max-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"display":true,"price":31.99},{"id":3,"display":true,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-max-device-c2c').empty();dataBindingOverlay.openDialog('biz-max-device-c2c','?i_id=biz-max-device-c2c');bwc_loadCardOfferPlaceholder('biz-max-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €26,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"bizData":[{"id":1,"price":26.99},{"id":2,"display":true,"price":31.99},{"id":3,"display":true,"price":36.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#biz-max-device-c2c').empty();dataBindingOverlay.openDialog('biz-max-device-c2c','?i_id=biz-max-device-c2c');bwc_loadCardOfferPlaceholder('biz-max-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["bizData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["bizData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["bizData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["bizData"]}]},"bizData":{"selection":"block","options":[{"id":1,"selected":false,"display":true,"price":36.99,"speedSubtitle":"Biz Standard","description":"6 GB","descriptionE2E":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_standard","voiceInfo":{"description":"5.000 mins/SMS Internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"6 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":2,"selected":false,"display":true,"price":41.99,"speedSubtitle":"Biz Plus","description":"10 GB","descriptionE2E":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_plus","voiceInfo":{"description":"100 min/SMS internacionais","info":{"notes":[{"id":1,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"10 GB","info":{"notes":[{"id":1,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"100 min/SMS Europa, 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído."}]}},{"id":3,"selected":true,"display":true,"price":46.99,"speedSubtitle":"Biz Max","description":"20 GB","descriptionE2E":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído.","purE2E":"sites.cards.pur_label_biz_max","voiceInfo":{"description":"500 min/SMS internacionais","info":{"notes":[{"id":1,"description":"5.000 min/SMS nacionais"},{"id":2,"description":"Central telefónica incluída"},{"id":3,"description":"Número fixo no telemóvel incluído"}]}},"dataInfo":{"description":"20 GB","info":{"notes":[{"id":1,"description":"+2GB partilhados"},{"id":2,"description":"Velocidade até 300 Mbps"},{"id":3,"description":"Roaming EEE"}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{bizData.speedSubtitle} <b>#{bizData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"500 min/SMS Europa, EUA e Canadá e 5.000 min/SMS nacionais. Roaming EEE e número fixo no telemóvel incluído"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Banda Larga Móvel Partilhada 1GB: <strong>+€6,50/mês</strong>","descriptionE2E":"","alias":"","title":"Banda Larga Móvel Partilhada 1GB","price":"a partir de €6,50","subTitle":"Conectividade"},{"id":2,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","descriptionE2E":"","alias":"","title":"One Net TeamCollaboration","price":"+ €3,12","subTitle":"Presença Digital"},{"id":3,"description":"","price":"+ €10","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/biz-max-device.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-biz-max-device-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-19612" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="biz-max-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-max-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-max-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-max-device\").empty();dataBindingOverlay.openDialog(\"biz-max-device\",\"?i_id=biz-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-max-device\").empty();dataBindingOverlay.openDialog(\"biz-max-device\",\"?i_id=biz-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-max-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-max-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-max-device\").empty();dataBindingOverlay.openDialog(\"biz-max-device\",\"?i_id=biz-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-max-device\").empty();dataBindingOverlay.openDialog(\"biz-max-device\",\"?i_id=biz-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-max-device\").empty();dataBindingOverlay.openDialog(\"biz-max-device\",\"?i_id=biz-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max-device\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_biz-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_biz-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_biz-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_biz-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_biz-max-device)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_biz-max-device" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_biz-max-device" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_biz-max-device" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_biz-max-device" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_biz-max-device" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_biz-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_biz-max-device)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_biz-max-device)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_biz-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_biz-max-device)"/> <defs> <linearGradient id="paint0_linear_1148_40647_biz-max-device" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_biz-max-device" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_biz-max-device" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_biz-max-device" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_biz-max-device" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_biz-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_biz-max-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_biz-max-device" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_biz-max-device" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_biz-max-device)"/> <defs> <linearGradient id="paint0_linear_1559_11792_biz-max-device" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945biz-max-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945biz-max-device" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_biz-max-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_biz-max-device" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_biz-max-device)"/> <defs> <linearGradient id="paint0_linear_1235_9152_biz-max-device" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="biz-max-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-max-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-max-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-max-device\").empty();dataBindingOverlay.openDialog(\"biz-max-device\",\"?i_id=biz-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-max-device\").empty();dataBindingOverlay.openDialog(\"biz-max-device\",\"?i_id=biz-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"biz-max-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/biz-max-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#biz-max-device\").empty();dataBindingOverlay.openDialog(\"biz-max-device\",\"?i_id=biz-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#biz-max-device\").empty();dataBindingOverlay.openDialog(\"biz-max-device\",\"?i_id=biz-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#biz-max-device\").empty();dataBindingOverlay.openDialog(\"biz-max-device\",\"?i_id=biz-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"biz-max-device\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('biz-max-device');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> </div> <div class="binding-tabs-container-content-button-container"> <button v-if="showButton" id="showMoreContent-com-limite-dados-e-desconto-equipamento" class="binding-tabs-container-content-button" @click="showMoreContent">Ver mais tarifários</button> </div> </div> </div> <script id="genericCheckbox" type="text/x-template" xmlns:v-on="http://www.w3.org/1999/xhtml"> <div :id="containerId" :class="[{'gutter--top': !isVbu}, containerClass]"> <label :class="labelClass ? labelClass : 'generic-checkbox__container'"> <input :required="required" :id="checkbox.id" :name="checkbox.id" type="checkbox" v-on:change="updateValue($event.target.checked)" v-model="isChecked" :disabled="disabled" :class="checkbox.class" :checked="checkedValue">  <span v-if="!isToggle" :id="errorId" :class="[{'invalid': error && required || error, 'disable-citizen-card' : disabled }, 'generic-checkbox__checkmark']"> </span> <div v-if="isToggle" class="toggle-switch__indicator-wrapper"> <span :id="toggleSpanId" :class="['toggle-switch__indicator no-gutter--left', {'toggle-switch__indicator-disabled' : disabled}]"> <span v-if="isChecked" :class="['toggle-switch__indication', {'toggle-switch__indication-disabled' : disabled}]"> <svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7883 1.45417L4.24248 8.00001L1.33331 5.09084" stroke="#00697C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/> </svg> </span> <span v-else :class="['toggle-switch__indication', {'toggle-switch__indication-disabled' : disabled}]"> <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.75 9.25L9.25 2.75M9.25 9.25L2.75 2.75" stroke="#7E7E7E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </span> </div> </label>   <small :class="['align--middle', {'form__label--required': required}, textClass]" v-html="contentText" v-if="contentText" :id="checkbox.id + 'Label'"> </small>  <div class="grid__item grid__item--9/10 grid__item--sm-7/9 grid__item--sm-align-left" v-if="toggleSubtitle"> <span class="toggle-switch__title f6vf_fixedSubscriptions__grayBoxSubtitle" v-html="toggleSubtitle"></span> </div> </div> </script> <link rel="stylesheet" href="/etc.clientlibs/digital-commons/components/content/hidden/vf_genericCheckbox/clientlibs.min.d8a8bb237a9d397ccbc9c0a133e9fb93.css" type="text/css"> <script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_genericCheckbox/clientlibs.min.js"></script> <script id="tooltipCmpWS10" type="text/x-template"> <span :class="[tooltipContainerClass]"> <div class="hide--sm" :class="[cssClass, {'simple-tooltip__mouse-hover': isMouseHover, 'simple-tooltip': simpleTooltip}, tooltipClass != '' ? 'tooltip--' + tooltipClass : '']" :style="inlineStyle">  <div class="simple-tooltip__link"> <slot name="insideContent"></slot> <template v-if="!hasSlotDesktop"> <template v-if="showLabel && !labelAlignRight"> <b v-if="labelIsBold" :class="[labelClass, 'align--middle']">{{label}}</b> <span v-else :class="[labelClass, 'align--middle']">{{label}}</span> </template> <span @click="toggleInfo()" class="cursor__pointer" :class="{'half-gutter--left': !labelAlignRight}"> <svg focusable="false" aria-hidden="true" :class="['icon icon--extra-small', svgClass]"> <use xlink:href="#icon-info-circle"></use> </svg> </span> <template v-if="labelAlignRight"> <b v-if="labelIsBold" :class="[labelClass, 'align--middle']">{{label}}</b> <span v-else :class="[labelClass, 'align--middle']">{{label}}</span> </template> </template> </div> <div v-if="isMouseHover" class="simple-tooltip__content" v-html="text"> </div> <template v-else> <div @click.stop="toggleInfo(true)" v-if="infoVisible" class="simple-tooltip__content cursor__pointer" :class="[spanClass]" :id="dialogId" style="display: block !important;" v-html="text"> </div> </template> </div> <div class="hide--lg hide--md" :class="[mobCssClass, {'simple-tooltip': simpleTooltip}, tooltipClass != '' ? 'tooltip--' + tooltipClass : '']"> <div class="simple-tooltip__link"> <slot name="insideContentMobile"></slot> <template v-if="!hasSlotMobile"> <template v-if="showLabel && !labelAlignRight"> <b v-if="labelIsBold" :class="[labelClass, 'align--middle']">{{mobLabel}}</b> <span v-else :class="[labelClass, 'align--middle']">{{mobLabel}}</span> </template> <span @click="toggleInfo()" class="cursor__pointer" :class="{'half-gutter--left': !labelAlignRight}"> <svg focusable="false" aria-hidden="true" :class="['icon icon--extra-small', svgClass]"> <use xlink:href="#icon-info-circle"></use> </svg> </span> <template v-if="labelAlignRight"> <b v-if="labelIsBold" :class="[labelClass, 'align--middle']">{{mobLabel}}</b> <span v-else :class="[labelClass, 'align--middle']">{{mobLabel}}</span> </template> </template> </div> <div @click.stop="toggleInfo(true)" v-if="infoVisible" class="simple-tooltip__content cursor__pointer" :class="[spanClass]" :id="dialogId" style="display: block !important;" v-html="mobText"> </div> </div> </span> </script> <script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_tooltipWS10/clientlibs.min.js"></script> <script src="/etc.clientlibs/digital-commons/components/content/authored/vf_toggle/clientlibs.d6438637d3cc216ede0a1c93b11446b4.js" type="text/javascript"></script> <link rel="stylesheet" href="/etc.clientlibs/digital-commons/components/content/authored/vf_toggle/clientlibs.min.0127229f8dd896f568978eb033b65735.css" type="text/css"> </div> </div> </div> <div class="js-tabs-content " id="sem-limite-dados::binding-tabs-navbar-content"> <div class="display--none"> <input data-table-title="Sem limite de dados" type="hidden"/> <div class="vf_grid vf_parent_component"> <div class="section section__flush flush--half " style="border-radius: 0px;"> <div class="grid "> <div class="grid__item grid__item--top grid__item--align-left grid__item--sm-1/1 grid__item--md-1/1 grid__item--1/1"> <div class="vf_tiles vf_parent_component"> <div class="section section--white flush--top flush--bottom " style="border-radius: 0px"> <div id="tile-9b1f366c-4b75-40ed-b9dd-42e50a" class="tiles "> <div onclick="; goTo('', '_self', event);"> <div class="tiles__item tiles__item--1/1-auto noInstitutionalLayout"> <div class="tiles__content flex--row tiles--shadow__enhanced flush--all " onmouseenter="shadowHover(this, false, true)" onmouseleave="shadowHover(this, false, false)"> <div class="tiles__item tiles__eq tiles__item--sm-1/1-auto tiles__item--1/1-auto tiles_first_content"> <div class="tiles__content " style="padding: px px !important;"> </div> </div> <div class="tiles__item tiles__eq tiles__item--sm-1/1-auto tiles__item--1/1-auto verify__sons tiles_second_content"> <div class="tiles__content top_corner " style="padding: px px !important;"> <div class="vf_grid vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <div class="grid grid--gutter equalrows" data-equal="p"> <div class="grid__item grid__item--gutter grid__item--top grid__item--align-right grid__item--sm-1/4 grid__item--md-1/12 grid__item--1/12"> <div class="vf_svg"> <span class="icon icon--fill 12 " style="width: 80px; height: 80px;"> <svg viewBox="0 0 48 48"><path style="fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(90.196078%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 61.484375 78.53125 L 80.421875 78.53125 C 83.90625 78.53125 86.734375 81.359375 86.734375 84.84375 L 86.734375 122.734375 C 86.734375 126.234375 83.90625 129.0625 80.421875 129.0625 L 61.484375 129.0625 C 57.984375 129.0625 55.15625 126.234375 55.15625 122.734375 L 55.15625 84.84375 C 55.15625 81.359375 57.984375 78.53125 61.484375 78.53125 Z M 61.484375 78.53125 " transform="matrix(0.25,0,0,0.25,0,0)"></path><path style="fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;" d="M 97.359375 40.25 L 129.890625 40.25 L 152 62.359375 L 152 146.59375 C 152 154.125 145.875 160.25 138.34375 160.25 L 96.1875 160.25 C 89.828125 160.25 84.3125 155.859375 82.875 149.671875 " transform="matrix(0.25,0,0,0.25,0,0)"></path><path style="fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(90.196078%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 107.796875 90.78125 L 126.734375 90.78125 C 130.21875 90.78125 133.046875 93.609375 133.046875 97.09375 L 133.046875 135 C 133.046875 138.484375 130.21875 141.296875 126.734375 141.3125 L 107.796875 141.3125 C 107.109375 141.296875 106.4375 141.1875 105.796875 140.984375 " transform="matrix(0.25,0,0,0.25,0,0)"></path><path style="fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(20%,20%,20%);stroke-opacity:1;stroke-miterlimit:4;" d="M 36.203125 134.34375 L 36.203125 41.65625 C 36.21875 34.125 42.328125 28 49.875 28 L 83.578125 28 L 105.6875 50.109375 L 105.6875 134.34375 C 105.6875 137.96875 104.234375 141.4375 101.671875 144 C 99.109375 146.5625 95.625 148 92 148 L 49.875 148 C 42.328125 148 36.21875 141.875 36.203125 134.34375 Z M 36.203125 134.34375 " transform="matrix(0.25,0,0,0.25,0,0)"></path></svg> </span> <span class="visually-hidden"></span> </div> </div> <div class="grid__item grid__item--gutter grid__item--top grid__item--align-left grid__item--sm-3/4 grid__item--md-11/12 grid__item--11/12"> <div class="vf_heading vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <p class="heading heading--4 heading--bold no-gutter--all" style="color : ;"> <span class="chevron chevron--inline chevron--inline--wrap"> <span class="chevron__text"> Tarifários Infinity a partir de €38,99 </span> </span> </p> </div> </div> <div class="vf_heading vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <p class="heading heading--6 heading--regular no-gutter--all" style="color : ;"> <span class="chevron chevron--inline chevron--inline--wrap"> <span class="chevron__text"> Ao adquirir 2 ou mais números </span> </span> </p> </div> </div> </div> </div> </div> </div> </div> <div class="tiles__content second_content " style="padding: px px !important;"> </div> <div class="tiles__content bot_corner " style="padding: px px !important;"> </div> </div> </div> </div> </div> </div> <script>document.addEventListener('DOMContentLoaded',function(){hideShowMediaLayoutContent("noSocialMediaLayout","tile-9b1f366c-4b75-40ed-b9dd-42e50a");loadSvgProperties("tile-9b1f366c-4b75-40ed-b9dd-42e50a","","","",);setMobileDesign("tile-9b1f366c-4b75-40ed-b9dd-42e50a","");});</script> </div> </div> </div> </div> </div> </div> <div class="vf_toggle"> <script>toggleID="sem-limite-dados-e-desconto-equipamento";showMoreCardsBtn="yes";tooltipText="Beneficia de um desconto no valor de 240€ na aquisição de equipamentos, pressupondo a ativação de um contrato de 24 meses";tooltipTextMobile="";</script> <div> <div id="toggle-top-component-sem-limite-dados-e-desconto-equipamento"> </div> <div id="toggle-sem-limite-dados-e-desconto-equipamento" class="flex flex-row toggle-header flex__align-items__center"> <div class=" flex"> <generic-checkbox :checkbox="{ id: 'toggleCheck', class: 'js-toggle-switch-input toggle-switch__input' }" ref="toggleCheckbox" :is-toggle="true" @input="changeToggle" checked-value="true" label-class="toggle-switch__trigger grid__item--1/10 grid__item--sm-2/9" v-model="toggleCheck"> </generic-checkbox> <div class="gutter--top half-gutter--left"> <div v-if="tooltipTextMobile === '' || tooltipText === ''"> Adesão para 2 ou + números </div> <div v-else> <tooltip-component-ws10 label="Adesão para 2 ou + números" ref="tooltipCmp" text="Beneficia de um desconto no valor de 240€ na aquisição de equipamentos, pressupondo a ativação de um contrato de 24 meses" :close-tool-tip-on-click="true"> </tooltip-component-ws10> </div> </div> </div> <div class="heading--content__pill gutter--top" style="background-color: rgb(254,203,0); color : #000000"> Desconto de 10€/mês por nº </div> <div class="gutter--top gutter--right toggle-header-rightText"> <div> <div v-if="!toggleCheck"> Preços apresentados sem IVA </div> <div v-else> Preços apresentados sem IVA </div> </div> </div> </div> <div> <div id="toggle-sem-limite-dados-e-desconto-equipamento-off"> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-infinity-plus" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-infinity-plus-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Infinity","description":"Infinity Plus","formTypeE2E":"vbu-standard","formType":"vbu-standard-postpaid","idSB":"Infinity Prime único 1Gbps_abr2023 - 100102248 - VRE3D ; Infinity Prime 1Gbps_abr2023 - 100102247 - VRE3C","baseValue":0,"basePreviousValue":0,"omnitureTracking":"infinity-plus","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-plus-c2c').empty();dataBindingOverlay.openDialog('infinity-plus-c2c','?i_id=infinity-plus-c2c');bwc_loadCardOfferPlaceholder('infinity-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-plus-c2c').empty();dataBindingOverlay.openDialog('infinity-plus-c2c','?i_id=infinity-plus-c2c');bwc_loadCardOfferPlaceholder('infinity-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-plus-c2c').empty();dataBindingOverlay.openDialog('infinity-plus-c2c','?i_id=infinity-plus-c2c');bwc_loadCardOfferPlaceholder('infinity-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-plus-c2c').empty();dataBindingOverlay.openDialog('infinity-plus-c2c','?i_id=infinity-plus-c2c');bwc_loadCardOfferPlaceholder('infinity-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["infinityData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["infinityData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["infinityData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["infinityData"]}]},"infinityData":{"selection":"block","options":[{"id":1,"selected":true,"display":true,"price":48.99,"speedSubtitle":"Infinity Plus","description":"Plus 20 Mbps","descriptionE2E":"Plus 20 Mbps","purE2E":"sites.cards.pur_label_infinity_plus","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 20 Mbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"200 Min/SMS internacionais","info":{"notes":[{"id":1,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Central telefónica incluída"},{"id":3,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"200 min/SMS internacionais, Europa, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"200 min/SMS internacionais, Europa, Min/SMS/MMS nacionais ilimitados"}]}},{"id":2,"selected":false,"display":true,"price":58.99,"speedSubtitle":"Infinity Max","description":"Max 1 Gbps","descriptionE2E":"Max 1 Gbps","purE2E":"sites.cards.pur_label_infinity_max","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"1000 Min/SMS internacionais","info":{"notes":[{"id":1,"description":"Europa, EUA e Canadá, Países VDFP, PALOP’s, China e Brasil"},{"id":2,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados"}]}},{"id":3,"selected":false,"display":true,"price":99.99,"speedSubtitle":"Infinity Prime","description":"Prime 1 Gbps","descriptionE2E":"Prime 1 Gbps","purE2E":"sites.cards.pur_label_infinity_prime","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"2000 Min/SMS internacionais","info":{"notes":[{"id":1,"description":"Europa, EUA e Canadá, Países VDFP, PALOP’s, China e Brasil"},{"id":2,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"2000 min/SMS internacionais, Europa, EUA e Canadá, Países VDF, PALOP’s, China e Brasil, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"2000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Banda Larga Móvel com 75GB: <strong>+€17,50/mês</strong>","title":"Banda Larga Móvel com 75GB","price":"a partir de €6,50","subTitle":"Conectividade"},{"id":2,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","title":"One Net TeamCollaboration","price":"+ €3,12","subTitle":"Presença Digital"},{"id":3,"description":"","price":"+ €10","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]},"divider":{"selection":"block","options":[{"id":1,"description":"","selected":true,"display":true,"price":0}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-plus.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-infinity-plus-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-12496" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="infinity-plus" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-plus","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-plus.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-plus\").empty();dataBindingOverlay.openDialog(\"infinity-plus\",\"?i_id=infinity-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-plus\").empty();dataBindingOverlay.openDialog(\"infinity-plus\",\"?i_id=infinity-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-plus","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-plus.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-plus\").empty();dataBindingOverlay.openDialog(\"infinity-plus\",\"?i_id=infinity-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-plus\").empty();dataBindingOverlay.openDialog(\"infinity-plus\",\"?i_id=infinity-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-plus\").empty();dataBindingOverlay.openDialog(\"infinity-plus\",\"?i_id=infinity-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_infinity-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_infinity-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_infinity-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_infinity-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_infinity-plus)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_infinity-plus" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_infinity-plus" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_infinity-plus" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_infinity-plus" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_infinity-plus" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_infinity-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_infinity-plus)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_infinity-plus)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_infinity-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_infinity-plus)"/> <defs> <linearGradient id="paint0_linear_1148_40647_infinity-plus" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_infinity-plus" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_infinity-plus" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_infinity-plus" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_infinity-plus" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_infinity-plus)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_infinity-plus)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_infinity-plus" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_infinity-plus" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_infinity-plus)"/> <defs> <linearGradient id="paint0_linear_1559_11792_infinity-plus" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945infinity-plus)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945infinity-plus" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_infinity-plus)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_infinity-plus" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_infinity-plus)"/> <defs> <linearGradient id="paint0_linear_1235_9152_infinity-plus" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="infinity-plus" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-plus","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-plus.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-plus\").empty();dataBindingOverlay.openDialog(\"infinity-plus\",\"?i_id=infinity-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-plus\").empty();dataBindingOverlay.openDialog(\"infinity-plus\",\"?i_id=infinity-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-plus","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-plus.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-plus\").empty();dataBindingOverlay.openDialog(\"infinity-plus\",\"?i_id=infinity-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-plus\").empty();dataBindingOverlay.openDialog(\"infinity-plus\",\"?i_id=infinity-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-plus\").empty();dataBindingOverlay.openDialog(\"infinity-plus\",\"?i_id=infinity-plus\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('infinity-plus');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-infinity-max" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-infinity-max-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Infinity","description":"Infinity Max","formTypeE2E":"vbu-standard","formType":"vbu-standard-postpaid","idSB":"Infinity Prime único 1Gbps_abr2023 - 100102248 - VRE3D ; Infinity Prime 1Gbps_abr2023 - 100102247 - VRE3C","baseValue":0,"basePreviousValue":0,"omnitureTracking":"infinity-max","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-max-c2c').empty();dataBindingOverlay.openDialog('infinity-max-c2c','?i_id=infinity-max-c2c');bwc_loadCardOfferPlaceholder('infinity-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-max-c2c').empty();dataBindingOverlay.openDialog('infinity-max-c2c','?i_id=infinity-max-c2c');bwc_loadCardOfferPlaceholder('infinity-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-max-c2c').empty();dataBindingOverlay.openDialog('infinity-max-c2c','?i_id=infinity-max-c2c');bwc_loadCardOfferPlaceholder('infinity-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-max-c2c').empty();dataBindingOverlay.openDialog('infinity-max-c2c','?i_id=infinity-max-c2c');bwc_loadCardOfferPlaceholder('infinity-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["infinityData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["infinityData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["infinityData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["infinityData"]}]},"infinityData":{"selection":"block","options":[{"id":1,"selected":false,"display":true,"price":48.99,"speedSubtitle":"Infinity Plus","description":"Plus 20 Mbps","descriptionE2E":"Plus 20 Mbps","purE2E":"sites.cards.pur_label_infinity_plus","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"200 Min/SMS internacionais","info":{"notes":[{"id":1,"description":"Europa"},{"id":2,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"200 min/SMS internacionais, Europa, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"200 min/SMS internacionais, Europa, Min/SMS/MMS nacionais ilimitados"}]}},{"id":2,"selected":true,"display":true,"price":58.99,"speedSubtitle":"Infinity Max","description":"Max 1 Gbps","descriptionE2E":"Max 1 Gbps","purE2E":"sites.cards.pur_label_infinity_max","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"1000 Min/SMS internacionais","info":{"notes":[{"id":1,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Central telefónica incluída"},{"id":3,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados"}]}},{"id":3,"selected":false,"display":true,"price":99.99,"speedSubtitle":"Infinity Prime","description":"Prime 1 Gbps","descriptionE2E":"Prime 1 Gbps","purE2E":"sites.cards.pur_label_infinity_prime","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"2000 Min/SMS internacionais","info":{"notes":[{"id":1,"description":"Europa, EUA e Canadá, Países VDFP, PALOP’s, China e Brasil"},{"id":2,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"2000 min/SMS internacionais, Europa, EUA e Canadá, Países VDF, PALOP’s, China e Brasil, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"2000 min/SMS internacionais, Europa, EUA e Canadá, Países VDF, PALOP’s, China e Brasil, Min/SMS/MMS nacionais ilimitados"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Banda Larga Móvel com 75GB: <strong>+€14,50/mês</strong>","descriptionE2E":"","alias":"","title":"Banda Larga Móvel com 75GB","price":"a partir de €6,50","subTitle":"Conectividade"},{"id":2,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","descriptionE2E":"","alias":"","title":"One Net TeamCollaboration","price":"+ €3,12","subTitle":"Presença Digital"},{"id":2,"description":"","price":"+ €10","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]},"divider":{"selection":"block","options":[{"id":1,"description":"","selected":true,"display":true,"price":0}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-max.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-infinity-max-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-4649" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="infinity-max" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-max","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-max.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-max\").empty();dataBindingOverlay.openDialog(\"infinity-max\",\"?i_id=infinity-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-max\").empty();dataBindingOverlay.openDialog(\"infinity-max\",\"?i_id=infinity-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-max","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-max.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-max\").empty();dataBindingOverlay.openDialog(\"infinity-max\",\"?i_id=infinity-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-max\").empty();dataBindingOverlay.openDialog(\"infinity-max\",\"?i_id=infinity-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-max\").empty();dataBindingOverlay.openDialog(\"infinity-max\",\"?i_id=infinity-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_infinity-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_infinity-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_infinity-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_infinity-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_infinity-max)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_infinity-max" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_infinity-max" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_infinity-max" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_infinity-max" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_infinity-max" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_infinity-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_infinity-max)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_infinity-max)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_infinity-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_infinity-max)"/> <defs> <linearGradient id="paint0_linear_1148_40647_infinity-max" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_infinity-max" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_infinity-max" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_infinity-max" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_infinity-max" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_infinity-max)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_infinity-max)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_infinity-max" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_infinity-max" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_infinity-max)"/> <defs> <linearGradient id="paint0_linear_1559_11792_infinity-max" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945infinity-max)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945infinity-max" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_infinity-max)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_infinity-max" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_infinity-max)"/> <defs> <linearGradient id="paint0_linear_1235_9152_infinity-max" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="infinity-max" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-max","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-max.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-max\").empty();dataBindingOverlay.openDialog(\"infinity-max\",\"?i_id=infinity-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-max\").empty();dataBindingOverlay.openDialog(\"infinity-max\",\"?i_id=infinity-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-max","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-max.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-max\").empty();dataBindingOverlay.openDialog(\"infinity-max\",\"?i_id=infinity-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-max\").empty();dataBindingOverlay.openDialog(\"infinity-max\",\"?i_id=infinity-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-max\").empty();dataBindingOverlay.openDialog(\"infinity-max\",\"?i_id=infinity-max\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('infinity-max');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-infinity-prime" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-infinity-prime-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Infinity","description":"Infinity Prime","formTypeE2E":"vbu-standard","formType":"vbu-standard-postpaid","idSB":"Infinity Prime único 1Gbps_abr2023 - 100102248 - VRE3D ; Infinity Prime 1Gbps_abr2023 - 100102247 - VRE3C","baseValue":0,"basePreviousValue":0,"useLastMobilePrice":true,"numbersToKeep":1,"fixedDescriptionHeader":"","omnitureTracking":"infinity-prime","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-prime-c2c').empty();dataBindingOverlay.openDialog('infinity-prime-c2c','?i_id=infinity-prime-c2c');bwc_loadCardOfferPlaceholder('infinity-prime-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-prime-c2c').empty();dataBindingOverlay.openDialog('infinity-prime-c2c','?i_id=infinity-prime-c2c');bwc_loadCardOfferPlaceholder('infinity-prime-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-prime-c2c').empty();dataBindingOverlay.openDialog('infinity-prime-c2c','?i_id=infinity-prime-c2c');bwc_loadCardOfferPlaceholder('infinity-prime-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-prime-c2c').empty();dataBindingOverlay.openDialog('infinity-prime-c2c','?i_id=infinity-prime-c2c');bwc_loadCardOfferPlaceholder('infinity-prime-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["infinityData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["infinityData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["infinityData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["infinityData"]}]},"infinityData":{"selection":"block","options":[{"id":1,"selected":false,"display":true,"price":48.99,"speedSubtitle":"Infinity Plus","description":"Plus 20 Mbps","descriptionE2E":"Plus 20 Mbps","purE2E":"sites.cards.pur_label_infinity_plus","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 20 Mbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"200 Min/SMS Internacionais","info":{"notes":[{"id":1,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Central telefónica incluída"},{"id":3,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"200 min/SMS internacionais Europa, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"200 min/SMS internacionais Europa, Min/SMS/MMS nacionais ilimitados"}]}},{"id":2,"selected":false,"display":true,"price":58.99,"speedSubtitle":"Infinity Max","description":"Max 1 Gbps","descriptionE2E":"Max 1 Gbps","purE2E":"sites.cards.pur_label_infinity_max","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"1000 Min/SMS Internacionais","info":{"notes":[{"id":1,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Central telefónica incluída"},{"id":3,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados"}]}},{"id":3,"selected":true,"display":true,"price":99.99,"speedSubtitle":"Infinity Prime","description":"Prime 1 Gbps","descriptionE2E":"Prime 1 Gbps","purE2E":"sites.cards.pur_label_infinity_prime","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"2000 Min/SMS Internacionais","info":{"notes":[{"id":1,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Central telefónica incluída"},{"id":3,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"2000 min/SMS internacionais, Europa, EUA e Canadá, Países VDF, PALOP’s, China e Brasil, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"2000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Banda Larga Móvel com 75GB: <strong>+€6,50/mês</strong>","title":"Banda Larga Móvel com 75GB","price":"a partir de €6,50","subTitle":"Conectividade"},{"id":2,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","title":"One Net TeamCollaboration","price":"+ €3,12","subTitle":"Presença Digital"},{"id":3,"description":"","price":"+ €10","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]},"divider":{"selection":"block","options":[{"id":1,"description":"","selected":true,"display":true,"price":0}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-prime.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-infinity-prime-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-11303" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="infinity-prime" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-prime","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-prime.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-prime\").empty();dataBindingOverlay.openDialog(\"infinity-prime\",\"?i_id=infinity-prime\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-prime\").empty();dataBindingOverlay.openDialog(\"infinity-prime\",\"?i_id=infinity-prime\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-prime","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-prime.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-prime\").empty();dataBindingOverlay.openDialog(\"infinity-prime\",\"?i_id=infinity-prime\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-prime\").empty();dataBindingOverlay.openDialog(\"infinity-prime\",\"?i_id=infinity-prime\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-prime\").empty();dataBindingOverlay.openDialog(\"infinity-prime\",\"?i_id=infinity-prime\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_infinity-prime)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_infinity-prime)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_infinity-prime)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_infinity-prime)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_infinity-prime)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_infinity-prime" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_infinity-prime" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_infinity-prime" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_infinity-prime" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_infinity-prime" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_infinity-prime)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_infinity-prime)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_infinity-prime)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_infinity-prime)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_infinity-prime)"/> <defs> <linearGradient id="paint0_linear_1148_40647_infinity-prime" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_infinity-prime" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_infinity-prime" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_infinity-prime" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_infinity-prime" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_infinity-prime)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_infinity-prime)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_infinity-prime" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_infinity-prime" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_infinity-prime)"/> <defs> <linearGradient id="paint0_linear_1559_11792_infinity-prime" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945infinity-prime)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945infinity-prime" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_infinity-prime)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_infinity-prime" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_infinity-prime)"/> <defs> <linearGradient id="paint0_linear_1235_9152_infinity-prime" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="infinity-prime" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-prime","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-prime.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-prime\").empty();dataBindingOverlay.openDialog(\"infinity-prime\",\"?i_id=infinity-prime\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-prime\").empty();dataBindingOverlay.openDialog(\"infinity-prime\",\"?i_id=infinity-prime\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-prime","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-prime.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-prime\").empty();dataBindingOverlay.openDialog(\"infinity-prime\",\"?i_id=infinity-prime\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-prime\").empty();dataBindingOverlay.openDialog(\"infinity-prime\",\"?i_id=infinity-prime\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-prime\").empty();dataBindingOverlay.openDialog(\"infinity-prime\",\"?i_id=infinity-prime\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('infinity-prime');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-red-infinity" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> <div style="background-color:#000; color: #ffffff;" class="binding_VBU--campaign-tag"> Black Friday </div> </div> <input id="databinding-red-infinity-dialogProperties" type="hidden" data-value="{"idSB":"Red EMP 1GB_24m - 100102217 - VRE2V ; Desconto SIMO RED EMP 24m Edit - 64698 - DCCNN","descriptionSB":"","description":"Red Infinity","descriptionE2E":"Red","formTypeE2E":"vbu-standard-postpaid","formType":"vbu-standard-postpaid","baseValue":0,"basePreviousValue":0,"omnitureTracking":"red-infinity","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"fixedDescriptionHeader":"Nºs adicionais: €20,24/mês","binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Desconto em equipamentos <strong>+ €8,13/mês</strong>","price":"+ €8,13","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":true,"display":true,"pill":{"description":"Adicione um número a partir de €13,41","backgroundColor":"#FECB00","textColor":"black"},"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}],"firstData":[{"id":1,"display":[true,false,false,false]}]},"info":{"notes":[{"id":1,"description":""}]}},{"id":2,"description":"2 números","price":0,"selected":false,"display":true,"pill":{"description":"Adicione um número a partir de €13,41","backgroundColor":"#FECB00","textColor":"black"},"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"redDataVBU":[{"id":1,"price":20.24,"display":[true,true,false,false]},{"id":2,"price":13.41,"display":[true,true,false,false]}]},"info":{"notes":[{"id":1,"description":""}]}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"pill":{"description":"Adicione um número a partir de €13,41","backgroundColor":"#FECB00","textColor":"black"},"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"redDataVBU":[{"id":1,"price":20.24,"display":[true,true,true,false]},{"id":2,"price":13.41,"display":[true,true,true,false]}]},"info":{"notes":[{"id":2,"description":""}]}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"redDataVBU":[{"id":1,"price":20.24,"display":[true,true,true,true]},{"id":2,"price":13.41,"display":[true,true,true,true]}]},"info":{"notes":[{"id":2,"description":""}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"quantityForAverage":1,"price":0,"description":"1º número","display":true,"expanded":false,"children":["firstData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["redDataVBU"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["redDataVBU"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["redDataVBU"]}]},"redDataVBU":{"selection":"block","options":[{"id":1,"selected":true,"display":true,"price":0,"speedSubtitle":"Red Infinity","description":"Red Infinity","descriptionE2E":"Velocidade até 10 Mbps. Dados/Min./SMS ilimitados","purE2E":"sites.cards.pur_label_red_infinity_empresarial","info":{"notes":[{"id":1,"description":"Velocidade até 10 Mbps. Dados/Min./SMS ilimitados","descriptionSummary":"Velocidade até 10 Mbps. Dados/Min./SMS ilimitados"}]},"voiceInfo":{"description":"","info":{"notes":[{"id":1,"description":""},{"id":2,"description":""},{"id":2,"description":""}]}},"dataInfo":{"description":"","info":{"notes":[{"id":1,"description":""},{"id":2,"description":""}]}},"relations":{"numberConfigs":[{"id":2,"description":["2º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]}]}},{"id":2,"selected":false,"display":false,"price":0,"speedSubtitle":"Red 10 GB","description":"Red 10 GB","descriptionE2E":"3.500 minutos + 3.500 SMS. Roaming EEE incluído.","purE2E":"sites.cards.pur_label_red_empresarial_10GB","info":{"notes":[{"id":1,"description":"3.500 minutos + 3.500 SMS. Roaming EEE incluído.","descriptionSummary":"3.500 minutos + 3.500 SMS. Roaming EEE incluído."}]},"voiceInfo":{"description":"","info":{"notes":[{"id":1,"description":""},{"id":2,"description":""},{"id":2,"description":""}]}},"dataInfo":{"description":"","info":{"notes":[{"id":1,"description":""},{"id":2,"description":""}]}},"relations":{"numberConfigs":[{"id":2,"description":["2º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]}]}}]},"firstData":{"selection":"block","options":[{"id":1,"selected":true,"display":false,"price":20.24,"speedSubtitle":"Red Infinity","description":"Red Infinity","descriptionE2E":"Velocidade até 10 Mbps. Dados/Min./SMS ilimitados","purE2E":"sites.cards.pur_label_red_infinity_empresarial","info":{"notes":[{"id":1,"description":"Velocidade até 10 Mbps. Dados/Min./SMS ilimitados","descriptionSummary":"Velocidade até 10 Mbps. Dados/Min./SMS ilimitados"}]},"voiceInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Minutos e SMS"},{"id":2,"description":""},{"id":2,"description":""}]}},"dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 10 Mbps"},{"id":2,"description":""}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{firstData.speedSubtitle} <b>€#{firstData.price}/mês</b></span>"]}]}}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/red-infinity.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-red-infinity-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-60168" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" style="border: 2px solid #000;border-radius: 0 6px 6px 6px;" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="red-infinity" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-infinity","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-infinity.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red-infinity\").empty();dataBindingOverlay.openDialog(\"red-infinity\",\"?i_id=red-infinity\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red-infinity\").empty();dataBindingOverlay.openDialog(\"red-infinity\",\"?i_id=red-infinity\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-infinity","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-infinity.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red-infinity\").empty();dataBindingOverlay.openDialog(\"red-infinity\",\"?i_id=red-infinity\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red-infinity\").empty();dataBindingOverlay.openDialog(\"red-infinity\",\"?i_id=red-infinity\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#red-infinity\").empty();dataBindingOverlay.openDialog(\"red-infinity\",\"?i_id=red-infinity\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_red-infinity)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_red-infinity)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_red-infinity)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_red-infinity)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_red-infinity)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_red-infinity" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_red-infinity" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_red-infinity" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_red-infinity" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_red-infinity" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_red-infinity)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_red-infinity)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_red-infinity)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_red-infinity)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_red-infinity)"/> <defs> <linearGradient id="paint0_linear_1148_40647_red-infinity" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_red-infinity" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_red-infinity" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_red-infinity" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_red-infinity" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_red-infinity)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_red-infinity)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_red-infinity" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_red-infinity" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_red-infinity)"/> <defs> <linearGradient id="paint0_linear_1559_11792_red-infinity" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945red-infinity)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945red-infinity" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_red-infinity)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_red-infinity" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_red-infinity)"/> <defs> <linearGradient id="paint0_linear_1235_9152_red-infinity" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="red-infinity" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-infinity","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-infinity.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red-infinity\").empty();dataBindingOverlay.openDialog(\"red-infinity\",\"?i_id=red-infinity\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red-infinity\").empty();dataBindingOverlay.openDialog(\"red-infinity\",\"?i_id=red-infinity\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-infinity","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-infinity.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red-infinity\").empty();dataBindingOverlay.openDialog(\"red-infinity\",\"?i_id=red-infinity\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red-infinity\").empty();dataBindingOverlay.openDialog(\"red-infinity\",\"?i_id=red-infinity\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#red-infinity\").empty();dataBindingOverlay.openDialog(\"red-infinity\",\"?i_id=red-infinity\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('red-infinity');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-red-infinity-giga" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> <div style="background-color:#000000; color: #ffffff;" class="binding_VBU--campaign-tag"> Black Friday </div> </div> <input id="databinding-red-infinity-giga-dialogProperties" type="hidden" data-value="{"idSB":"Red EMP 1GB_24m - 100102217 - VRE2V ; Desconto SIMO RED EMP 24m Edit - 64698 - DCCNN","descriptionSB":"","description":"Red Infinity Giga","descriptionE2E":"Red","formTypeE2E":"vbu-standard-postpaid","formType":"vbu-standard-postpaid","baseValue":0,"basePreviousValue":0,"fixedDescriptionHeader":"Nºs adicionais: €24,31/mês","omnitureTracking":"red-infinity-giga","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":true,"display":true,"pill":{"description":"Adicione um número a partir de €13,41","backgroundColor":"#FECB00","textColor":"black"},"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}],"firstData":[{"id":1,"display":[true,false,false,false]}]},"info":{"notes":[{"id":1,"description":""}]}},{"id":2,"description":"2 números","price":0,"selected":false,"display":true,"pill":{"description":"Adicione um número a partir de €13,41","backgroundColor":"#FECB00","textColor":"black"},"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"redDataVBU":[{"id":1,"price":24.31,"display":[true,true,false,false]},{"id":2,"price":13.41,"display":[true,true,false,false]}]},"info":{"notes":[{"id":1,"description":""}]}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"pill":{"description":"Adicione um número a partir de €13,41","backgroundColor":"#FECB00","textColor":"black"},"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"redDataVBU":[{"id":1,"price":24.31,"display":[true,true,true,false]},{"id":2,"price":13.41,"display":[true,true,true,false]}]},"info":{"notes":[{"id":2,"description":""}]}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"redDataVBU":[{"id":1,"price":24.31,"display":[true,true,true,true]},{"id":2,"price":13.41,"display":[true,true,true,true]}]},"info":{"notes":[{"id":2,"description":""}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"quantityForAverage":1,"price":0,"description":"1º número","display":true,"expanded":false,"children":["firstData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["redDataVBU"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["redDataVBU"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["redDataVBU"]}]},"redDataVBU":{"selection":"block","options":[{"id":1,"selected":true,"display":true,"price":0,"speedSubtitle":"Red Infinity Giga","description":"Red Infinity Giga","descriptionE2E":"Velocidade até 1 Gbps. Dados/Min./SMS ilimitados","purE2E":"sites.cards.pur_label_red_infinity_empresarial","info":{"notes":[{"id":1,"description":"Velocidade até 1 Gbps. Dados/Min./SMS ilimitados","descriptionSummary":"Velocidade até 1 Gbps. Dados/Min./SMS ilimitados"}]},"voiceInfo":{"description":"","info":{"notes":[{"id":1,"description":""},{"id":2,"description":""},{"id":2,"description":""}]}},"dataInfo":{"description":"","info":{"notes":[{"id":1,"description":""},{"id":2,"description":""}]}},"relations":{"numberConfigs":[{"id":2,"description":["2º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]}]}},{"id":2,"selected":false,"display":false,"price":0,"speedSubtitle":"Red 10 GB","description":"Red 10 GB","descriptionE2E":"3.500 minutos + 3.500 SMS. Roaming EEE incluído.","purE2E":"sites.cards.pur_label_red_empresarial_5GB","info":{"notes":[{"id":1,"description":"3.500 minutos + 3.500 SMS. Roaming EEE incluído.","descriptionSummary":"3.500 minutos + 3.500 SMS. Roaming EEE incluído."}]},"voiceInfo":{"description":"","info":{"notes":[{"id":1,"description":""},{"id":2,"description":""},{"id":2,"description":""}]}},"dataInfo":{"description":"","info":{"notes":[{"id":1,"description":""},{"id":2,"description":""}]}},"relations":{"numberConfigs":[{"id":2,"description":["2º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{redDataVBU.speedSubtitle} <b>€#{redDataVBU.price}/mês</b></span>"]}]}}]},"firstData":{"selection":"block","options":[{"id":1,"selected":true,"display":false,"price":24.31,"speedSubtitle":"Red Infinity Giga","description":"Red Infinity Giga","descriptionE2E":"Velocidade até 1 Gbps. Dados/Min./SMS ilimitados","purE2E":"sites.cards.pur_label_red_infinity_empresarial","info":{"notes":[{"id":1,"description":"Velocidade até 1 Gbps. Dados/Min./SMS ilimitados","descriptionSummary":"Velocidade até 1 Gbps. Dados/Min./SMS ilimitados"}]},"voiceInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Minutos e SMS"},{"id":2,"description":""},{"id":2,"description":""}]}},"dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 1 Gbps"},{"id":2,"description":""}]}},"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{firstData.speedSubtitle} <b>€#{firstData.price}/mês</b></span>"]}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Desconto em equipamentos <strong>+ €8,13/mês</strong>","price":"+ €8,13","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/red-infinity-giga.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-red-infinity-giga-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-7518" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" style="border: 2px solid #000000;border-radius: 0 6px 6px 6px;" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="red-infinity-giga" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-infinity-giga","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-infinity-giga.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red-infinity-giga\").empty();dataBindingOverlay.openDialog(\"red-infinity-giga\",\"?i_id=red-infinity-giga\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity-giga\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red-infinity-giga\").empty();dataBindingOverlay.openDialog(\"red-infinity-giga\",\"?i_id=red-infinity-giga\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity-giga\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-infinity-giga","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-infinity-giga.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red-infinity-giga\").empty();dataBindingOverlay.openDialog(\"red-infinity-giga\",\"?i_id=red-infinity-giga\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity-giga\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red-infinity-giga\").empty();dataBindingOverlay.openDialog(\"red-infinity-giga\",\"?i_id=red-infinity-giga\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity-giga\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#red-infinity-giga\").empty();dataBindingOverlay.openDialog(\"red-infinity-giga\",\"?i_id=red-infinity-giga\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity-giga\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_red-infinity-giga)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_red-infinity-giga)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_red-infinity-giga)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_red-infinity-giga)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_red-infinity-giga)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_red-infinity-giga" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_red-infinity-giga" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_red-infinity-giga" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_red-infinity-giga" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_red-infinity-giga" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_red-infinity-giga)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_red-infinity-giga)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_red-infinity-giga)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_red-infinity-giga)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_red-infinity-giga)"/> <defs> <linearGradient id="paint0_linear_1148_40647_red-infinity-giga" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_red-infinity-giga" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_red-infinity-giga" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_red-infinity-giga" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_red-infinity-giga" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_red-infinity-giga)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_red-infinity-giga)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_red-infinity-giga" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_red-infinity-giga" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_red-infinity-giga)"/> <defs> <linearGradient id="paint0_linear_1559_11792_red-infinity-giga" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945red-infinity-giga)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945red-infinity-giga" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_red-infinity-giga)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_red-infinity-giga" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_red-infinity-giga)"/> <defs> <linearGradient id="paint0_linear_1235_9152_red-infinity-giga" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="red-infinity-giga" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-infinity-giga","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-infinity-giga.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red-infinity-giga\").empty();dataBindingOverlay.openDialog(\"red-infinity-giga\",\"?i_id=red-infinity-giga\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity-giga\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red-infinity-giga\").empty();dataBindingOverlay.openDialog(\"red-infinity-giga\",\"?i_id=red-infinity-giga\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity-giga\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"red-infinity-giga","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/red-infinity-giga.json","spinnerCard":"","bySide":"true","campaignElements":[{"campaignName":"Black Friday","campaignColor":"#000000","campaignTextColor":"#ffffff"}]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#red-infinity-giga\").empty();dataBindingOverlay.openDialog(\"red-infinity-giga\",\"?i_id=red-infinity-giga\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity-giga\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#red-infinity-giga\").empty();dataBindingOverlay.openDialog(\"red-infinity-giga\",\"?i_id=red-infinity-giga\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity-giga\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#red-infinity-giga\").empty();dataBindingOverlay.openDialog(\"red-infinity-giga\",\"?i_id=red-infinity-giga\", null, \"red\");bwc_loadCardOfferPlaceholder(\"red-infinity-giga\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('red-infinity-giga');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> </div> <div id="toggle-sem-limite-dados-e-desconto-equipamento-on" isEditMode="false"> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-infinity-plus-device" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-infinity-plus-device-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Infinity","description":"Infinity Plus","formTypeE2E":"vbu-standard","formType":"vbu-standard-postpaid","idSB":"Infinity Prime único 1Gbps_abr2023 - 100102248 - VRE3D ; Infinity Prime 1Gbps_abr2023 - 100102247 - VRE3C","baseValue":0,"basePreviousValue":0,"useLastMobilePrice":true,"numbersToKeep":1,"fixedDescriptionHeader":"<s>€48,99/mês</s> por cartão","omnitureTracking":"infinity-plus","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-plus-c2c').empty();dataBindingOverlay.openDialog('infinity-plus-c2c','?i_id=infinity-plus-c2c');bwc_loadCardOfferPlaceholder('infinity-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":58.99},{"id":3,"display":true,"price":99.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-plus-c2c').empty();dataBindingOverlay.openDialog('infinity-plus-c2c','?i_id=infinity-plus-c2c');bwc_loadCardOfferPlaceholder('infinity-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":58.99},{"id":3,"display":true,"price":99.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-plus-c2c').empty();dataBindingOverlay.openDialog('infinity-plus-c2c','?i_id=infinity-plus-c2c');bwc_loadCardOfferPlaceholder('infinity-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":58.99},{"id":3,"display":true,"price":99.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-plus-c2c').empty();dataBindingOverlay.openDialog('infinity-plus-c2c','?i_id=infinity-plus-c2c');bwc_loadCardOfferPlaceholder('infinity-plus-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["infinityData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["infinityData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["infinityData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["infinityData"]}]},"infinityData":{"selection":"block","options":[{"id":1,"selected":true,"display":true,"price":48.99,"speedSubtitle":"Infinity Plus","description":"Plus 20 Mbps","descriptionE2E":"Plus 20 Mbps","purE2E":"sites.cards.pur_label_infinity_plus","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 20 Mbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"200 Min/SMS internacionais","info":{"notes":[{"id":1,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Central telefónica incluída"},{"id":3,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"200 min/SMS internacionais, Europa, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"200 min/SMS internacionais, Europa, Min/SMS/MMS nacionais ilimitados"}]}},{"id":2,"selected":false,"display":true,"price":68.99,"speedSubtitle":"Infinity Max","description":"Max 1 Gbps","descriptionE2E":"Max 1 Gbps","purE2E":"sites.cards.pur_label_infinity_max","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"1000 Min/SMS internacionais","info":{"notes":[{"id":1,"description":"Europa, EUA e Canadá, Países VDFP, PALOP’s, China e Brasil"},{"id":2,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"500 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados"}]}},{"id":3,"selected":false,"display":true,"price":109.99,"speedSubtitle":"Infinity Prime","description":"Prime 1 Gbps","descriptionE2E":"Prime 1 Gbps","purE2E":"sites.cards.pur_label_infinity_prime","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"2000 Min/SMS internacionais","info":{"notes":[{"id":1,"description":"Europa, EUA e Canadá, Países VDFP, PALOP’s, China e Brasil"},{"id":2,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"2000 min/SMS internacionais, Euripa, EUA e Canadá, Países VDF, PALOP’s, China e Brasil + Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Banda Larga Móvel com 75GB: <strong>+€17,50/mês</strong>","title":"Banda Larga Móvel com 75GB ","subTitle":"Conectividade","price":"a partir de €6,50"},{"id":2,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","title":"One Net TeamCollaboration","subTitle":"Presença Digital","price":"+ €3,12"},{"id":3,"description":"","price":"+ €10","subTitle":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]},"divider":{"selection":"block","options":[{"id":1,"description":"","selected":true,"display":true,"price":0}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-plus-device.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-infinity-plus-device-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-17446" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="infinity-plus-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-plus-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-plus-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-plus-device\").empty();dataBindingOverlay.openDialog(\"infinity-plus-device\",\"?i_id=infinity-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-plus-device\").empty();dataBindingOverlay.openDialog(\"infinity-plus-device\",\"?i_id=infinity-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus-device\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-plus-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-plus-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-plus-device\").empty();dataBindingOverlay.openDialog(\"infinity-plus-device\",\"?i_id=infinity-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-plus-device\").empty();dataBindingOverlay.openDialog(\"infinity-plus-device\",\"?i_id=infinity-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus-device\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-plus-device\").empty();dataBindingOverlay.openDialog(\"infinity-plus-device\",\"?i_id=infinity-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus-device\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_infinity-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_infinity-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_infinity-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_infinity-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_infinity-plus-device)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_infinity-plus-device" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_infinity-plus-device" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_infinity-plus-device" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_infinity-plus-device" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_infinity-plus-device" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_infinity-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_infinity-plus-device)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_infinity-plus-device)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_infinity-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_infinity-plus-device)"/> <defs> <linearGradient id="paint0_linear_1148_40647_infinity-plus-device" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_infinity-plus-device" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_infinity-plus-device" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_infinity-plus-device" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_infinity-plus-device" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_infinity-plus-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_infinity-plus-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_infinity-plus-device" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_infinity-plus-device" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_infinity-plus-device)"/> <defs> <linearGradient id="paint0_linear_1559_11792_infinity-plus-device" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945infinity-plus-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945infinity-plus-device" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_infinity-plus-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_infinity-plus-device" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_infinity-plus-device)"/> <defs> <linearGradient id="paint0_linear_1235_9152_infinity-plus-device" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="infinity-plus-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-plus-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-plus-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-plus-device\").empty();dataBindingOverlay.openDialog(\"infinity-plus-device\",\"?i_id=infinity-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-plus-device\").empty();dataBindingOverlay.openDialog(\"infinity-plus-device\",\"?i_id=infinity-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus-device\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-plus-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-plus-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-plus-device\").empty();dataBindingOverlay.openDialog(\"infinity-plus-device\",\"?i_id=infinity-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-plus-device\").empty();dataBindingOverlay.openDialog(\"infinity-plus-device\",\"?i_id=infinity-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus-device\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-plus-device\").empty();dataBindingOverlay.openDialog(\"infinity-plus-device\",\"?i_id=infinity-plus-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-plus-device\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('infinity-plus-device');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-infinity-max-device" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-infinity-max-device-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Infinity","description":"Infinity Max","formTypeE2E":"vbu-standard","formType":"vbu-standard-postpaid","idSB":"Infinity Prime único 1Gbps_abr2023 - 100102248 - VRE3D ; Infinity Prime 1Gbps_abr2023 - 100102247 - VRE3C","baseValue":0,"basePreviousValue":0,"useLastMobilePrice":true,"numbersToKeep":1,"fixedDescriptionHeader":"<s>€58,99/mês</s> por cartão","omnitureTracking":"infinity-max","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-max-c2c').empty();dataBindingOverlay.openDialog('infinity-max-c2c','?i_id=infinity-max-c2c');bwc_loadCardOfferPlaceholder('infinity-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-max-c2c').empty();dataBindingOverlay.openDialog('infinity-max-c2c','?i_id=infinity-max-c2c');bwc_loadCardOfferPlaceholder('infinity-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-max-c2c').empty();dataBindingOverlay.openDialog('infinity-max-c2c','?i_id=infinity-max-c2c');bwc_loadCardOfferPlaceholder('infinity-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de 48,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":48.99},{"id":2,"display":true,"price":58.99},{"id":3,"display":true,"price":99.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-max-c2c').empty();dataBindingOverlay.openDialog('infinity-max-c2c','?i_id=infinity-max-c2c');bwc_loadCardOfferPlaceholder('infinity-max-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["infinityData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["infinityData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["infinityData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["infinityData"]}]},"infinityData":{"selection":"block","options":[{"id":1,"selected":false,"display":true,"price":48.99,"speedSubtitle":"Infinity Plus","description":"Plus 20 Mbps","descriptionE2E":"Plus 20 Mbps","purE2E":"sites.cards.pur_label_infinity_plus","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 20 Mbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"200 Min/SMS internacionais","info":{"notes":[{"id":1,"description":"Europa"},{"id":2,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"200 min/SMS internacionais, Europa, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"200 min/SMS internacionais, Europa, Min/SMS/MMS nacionais ilimitados"}]}},{"id":2,"selected":true,"display":true,"price":58.99,"speedSubtitle":"Infinity Max","description":"Max 1 Gbps","descriptionE2E":"Max 1 Gbps","purE2E":"sites.cards.pur_label_infinity_max","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"1000 Min/SMS internacionais","info":{"notes":[{"id":1,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Central telefónica incluída"},{"id":3,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados"}]}},{"id":3,"selected":false,"display":true,"price":99.99,"speedSubtitle":"Infinity Prime","description":"Prime 1 Gbps","descriptionE2E":"Prime 1 Gbps","purE2E":"sites.cards.pur_label_infinity_prime","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"2000 Min/SMS Internacionais","info":{"notes":[{"id":1,"description":"Europa, EUA e Canadá, Países VDFP, PALOP’s, China e Brasil"},{"id":2,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"2000 min/SMS internacionais, Europa, EUA e Canadá, Países VDF, PALOP’s, China e Brasil, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"2000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Banda Larga Móvel com 75GB: <strong>+€14,50/mês</strong>","title":"Banda Larga Móvel com 75GB","price":"a partir de €6,50","subTitle":"Conectividade"},{"id":2,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","title":"One Net TeamCollaboration","price":"+ €3,12","subTitle":"Presença Digital"},{"id":3,"description":"","price":"+ €10","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]},"divider":{"selection":"block","options":[{"id":1,"description":"","selected":true,"display":true,"price":0}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-max-device.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-infinity-max-device-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-11929" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="infinity-max-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-max-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-max-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-max-device\").empty();dataBindingOverlay.openDialog(\"infinity-max-device\",\"?i_id=infinity-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-max-device\").empty();dataBindingOverlay.openDialog(\"infinity-max-device\",\"?i_id=infinity-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-max-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-max-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-max-device\").empty();dataBindingOverlay.openDialog(\"infinity-max-device\",\"?i_id=infinity-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-max-device\").empty();dataBindingOverlay.openDialog(\"infinity-max-device\",\"?i_id=infinity-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-max-device\").empty();dataBindingOverlay.openDialog(\"infinity-max-device\",\"?i_id=infinity-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max-device\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_infinity-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_infinity-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_infinity-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_infinity-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_infinity-max-device)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_infinity-max-device" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_infinity-max-device" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_infinity-max-device" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_infinity-max-device" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_infinity-max-device" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_infinity-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_infinity-max-device)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_infinity-max-device)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_infinity-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_infinity-max-device)"/> <defs> <linearGradient id="paint0_linear_1148_40647_infinity-max-device" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_infinity-max-device" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_infinity-max-device" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_infinity-max-device" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_infinity-max-device" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_infinity-max-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_infinity-max-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_infinity-max-device" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_infinity-max-device" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_infinity-max-device)"/> <defs> <linearGradient id="paint0_linear_1559_11792_infinity-max-device" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945infinity-max-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945infinity-max-device" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_infinity-max-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_infinity-max-device" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_infinity-max-device)"/> <defs> <linearGradient id="paint0_linear_1235_9152_infinity-max-device" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="infinity-max-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-max-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-max-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-max-device\").empty();dataBindingOverlay.openDialog(\"infinity-max-device\",\"?i_id=infinity-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-max-device\").empty();dataBindingOverlay.openDialog(\"infinity-max-device\",\"?i_id=infinity-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-max-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-max-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-max-device\").empty();dataBindingOverlay.openDialog(\"infinity-max-device\",\"?i_id=infinity-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-max-device\").empty();dataBindingOverlay.openDialog(\"infinity-max-device\",\"?i_id=infinity-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max-device\");","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-max-device\").empty();dataBindingOverlay.openDialog(\"infinity-max-device\",\"?i_id=infinity-max-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-max-device\");","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('infinity-max-device');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> <div class="vf_experienceFragment"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_dataBindingVBU vf_parent_component_coral3 aem-GridColumn aem-GridColumn--default--12"> <div class="section section__flush flush--half "> <div id="databindingVBU-infinity-prime-device" ref="databinding" :class="['binding_VBU', { 'mobileBundle': addNumberSelected && !isPostPaid, 'postPaid': isPostPaid }]"> <div class="binding_VBU--card-tag"> </div> <input id="databinding-infinity-prime-device-dialogProperties" type="hidden" data-value="{"descriptionE2E":"Infinity","description":"Infinity Prime","formTypeE2E":"vbu-standard","formType":"vbu-standard-postpaid","idSB":"Infinity Prime único 1Gbps_abr2023 - 100102248 - VRE3D ; Infinity Prime 1Gbps_abr2023 - 100102247 - VRE3C","baseValue":0,"basePreviousValue":0,"useLastMobilePrice":true,"numbersToKeep":1,"fixedDescriptionHeader":"<s>€99,99/mês</s> por cartão","omnitureTracking":"infinity-prime-device","priceFilter":{"minimumFractionDigits":2,"maximumFractionDigits":2},"binding":{"selection":"block","options":[{"id":1,"price":0,"amountE2E":24,"selected":true,"display":false,"description":"24 meses","descriptionE2E":"24"}]},"addnumber":{"selection":"block","options":[{"id":1,"description":"1 número","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-prime-device-c2c').empty();dataBindingOverlay.openDialog('infinity-prime-device-c2c','?i_id=infinity-prime-device-c2c');bwc_loadCardOfferPlaceholder('infinity-prime-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":2,"description":"2 números","price":0,"selected":true,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-prime-device-c2c').empty();dataBindingOverlay.openDialog('infinity-prime-device-c2c','?i_id=infinity-prime-device-c2c');bwc_loadCardOfferPlaceholder('infinity-prime-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":3,"description":"3 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-prime-device-c2c').empty();dataBindingOverlay.openDialog('infinity-prime-device-c2c','?i_id=infinity-prime-device-c2c');bwc_loadCardOfferPlaceholder('infinity-prime-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]},"pill":{"description":"Adicione um número a partir de €38,99","backgroundColor":"#FECB00","textColor":"black"}},{"id":4,"description":"4 números","price":0,"selected":false,"display":true,"relations":{"numberConfigs":[{"id":1,"display":true,"expanded":true},{"id":2,"display":true,"expanded":true},{"id":3,"display":true,"expanded":true},{"id":4,"display":true,"expanded":true}],"infinityData":[{"id":1,"price":38.99},{"id":2,"display":true,"price":48.99},{"id":3,"display":true,"price":89.99}]},"info":{"notes":[{"id":1,"description":"<strong class=\"font-color--seance\">+ de 4 números? <span class=\"link--body\" onclick=\"$('#infinity-prime-device-c2c').empty();dataBindingOverlay.openDialog('infinity-prime-device-c2c','?i_id=infinity-prime-device-c2c');bwc_loadCardOfferPlaceholder('infinity-prime-device-c2c');\">Ligamos-lhe grátis</span></strong>"}]}}]},"numberConfigs":{"selection":"expandable","options":[{"id":1,"price":0,"quantityForAverage":1,"description":"1º número","display":false,"expanded":false,"children":["infinityData"]},{"id":2,"price":0,"quantityForAverage":2,"description":"2º número","display":false,"expanded":false,"children":["infinityData"]},{"id":3,"price":0,"quantityForAverage":3,"description":"3º número","display":false,"expanded":false,"children":["infinityData"]},{"id":4,"price":0,"quantityForAverage":4,"description":"4º número","display":false,"expanded":false,"children":["infinityData"]}]},"infinityData":{"selection":"block","options":[{"id":1,"selected":false,"display":true,"price":48.99,"speedSubtitle":"Infinity Plus","description":"Plus 20 Mbps","descriptionE2E":"Plus 20 Mbps","purE2E":"sites.cards.pur_label_infinity_plus","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 20 Mbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"200 Min/SMS Internacionais","info":{"notes":[{"id":1,"description":"Europa"},{"id":2,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"200 min/SMS internacionais Europa, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"200 min/SMS internacionais Europa, Min/SMS/MMS nacionais ilimitados"}]}},{"id":2,"selected":false,"display":true,"price":58.99,"speedSubtitle":"Infinity Max","description":"Max 1 Gbps","descriptionE2E":"Max 1 Gbps","purE2E":"sites.cards.pur_label_infinity_max","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"1000 Min/SMS Internacionais","info":{"notes":[{"id":1,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Central telefónica incluída"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"1000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados"}]}},{"id":3,"selected":true,"display":true,"price":99.99,"speedSubtitle":"Infinity Prime","description":"Prime 1 Gbps","descriptionE2E":"Prime 1 Gbps","purE2E":"sites.cards.pur_label_infinity_prime","dataInfo":{"description":"Ilimitados","info":{"notes":[{"id":1,"description":"Velocidade até 1 Gbps"},{"id":2,"description":"Roaming EEE"}]}},"voiceInfo":{"description":"2000 Min/SMS Internacionais","info":{"notes":[{"id":1,"description":"Min/SMS/MMS nacionais ilimitados"},{"id":2,"description":"Central telefónica incluída"},{"id":2,"description":"Número fixo no telemóvel incluído"}]}},"blm":[{"id":1,"description":"1 GB Partilhado incluído","selected":true,"info":{"notes":[{"id":1,"description":"1 cartão de dados"}]}}],"relations":{"numberConfigs":[{"id":1,"description":["1º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":2,"description":["2º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":3,"description":["3º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]},{"id":4,"description":["4º número <span>#{infinityData.speedSubtitle} <b>€#{infinityData.price}/mês</b></span>"]}]},"info":{"notes":[{"id":1,"description":"2000 min/SMS internacionais, Europa, EUA e Canadá, Países VDF, PALOP’s, China e Brasil, Min/SMS/MMS nacionais ilimitados, Roaming EEE e número fixo no telemóvel incluído.","descriptionE2E":"2000 min/SMS internacionais, Europa, EUA e Canadá, Min/SMS/MMS nacionais ilimitados"}]}}]},"addOns":{"selection":"block","options":[{"id":1,"purE2E":"","addonsEmptyE2E":true,"description":"Serviços para empresas incluídos","info":{"notes":[{"id":1,"description":"Banda Larga Móvel com 75GB: <strong>+€6,50/mês</strong>","title":"Banda Larga Móvel com 75GB","price":"a partir de €6,50","subTitle":"Conectividade"},{"id":2,"description":"One Net TeamCollaboration: <strong>+€3,12/mês</strong>","title":"One Net TeamCollaboration","price":"+ €3,12","subTitle":"Presença Digital"},{"id":3,"description":"","price":"+ €10","alias":"descontoequipamentos","title":"Com desconto em equipamentos"}]},"price":0,"selected":true}]},"divider":{"selection":"block","options":[{"id":1,"description":"","selected":true,"display":true,"price":0}]}}" data-path="/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-prime-device.json" ref="dialogPropertiesRef"/> <div class="binding_VBU--card" id="databinding-infinity-prime-device-spinner" v-show="!isLoaded"> <div id="vf-loading-spinner-5095" class="vf-loading-spinner vf-loading-spinner--default"> <img src="/content/dam/digital-commons/loading-spinner.svg" class="vf-loading-spinner--img vf-loading-spinner--img--default"/> </div> </div> <div :class="['VBU-card-wrapper', { 'bottom-border-no-offer': !offersDisplayed && !addOnsSelected, 'hide': !isLoaded }]" v-cloak> <div class="binding_VBU--card"> <div class="binding_VBU--card--parent flex flex--column flex__justify-content__start grid__item--1/1"> <div class="binding_VBU--card--offer"> <div :class="['binding_VBU--card--offer-section price--section', { 'bottom-border': offersDisplayed }]"> <div> <div :class="['card-name', { 'hide': !dataJSON.description }]"> {{ dataJSON.description }} </div> <div v-if="totalPrice" :class="[dataJSON.description ? 'card-price' : 'card-price-without-card-name']"> {{priceToProcess}}<span class="bundle-month__unit">/mês</span> </div> <div v-if="dataJSON.fixedDescriptionHeader || descriptionHeader"> <div class="card-risked-price" v-html="dataJSON.fixedDescriptionHeader ? dataJSON.fixedDescriptionHeader : descriptionHeader"> </div> </div> <div v-else-if="totalPreviousPrice && totalPrice < totalPreviousPrice" class="card-risked-price strike"> {{processPriceLabel(totalPreviousPrice)}}/mês </div> </div> <div class="buttons-wrapper"> <div class="card--mobile__flex-display card-button"> <binding-submit-button id="infinity-prime-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-prime-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-prime-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-prime-device\").empty();dataBindingOverlay.openDialog(\"infinity-prime-device\",\"?i_id=infinity-prime-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-prime-device\").empty();dataBindingOverlay.openDialog(\"infinity-prime-device\",\"?i_id=infinity-prime-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime-device\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU" :is-mobile="true"> </binding-submit-button> </div> <div class="card--mobile__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-prime-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-prime-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-prime-device\").empty();dataBindingOverlay.openDialog(\"infinity-prime-device\",\"?i_id=infinity-prime-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-prime-device\").empty();dataBindingOverlay.openDialog(\"infinity-prime-device\",\"?i_id=infinity-prime-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime-device\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-prime-device\").empty();dataBindingOverlay.openDialog(\"infinity-prime-device\",\"?i_id=infinity-prime-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime-device\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <template v-if="isPostPaid && addNumberSelected"> <span class="c2cLabel-mobile" v-html="addNumberSelected.info.notes[0].description"></span> </template> <div :class="['binding_VBU--card--offer-section', { 'bottom-border': offersDisplayed }]"> <template v-if="internetOptionSelected"> <div class="card-offer-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.51172 9.5C7.75391 4.25 16.2656 4.25 21.5117 9.5" stroke="url(#paint0_linear_859_164822_infinity-prime-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.26172 12.5C7.0625 10.6992 9.50391 9.6875 12.0469 9.6875C14.5938 9.6875 17.0352 10.6992 18.8359 12.5" stroke="url(#paint1_linear_859_164822_infinity-prime-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.08594 15.4844C10.2617 13.3047 13.7969 13.3047 15.9766 15.4844" stroke="url(#paint2_linear_859_164822_infinity-prime-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.5117 19.0312C12.5117 19.3086 12.2852 19.5312 12.0117 19.5312C11.7344 19.5312 11.5117 19.3086 11.5117 19.0312C11.5117 18.7539 11.7344 18.5312 12.0117 18.5312C12.2852 18.5312 12.5117 18.7539 12.5117 19.0312Z" stroke="url(#paint3_linear_859_164822_infinity-prime-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.3242 19.0312C12.3242 19.2031 12.1836 19.3438 12.0117 19.3438C11.8359 19.3438 11.6992 19.2031 11.6992 19.0312C11.6992 18.8594 11.8359 18.7188 12.0117 18.7188C12.1836 18.7188 12.3242 18.8594 12.3242 19.0312Z" fill="url(#paint4_linear_859_164822_infinity-prime-device)" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.1367 19.0312C12.1367 19.1016 12.0781 19.1562 12.0117 19.1562C11.9414 19.1562 11.8867 19.1016 11.8867 19.0312C11.8867 18.9609 11.9414 18.9062 12.0117 18.9062C12.0781 18.9062 12.1367 18.9609 12.1367 19.0312Z" stroke="#333333" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear_859_164822_infinity-prime-device" x1="2.6849" y1="7.3404" x2="21.4634" y2="6.36798" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_859_164822_infinity-prime-device" x1="5.38544" y1="10.9574" x2="18.8014" y2="10.2626" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_859_164822_infinity-prime-device" x1="8.15786" y1="14.5878" x2="15.9565" y2="14.1838" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_859_164822_infinity-prime-device" x1="11.5208" y1="18.9828" x2="12.5117" y2="18.9721" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_859_164822_infinity-prime-device" x1="11.7049" y1="19.001" x2="12.3242" y2="18.9943" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Net</span> <span v-if="internetOptionSelected.pill && internetOptionSelected.pill.description" class="card-content__pill" :style="internetOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div> <div class="card--offer--content-subtitle card--desktop__table-display"> <span class="card--offer--content-subtitle-speed">{{ internetOptionSelected.downloadE2E.speed }}</span> <template v-if="internetOptionSelected.downloadE2E.unit != internetOptionSelected.uploadE2E.unit"> {{ internetOptionSelected.downloadE2E.unit }} </template> <span>/</span> <span class="card--offer--content-subtitle-unit">{{ internetOptionSelected.uploadE2E.speed }} </span> {{ internetOptionSelected.uploadE2E.unit }} </div> <div class="card--offer--content-infoNotes"> <template v-if="internetOptionSelected.info.notes" v-for="internetInfoNotes in internetOptionSelected.info.notes"> <span v-if="internetInfoNotes.description" v-html="internetInfoNotes.description"></span> </template> </div> </div> </template> <template v-if="televisionOptionSelected"> <div class="card-offer-section tv-section"> <div class="card--offer--heading"> <span class="card--offer--heading--svg"> <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 15.5H15" stroke="url(#paint0_linear_1148_40647_infinity-prime-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 15.5V13.5" stroke="url(#paint1_linear_1148_40647_infinity-prime-device)" stroke-linejoin="round"/> <path d="M2.5 0.5H19.5V11.5C19.5 12.6055 18.6055 13.5 17.5 13.5H2.5C1.39453 13.5 0.5 12.6055 0.5 11.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint2_linear_1148_40647_infinity-prime-device)" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M10.1523 11.0312C10.1523 11.1172 10.0859 11.1836 10 11.1836C9.91406 11.1836 9.84766 11.1172 9.84766 11.0312C9.84766 10.9453 9.91406 10.8789 10 10.8789C10.0859 10.8789 10.1523 10.9453 10.1523 11.0312Z" stroke="url(#paint3_linear_1148_40647_infinity-prime-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6562 11.0312C10.6562 11.3945 10.3633 11.6875 10 11.6875C9.63672 11.6875 9.34375 11.3945 9.34375 11.0312C9.34375 10.668 9.63672 10.375 10 10.375C10.3633 10.375 10.6562 10.668 10.6562 11.0312Z" fill="url(#paint4_linear_1148_40647_infinity-prime-device)"/> <defs> <linearGradient id="paint0_linear_1148_40647_infinity-prime-device" x1="5.09115" y1="15.9515" x2="14.8883" y2="14.9002" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1148_40647_infinity-prime-device" x1="10.0091" y1="14.4031" x2="11.0001" y2="14.3977" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint2_linear_1148_40647_infinity-prime-device" x1="0.673177" y1="6.3699" x2="19.4975" y2="6.07465" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint3_linear_1148_40647_infinity-prime-device" x1="9.85043" y1="11.0165" x2="10.1523" y2="11.0132" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint4_linear_1148_40647_infinity-prime-device" x1="9.35571" y1="10.9676" x2="10.6562" y2="10.9537" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Tv</span> <span v-if="televisionOptionSelected.pill && televisionOptionSelected.pill.description" class="card-content__pill" :style="televisionOptionSelectedPill" v-html="televisionOptionSelected.pill.description"> </span> </div>  <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="televisionOptionSelected.description"></span> </div>  <div v-if="hasOttsOptionsToSelect" class="card--offer--content-ottLabel"> <div class="card--offer--content-infoNotes"> <span v-html="getOttLabel()"></span> </div> </div>  <div class="card--offer--content-infoNotes"> <template v-if="(televisionOttSelected || televisionOtts) && hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <div v-for="(item, index) in televisionOtts"> <div :class="['ott--option--box', {'selected' : item.selected}]" @click="selectOpt('television', item, index, 'ott')"> <div :class="{'ott--images--wrapper': item.children.length > 1}"> <div v-for="ottChildren in item.children"> <template v-if="dataJSON[ottChildren]?.options"> <div v-for="ottChildrenOpt in dataJSON[ottChildren].options" class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </div> </div> <span v-html="item.timeAbbreviation"></span> </div> </div> </div> </div> </template>  <template v-if="(televisionOttSelected || televisionOtts) && !hasOttsOptionsToSelect"> <div class="television--offers--content"> <div class="television--offers"> <template v-for="(item, index) in televisionOtts"> <template v-for="ottChildren in item.children"> <template v-for="ottChildrenOpt in dataJSON[ottChildren].options"> <div class="television--offers--img" v-html="ottChildrenOpt.description"></div> </template> </template> </template> </div> </div> <span class="television--offers--time" v-html="televisionOttSelected.time"></span> </template> </div> </div> </template> <template v-if="addNumberSelected && addNumberSelectedLength >= 0 && mobileOptionSelected && mobileOptionSelectedData"> <div class="card-offer-section mobile-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 17.5H7.5" stroke="url(#paint0_linear_1454_6764_infinity-prime-device)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 0.5H11.5V17.5C11.5 18.6055 10.6055 19.5 9.5 19.5H2.5C1.39453 19.5 0.5 18.6055 0.5 17.5V2.5C0.5 1.39453 1.39453 0.5 2.5 0.5Z" stroke="url(#paint1_linear_1454_6764_infinity-prime-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1454_6764_infinity-prime-device" x1="4.52734" y1="17.9515" x2="7.49725" y2="17.8559" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> <linearGradient id="paint1_linear_1454_6764_infinity-prime-device" x1="0.60026" y1="9.07908" x2="11.5008" y2="9.01136" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.25 11.7076C14.9739 11.7076 14.75 11.9314 14.75 12.2076C14.75 12.4837 14.9739 12.7076 15.25 12.7076V11.7076ZM17 12.2076H17.5C17.5 11.9314 17.2761 11.7076 17 11.7076V12.2076ZM17 13.7076H16.5C16.5 13.7123 16.5001 13.7171 16.5002 13.7218L17 13.7076ZM16.125 14.8951L16.2567 15.3774L16.2595 15.3767L16.125 14.8951ZM16.3712 9.88006C16.5009 10.1238 16.8037 10.2162 17.0475 10.0864C17.2912 9.95664 17.3836 9.65384 17.2538 9.4101L16.3712 9.88006ZM10.48 9.50621C10.7562 9.50621 10.98 9.28235 10.98 9.00621C10.98 8.73007 10.7562 8.50621 10.48 8.50621V9.50621ZM7.93752 9.00621V8.50621C7.66138 8.50621 7.43752 8.73007 7.43752 9.00621H7.93752ZM7.93752 11.6312H7.43752C7.43752 11.803 7.52574 11.9628 7.67114 12.0543C7.81654 12.1459 7.99875 12.1563 8.15368 12.0821L7.93752 11.6312ZM8.21127 11.5L8.01586 11.0397C8.00887 11.0427 8.00195 11.0458 7.9951 11.0491L8.21127 11.5ZM8.05247 14.2084C7.84379 14.0275 7.52801 14.0501 7.34716 14.2588C7.16632 14.4674 7.18888 14.7832 7.39756 14.9641L8.05247 14.2084ZM21.5 12H21H21.5ZM12 2.5V2V2.5ZM21.5 2.5H22V2H21.5V2.5ZM15.25 12.7076H17V11.7076H15.25V12.7076ZM16.5 12.2076V13.7076H17.5V12.2076H16.5ZM16.5002 13.7218C16.5046 13.8775 16.4569 14.0301 16.3645 14.1554L17.1696 14.7486C17.3943 14.4436 17.5106 14.0721 17.4998 13.6933L16.5002 13.7218ZM16.3645 14.1554C16.2722 14.2808 16.1405 14.3716 15.9906 14.4135L16.2595 15.3767C16.6244 15.2748 16.9448 15.0537 17.1696 14.7486L16.3645 14.1554ZM15.9933 14.4127C15.5022 14.5468 14.8829 14.6174 14.4079 14.3665C13.9874 14.1445 13.5 13.5654 13.5 11.9576H12.5C12.5 13.7535 13.0576 14.7844 13.9409 15.2508C14.7696 15.6884 15.7128 15.5259 16.2567 15.3774L15.9933 14.4127ZM13.5 11.9576C13.5 11.1093 13.6907 10.5527 13.9379 10.1946C14.1824 9.84057 14.5066 9.64455 14.8479 9.55542C15.1968 9.46431 15.5641 9.48576 15.8648 9.57636C16.1872 9.6735 16.338 9.81783 16.3712 9.88006L17.2538 9.4101C17.0407 9.00983 16.5919 8.75104 16.1533 8.61888C15.6929 8.48018 15.1379 8.44616 14.5952 8.58787C14.045 8.73154 13.5084 9.05662 13.115 9.62641C12.7243 10.1922 12.5 10.9621 12.5 11.9576H13.5ZM10.48 8.50621H7.93752V9.50621H10.48V8.50621ZM7.43752 9.00621V11.6312H8.43752V9.00621H7.43752ZM8.15368 12.0821L8.42743 11.9508L7.9951 11.0491L7.72135 11.1804L8.15368 12.0821ZM8.40668 11.9602C8.62697 11.8667 8.86828 11.8338 9.10557 11.8649L9.23582 10.8735C8.82161 10.819 8.40039 10.8765 8.01586 11.0397L8.40668 11.9602ZM9.10557 11.8649C9.34286 11.8961 9.56749 11.9902 9.75615 12.1375L10.3714 11.3492C10.0421 11.0921 9.65003 10.9279 9.23582 10.8735L9.10557 11.8649ZM9.75615 12.1375C9.94481 12.2847 10.0906 12.4798 10.1785 12.7024L11.1087 12.3353C10.9553 11.9467 10.7008 11.6062 10.3714 11.3492L9.75615 12.1375ZM10.1785 12.7024C10.2663 12.925 10.293 13.1671 10.2558 13.4035L11.2436 13.5591C11.3086 13.1465 11.262 12.7239 11.1087 12.3353L10.1785 12.7024ZM10.2558 13.4035C10.2185 13.6399 10.1187 13.8621 9.96666 14.0469L10.7389 14.6822C11.0043 14.3596 11.1786 13.9718 11.2436 13.5591L10.2558 13.4035ZM9.96666 14.0469C9.81461 14.2317 9.61587 14.3725 9.39108 14.4546L9.73419 15.3939C10.1266 15.2505 10.4735 15.0048 10.7389 14.6822L9.96666 14.0469ZM9.39108 14.4546C9.16628 14.5367 8.9236 14.5572 8.68822 14.5139L8.50731 15.4974C8.91818 15.573 9.34179 15.5372 9.73419 15.3939L9.39108 14.4546ZM8.68822 14.5139C8.45284 14.4706 8.23333 14.3651 8.05247 14.2084L7.39756 14.9641C7.71327 15.2377 8.09643 15.4218 8.50731 15.4974L8.68822 14.5139ZM21 12C21 13.78 20.4722 15.5201 19.4832 17.0001L20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12H21ZM19.4832 17.0001C18.4943 18.4802 17.0887 19.6337 15.4442 20.3149L15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557L19.4832 17.0001ZM15.4442 20.3149C13.7996 20.9961 11.99 21.1743 10.2442 20.8271L10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388L15.4442 20.3149ZM10.2442 20.8271C8.49836 20.4798 6.89472 19.6226 5.63604 18.364L4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079L10.2442 20.8271ZM5.63604 18.364C4.37737 17.1053 3.5202 15.5016 3.17294 13.7558L2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711L5.63604 18.364ZM3.17294 13.7558C2.82567 12.01 3.0039 10.2004 3.68509 8.55585L2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509L3.17294 13.7558ZM3.68509 8.55585C4.36628 6.91131 5.51983 5.50571 6.99987 4.51677L6.4443 3.6853C4.79981 4.78412 3.51809 6.34591 2.76121 8.17317L3.68509 8.55585ZM6.99987 4.51677C8.47991 3.52784 10.22 3 12 3V2C10.0222 2 8.08879 2.58649 6.4443 3.6853L6.99987 4.51677ZM12 3H21.5V2H12V3ZM21 2.5V12H22V2.5H21Z" fill="url(#paint0_linear_1559_11792_infinity-prime-device)"/> <defs> <linearGradient id="paint0_linear_1559_11792_infinity-prime-device" x1="2.5" y1="21.5" x2="21.5" y2="2.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="numbersTitle"></span> </div> <div class="card--offer--content-subtitle"> <span v-if="isPostPaid" class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.dataInfo[addNumberSelectedLength]"></span> <span v-else class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData[addNumberSelectedLength]"></span> </div> <div class="card--offer--content-infoNotes"> <div v-if="!isPostPaid" class="mobile--numbers flex--column display--grid"> <template v-if="addNumberSelected.id > 1"> <span class="mobile--numbers-svg"> <svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.5 4C9.5 3.60156 9.33984 3.21875 9.05859 2.9375L7.05859 0.9375C6.77734 0.65625 6.39844 0.5 6 0.5H2C1.17188 0.5 0.5 1.17188 0.5 2V14C0.5 14.8281 1.17188 15.5 2 15.5H8C8.82812 15.5 9.5 14.8281 9.5 14V4Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12.25C7 12.6641 6.66406 13 6.25 13H3.75C3.33594 13 3 12.6641 3 12.25V8.25C3 7.83594 3.33594 7.5 3.75 7.5H6.25C6.66406 7.5 7 7.83594 7 8.25V12.25Z" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.5 15.5625V16C6.5 16.8281 7.17188 17.5 8 17.5H14C14.8281 17.5 15.5 16.8281 15.5 16V6C15.5 5.60156 15.3398 5.21875 15.0586 4.9375L13.0586 2.9375C12.7773 2.65625 12.3984 2.5 12 2.5H8.75" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.5H12.25C12.6641 9.5 13 9.83594 13 10.25V14.25C13 14.6641 12.6641 15 12.25 15H9.75C9.56641 15 9.39062 14.9375 9.25 14.8164" stroke="#7E7E7E" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> <template v-if="addNumberSelected.id <= 1"> <span class="mobile--numbers-svg"> <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.5 17.3359V2.76172C0.5 1.57031 1.46875 0.601562 2.66406 0.601562H8L11.5 4V17.3359C11.5 18.5312 10.5312 19.5 9.33594 19.5H2.66406C1.46875 19.5 0.5 18.5312 0.5 17.3359Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.5 8.5H7.5C8.05078 8.5 8.5 8.94922 8.5 9.5V15.5C8.5 16.0508 8.05078 16.5 7.5 16.5H4.5C3.94922 16.5 3.5 16.0508 3.5 15.5V9.5C3.5 8.94922 3.94922 8.5 4.5 8.5Z" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="mobile--numbers-description" v-html="addNumberSelected.description"></span> <span v-if="addNumberSelected.information" class="mobile--numbers-information" v-html="addNumberSelected.information"></span> </template> </div> <div v-else class="flex flex--column" v-if="dataAmountObject"> <template v-for="note of dataAmountObject.info.notes"> <span class="mobile--numbers-description" v-html="note.description"></span> </template> </div> </div> </div> </template> <template v-if="phoneOptionSelected || isPostPaid"> <div :class="isPostPaid ? 'card-offer-section post-paid' : 'card-offer-section'"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg v-if="!isPostPaid" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.46 15.21C19.4647 15.2465 19.4647 15.2835 19.46 15.32C19.4543 15.6592 19.4005 15.9959 19.3 16.32C19.117 16.9633 18.7894 17.5563 18.3423 18.0537C17.8952 18.5511 17.3403 18.9398 16.72 19.19C13.72 20.09 10.53 19.19 7.72001 17.76C5.40156 16.5967 3.51627 14.7219 2.34001 12.41C0.920009 9.62 8.82149e-06 6.41 0.900009 3.41C1.15931 2.79171 1.55617 2.24068 2.06042 1.79882C2.56467 1.35695 3.16303 1.03587 3.81001 0.859996L4.81001 0.599996C4.88823 0.579822 4.97113 0.589039 5.04301 0.625899C5.11488 0.66276 5.17075 0.724704 5.20001 0.799996L6.00001 3.07L7.18001 6.37V6.46C7.19961 6.54005 7.19266 6.62431 7.16019 6.70007C7.12772 6.77583 7.0715 6.83898 7.00001 6.88C6.61472 7.169 6.18607 7.39513 5.73001 7.55C5.18331 7.71933 4.62014 7.82995 4.05001 7.88C3.99603 7.88525 3.94386 7.9023 3.8972 7.92995C3.85055 7.9576 3.81054 7.99517 3.78001 8.04C3.75544 8.08797 3.74262 8.1411 3.74262 8.195C3.74262 8.2489 3.75544 8.30202 3.78001 8.35C4.36335 10.2337 5.39245 11.9488 6.78001 13.35C8.18381 14.7341 9.8981 15.7627 11.78 16.35C11.828 16.3746 11.8811 16.3874 11.935 16.3874C11.9889 16.3874 12.042 16.3746 12.09 16.35C12.1336 16.3205 12.1705 16.2821 12.1981 16.2373C12.2257 16.1924 12.2434 16.1422 12.25 16.09C12.2991 15.523 12.4097 14.963 12.58 14.42C12.7283 13.9642 12.9551 13.5378 13.25 13.16C13.2925 13.0829 13.3617 13.0241 13.4447 12.9946C13.5276 12.9651 13.6184 12.9671 13.7 13H13.79L17.1 14.18C17.89 14.46 18.56 14.74 19.35 15.02C19.39 15 19.44 15.14 19.46 15.21Z" stroke="url(#paint0_linear_1181_65945infinity-prime-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1181_65945infinity-prime-device" x1="0.542969" y1="19.5506" x2="19.5039" y2="0.630025" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6.99997 19.5551H9.99997M15 17.5826H16.9512M10.4512 4.33636C10.4511 4.10141 10.4972 3.86873 10.587 3.65164C10.6769 3.43454 10.8086 3.23729 10.9748 3.07115C11.1409 2.90502 11.3382 2.77327 11.5552 2.68343C11.7723 2.5936 12.005 2.54744 12.24 2.54761H20.49V17.6726C20.49 18.147 20.3015 18.602 19.9661 18.9374C19.6306 19.2729 19.1756 19.4614 18.7012 19.4614L13.6787 19.5026M11.75 21.4338L5.28997 21.4888C4.30247 21.4888 3.50122 20.6326 3.50122 19.6451V6.30884C3.50122 5.83465 3.68951 5.37986 4.02469 5.04444C4.35988 4.70902 4.81453 4.52042 5.28872 4.52009H13.5387V19.6451C13.5387 19.88 13.4925 20.1126 13.4026 20.3296C13.3127 20.5466 13.1809 20.7438 13.0148 20.9099C12.8487 21.076 12.6515 21.2078 12.4345 21.2977C12.2175 21.3876 11.9849 21.4338 11.75 21.4338Z" stroke="url(#paint0_linear_1140_14409_infinity-prime-device)" stroke-miterlimit="10" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear_1140_14409_infinity-prime-device" x1="3.50122" y1="21.4888" x2="22.3309" y2="4.60013" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title" v-html="voiceTitle"></span> </div> <template v-if="!isPostPaid"> <div class="card--offer--content-subtitle television-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="dataJSON.phone.bindingTitle"></span> </div> <div class="card--offer--content-infoNotes" v-if="phoneOptionSelected.description"> <span v-html="phoneOptionSelected.description"></span> </div> </template> <template v-else-if="mobileOptionSelectedData"> <div class="card--offer--content-subtitle" v-if="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedData.voiceInfo[addNumberSelectedLength]"></span> </div> <div v-if="dataAmountObject" class="card--offer--content-infoNotes"> <div v-if="dataAmountObject" v-for="dataInfoNotes in voiceAmountObject.info.notes"> <span v-html="dataInfoNotes.description"></span> </div> </div> </template> </div> </template>  <template v-if="mobileOptionSelectedBLM && isPostPaid"> <div class="card-offer-section"> <div class="card--offer--heading"> <span :class="isPostPaid ? 'card--offer--heading--svg-post-paid' : 'card--offer--heading--svg'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.4831 14.481H18.9831V13.981H18.4831V14.481ZM5.95511 14.9251L6.311 15.2763L6.311 15.2763L5.95511 14.9251ZM7.64537 4.7998C7.45022 4.99518 7.4504 5.31176 7.64578 5.50691C7.84116 5.70206 8.15774 5.70188 8.35289 5.5065L7.64537 4.7998ZM15.632 5.5065C15.8272 5.70187 16.1438 5.70206 16.3391 5.50691C16.5345 5.31176 16.5347 4.99518 16.3395 4.7998L15.632 5.5065ZM9.22377 6.12581C9.02866 6.32122 9.02892 6.63781 9.22434 6.83291C9.41976 7.02802 9.73634 7.02776 9.93145 6.83234L9.22377 6.12581ZM10.6904 5.73439L10.882 6.19624L10.882 6.19624L10.6904 5.73439ZM13.3158 5.73439L13.1243 6.19624L13.1243 6.19625L13.3158 5.73439ZM14.0749 6.83237C14.27 7.02777 14.5866 7.028 14.782 6.83288C14.9774 6.63776 14.9776 6.32118 14.7825 6.12578L14.0749 6.83237ZM12.5 7.9895C12.5 7.71336 12.2761 7.4895 12 7.4895C11.7238 7.4895 11.5 7.71336 11.5 7.9895H12.5ZM11.5 14.481C11.5 14.7572 11.7238 14.981 12 14.981C12.2761 14.981 12.5 14.7572 12.5 14.481H11.5ZM18.4831 16.9771C18.2069 16.9771 17.9831 17.201 17.9831 17.4771C17.9831 17.7533 18.2069 17.9771 18.4831 17.9771V16.9771ZM21.4753 17.9771C21.7514 17.9771 21.9753 17.7533 21.9753 17.4771C21.9753 17.201 21.7514 16.9771 21.4753 16.9771V17.9771ZM2.52472 16.9771C2.24858 16.9771 2.02472 17.201 2.02472 17.4771C2.02472 17.7533 2.24858 17.9771 2.52472 17.9771V16.9771ZM5.51691 17.9771C5.79305 17.9771 6.01691 17.7533 6.01691 17.4771C6.01691 17.201 5.79305 16.9771 5.51691 16.9771V17.9771ZM7.013 14.981H18.4831V13.981H7.013V14.981ZM17.9831 14.481V19.0292H18.9831V14.481H17.9831ZM17.9831 19.0292C17.9831 19.3008 17.8765 19.56 17.689 19.75L18.4007 20.4524C18.7743 20.0739 18.9831 19.5618 18.9831 19.0292H17.9831ZM17.689 19.75C17.5016 19.9399 17.249 20.0453 16.987 20.0453V21.0453C17.5185 21.0453 18.0269 20.8312 18.4007 20.4524L17.689 19.75ZM16.987 20.0453H7.013V21.0453H16.987V20.0453ZM7.013 20.0453C6.75101 20.0453 6.49834 19.9399 6.311 19.75L5.59923 20.4524C5.97303 20.8312 6.48146 21.0453 7.013 21.0453V20.0453ZM6.311 19.75C6.12345 19.56 6.01691 19.3008 6.01691 19.0292H5.01691C5.01691 19.5618 5.22564 20.0739 5.59923 20.4524L6.311 19.75ZM6.01691 19.0292V15.9971H5.01691V19.0292H6.01691ZM6.01691 15.9971C6.01691 15.7255 6.12345 15.4664 6.311 15.2763L5.59923 14.5739C5.22564 14.9525 5.01691 15.4646 5.01691 15.9971H6.01691ZM6.311 15.2763C6.49834 15.0865 6.75101 14.981 7.013 14.981V13.981C6.48147 13.981 5.97303 14.1951 5.59922 14.5739L6.311 15.2763ZM8.35289 5.5065C9.31831 4.53996 10.6275 3.99707 11.9925 3.99707V2.99707C10.3619 2.99707 8.79822 3.64561 7.64537 4.7998L8.35289 5.5065ZM11.9925 3.99707C13.3574 3.99707 14.6666 4.53996 15.632 5.5065L16.3395 4.7998C15.1867 3.64561 13.623 2.99707 11.9925 2.99707V3.99707ZM9.93145 6.83234C10.2035 6.55984 10.5265 6.34367 10.882 6.19624L10.4988 5.27255C10.0219 5.47037 9.58864 5.76034 9.22377 6.12581L9.93145 6.83234ZM10.882 6.19624C11.2374 6.04879 11.6184 5.97289 12.0031 5.97289V4.97289C11.4869 4.97289 10.9757 5.07475 10.4988 5.27255L10.882 6.19624ZM12.0031 5.97289C12.3878 5.97289 12.7688 6.04879 13.1243 6.19624L13.5074 5.27255C13.0306 5.07475 12.5194 4.97289 12.0031 4.97289V5.97289ZM13.1243 6.19625C13.4797 6.34367 13.8027 6.55983 14.0749 6.83237L14.7825 6.12578C14.4176 5.76035 13.9844 5.47037 13.5074 5.27254L13.1243 6.19625ZM12 8.03116V9.03116C12.5523 9.03116 13 8.58345 13 8.03116H12ZM12 8.03116H11C11 8.58345 11.4477 9.03116 12 9.03116V8.03116ZM12 8.03116V7.03116C11.4477 7.03116 11 7.47888 11 8.03116H12ZM12 8.03116H13C13 7.47888 12.5523 7.03116 12 7.03116V8.03116ZM11.8125 8.03116C11.8125 7.92761 11.8964 7.84366 12 7.84366V8.84366C12.4487 8.84366 12.8125 8.4799 12.8125 8.03116H11.8125ZM12 7.84366C12.1035 7.84366 12.1875 7.92761 12.1875 8.03116H11.1875C11.1875 8.4799 11.5513 8.84366 12 8.84366V7.84366ZM12.1875 8.03116C12.1875 8.13472 12.1035 8.21866 12 8.21866V7.21866C11.5513 7.21866 11.1875 7.58243 11.1875 8.03116H12.1875ZM12 8.21866C11.8964 8.21866 11.8125 8.13472 11.8125 8.03116H12.8125C12.8125 7.58243 12.4487 7.21866 12 7.21866V8.21866ZM11.625 8.03116C11.625 7.82406 11.7929 7.65616 12 7.65616V8.65616C12.3452 8.65616 12.625 8.37634 12.625 8.03116H11.625ZM12 7.65616C12.2071 7.65616 12.375 7.82406 12.375 8.03116H11.375C11.375 8.37634 11.6548 8.65616 12 8.65616V7.65616ZM12.375 8.03116C12.375 8.23827 12.2071 8.40616 12 8.40616V7.40616C11.6548 7.40616 11.375 7.68599 11.375 8.03116H12.375ZM12 8.40616C11.7929 8.40616 11.625 8.23827 11.625 8.03116H12.625C12.625 7.68599 12.3452 7.40616 12 7.40616V8.40616ZM11.5 7.9895V14.481H12.5V7.9895H11.5ZM18.4831 17.9771H21.4753V16.9771H18.4831V17.9771ZM2.52472 17.9771H5.51691V16.9771H2.52472V17.9771Z" fill="url(#paint0_linear_1235_9152_infinity-prime-device)"/> <defs> <linearGradient id="paint0_linear_1235_9152_infinity-prime-device" x1="2.52472" y1="20.5453" x2="19.478" y2="1.70031" gradientUnits="userSpaceOnUse"> <stop stop-color="#820000"/> <stop offset="1" stop-color="#E60000"/> </linearGradient> </defs> </svg> </span> <span class="card--offer--heading--title">Banda Larga Móvel</span> </div> <div class="card--offer--content-subtitle"> <span class="card--offer--content-subtitle-speed" v-html="mobileOptionSelectedBLM.description"></span> </div> <div v-if="mobileOptionSelectedBLM.info" class="card--offer--content-infoNotes"> <template v-if="mobileOptionSelectedBLM.info.notes" v-for="infoNote in mobileOptionSelectedBLM.info.notes"> <span v-html="infoNote.description"></span> </template> </div> </div> </template> </div> <div class="buttons-wrapper buttons-wrapper--mobile"> <div class="card--desktop__flex-display card-button"> <binding-submit-button id="infinity-prime-device" :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-prime-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-prime-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-prime-device\").empty();dataBindingOverlay.openDialog(\"infinity-prime-device\",\"?i_id=infinity-prime-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-prime-device\").empty();dataBindingOverlay.openDialog(\"infinity-prime-device\",\"?i_id=infinity-prime-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime-device\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","enableTravellers":"","target":"_self","title":"Configurar"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" binding-type="VBU"> </binding-submit-button> </div> <div class="card--desktop__flex-display card-button"> <binding-submit-button :json-data="dataJSON" :dialog-data="{"jsonTab":{"id":"infinity-prime-device","jsonPath":"/content/dam/digital-sites/cardinali/jsons-business/1p/infinity-prime-device.json","spinnerCard":"","bySide":"true","campaignElements":[]},"buttonTab":{"hideKnowMoreButtonOnCard":"","enableTravellers":"","title":"Configurar","titleConfigurator":"Aderir","pathURL":"/content/digital-sites/pt/business/comunicacoes/voz/movel/configurador.html","paramOnClick":"","target":"_self","pathURLConfigurator":"","paramOnClickConfigurator":"$(\"#infinity-prime-device\").empty();dataBindingOverlay.openDialog(\"infinity-prime-device\",\"?i_id=infinity-prime-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime-device\");","offersLinkTo":"","offersScrollTo":"","targetConfigurator":"_self","addOnsLinkTo":"","addOnsScrollTo":"","priceSectionPosition":"top"},"secondaryButtonTab":{"showSecondaryButtonOnCard":"true","titleSecondaryButton":"Aderir","pathURLSecondaryButton":"","paramOnClickSecondaryButton":"$(\"#infinity-prime-device\").empty();dataBindingOverlay.openDialog(\"infinity-prime-device\",\"?i_id=infinity-prime-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime-device\")","targetSecondaryButton":"_self"},"landingPagesTab":{"bottomBarActivated":"","htmlBottomBar":""},"exitPopupTextTab":{"popupText":""}}" :dialog-html-attributes="{"href":"","paramOnClick":"$(\"#infinity-prime-device\").empty();dataBindingOverlay.openDialog(\"infinity-prime-device\",\"?i_id=infinity-prime-device\", null, \"red\");bwc_loadCardOfferPlaceholder(\"infinity-prime-device\")","target":"_self","title":"Aderir"}" :child-selection="childSelection" :previous-price="totalPreviousPrice" :total-price="totalPrice" :tertiary="true" binding-type="VBU"> </binding-submit-button> </div> </div> </div> <span v-if="isPostPaid && addNumberSelected" class="c2cLabel" v-html="addNumberSelected.info.notes[0].description"></span> </div> </div>  <template v-if="!addOnsSelected"> <div v-if="offersDisplayed" class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <span class="card--offer--heading--title" v-html="offerDescription"></span> </div> <div class="binding_VBU--card--membershipAdvantage--sectionOffers"> <div v-for="offer in offersDisplayed"> <div :class="['binding_VBU--card--membershipAdvantage--sectionOffers--options', {'selected' : offer.selected}]" @click="selectOpt('offer', offer)"> {{ processStringLabel(offer.description) }} </div> </div> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage"> <div class="binding_VBU--card--membershipAdvantage--sectionTitle"> <div class="flex flex--row flex__justify-content__start flex__align-items__center"> <span class="card--offer--heading--title" v-html="addOnsDescription"></span> </div> <span v-if="dataJSON.addOns.bindingTitle" class="subtitle" v-html="dataJSON.addOns.bindingTitle"></span> </div> <div v-if="addOnsSelected.info.notes"> <template v-for="(addonsChunk, index) in addonsChunk(addOnsSelected.info.notes, 4)" :key="index"> <div class="binding_VBU--card--membershipAdvantage--sectionAddOns"> <template v-for="addOnInfoNotes in addonsChunk" :key="addOnInfoNotes.id"> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options" v-html="isPostPaid ? addOnInfoNotes.description : addOnInfoNotes.title"></span> <span class="binding_VBU--card--membershipAdvantage--sectionAddOns--options"> | </span> </template> </div> </template> </div> <div v-if="voucherData" class="binding_VBU--card--membershipAdvantage--sectionVoucher"> <span>+</span> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--exclusive">{{i18nLabels.vbuOnlineExclusiveLabel}}</span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--items"> <template v-if="hasVoucherDescriptionCard"> <template v-for="(data, index) in makeVoucherDescription()"> <span v-if="data.image" class="binding_VBU--card--membershipAdvantage--sectionVoucher--img" v-html="data.image"></span> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span v-html="data.description"></span></div> <span class="binding_VBU--card--membershipAdvantage--sectionVoucher--plus" v-if="offersDisplayed && index < makeVoucherDescription().length - 1">+</span> </template> </template> <template v-else> <div class="binding_VBU--card--membershipAdvantage--sectionVoucher--description"><span>{{makeVoucherDescription()}}</span></div> </template> </div> </div> </div> </template> </div> </div> <script id="bindingSubmitButton" type="text/x-template"> <a :id="generateId" v-if="!dialogHtmlAttributes.enableTravellers" :class="{'button button--primary binding--summary__cta__button no-gutter--all' : !tertiary, 'button button--data-binding--nav no-gutter--all' : tertiary}" @click="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.right="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" @click.middle="dialogHtmlAttributes.paramOnClick ? submitButton($event) : goToConfigurator()" :href="dialogHtmlAttributes.href ? dialogHtmlAttributes.href : 'javascript:void(0)'" :target="dialogHtmlAttributes.target"> {{dialogHtmlAttributes.title}} </a> </script> <script type="text/javascript" onload="loadComponent('infinity-prime-device');" src="/etc.clientlibs/digital-commons/components/content/authored/vf_dataBindingVBU/clientlibs.692e3f07837a04626b4acfe0d3da2d90.js"></script> </div> </div> </div> </div></div> </div> </div> <div class="binding-tabs-container-content-button-container"> <button v-if="showButton" id="showMoreContent-sem-limite-dados-e-desconto-equipamento" class="binding-tabs-container-content-button" @click="showMoreContent">Ver mais tarifários</button> </div> </div> </div> <script id="genericCheckbox" type="text/x-template" xmlns:v-on="http://www.w3.org/1999/xhtml"> <div :id="containerId" :class="[{'gutter--top': !isVbu}, containerClass]"> <label :class="labelClass ? labelClass : 'generic-checkbox__container'"> <input :required="required" :id="checkbox.id" :name="checkbox.id" type="checkbox" v-on:change="updateValue($event.target.checked)" v-model="isChecked" :disabled="disabled" :class="checkbox.class" :checked="checkedValue">  <span v-if="!isToggle" :id="errorId" :class="[{'invalid': error && required || error, 'disable-citizen-card' : disabled }, 'generic-checkbox__checkmark']"> </span> <div v-if="isToggle" class="toggle-switch__indicator-wrapper"> <span :id="toggleSpanId" :class="['toggle-switch__indicator no-gutter--left', {'toggle-switch__indicator-disabled' : disabled}]"> <span v-if="isChecked" :class="['toggle-switch__indication', {'toggle-switch__indication-disabled' : disabled}]"> <svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7883 1.45417L4.24248 8.00001L1.33331 5.09084" stroke="#00697C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/> </svg> </span> <span v-else :class="['toggle-switch__indication', {'toggle-switch__indication-disabled' : disabled}]"> <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.75 9.25L9.25 2.75M9.25 9.25L2.75 2.75" stroke="#7E7E7E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </span> </div> </label>   <small :class="['align--middle', {'form__label--required': required}, textClass]" v-html="contentText" v-if="contentText" :id="checkbox.id + 'Label'"> </small>  <div class="grid__item grid__item--9/10 grid__item--sm-7/9 grid__item--sm-align-left" v-if="toggleSubtitle"> <span class="toggle-switch__title f6vf_fixedSubscriptions__grayBoxSubtitle" v-html="toggleSubtitle"></span> </div> </div> </script> <script id="tooltipCmpWS10" type="text/x-template"> <span :class="[tooltipContainerClass]"> <div class="hide--sm" :class="[cssClass, {'simple-tooltip__mouse-hover': isMouseHover, 'simple-tooltip': simpleTooltip}, tooltipClass != '' ? 'tooltip--' + tooltipClass : '']" :style="inlineStyle">  <div class="simple-tooltip__link"> <slot name="insideContent"></slot> <template v-if="!hasSlotDesktop"> <template v-if="showLabel && !labelAlignRight"> <b v-if="labelIsBold" :class="[labelClass, 'align--middle']">{{label}}</b> <span v-else :class="[labelClass, 'align--middle']">{{label}}</span> </template> <span @click="toggleInfo()" class="cursor__pointer" :class="{'half-gutter--left': !labelAlignRight}"> <svg focusable="false" aria-hidden="true" :class="['icon icon--extra-small', svgClass]"> <use xlink:href="#icon-info-circle"></use> </svg> </span> <template v-if="labelAlignRight"> <b v-if="labelIsBold" :class="[labelClass, 'align--middle']">{{label}}</b> <span v-else :class="[labelClass, 'align--middle']">{{label}}</span> </template> </template> </div> <div v-if="isMouseHover" class="simple-tooltip__content" v-html="text"> </div> <template v-else> <div @click.stop="toggleInfo(true)" v-if="infoVisible" class="simple-tooltip__content cursor__pointer" :class="[spanClass]" :id="dialogId" style="display: block !important;" v-html="text"> </div> </template> </div> <div class="hide--lg hide--md" :class="[mobCssClass, {'simple-tooltip': simpleTooltip}, tooltipClass != '' ? 'tooltip--' + tooltipClass : '']"> <div class="simple-tooltip__link"> <slot name="insideContentMobile"></slot> <template v-if="!hasSlotMobile"> <template v-if="showLabel && !labelAlignRight"> <b v-if="labelIsBold" :class="[labelClass, 'align--middle']">{{mobLabel}}</b> <span v-else :class="[labelClass, 'align--middle']">{{mobLabel}}</span> </template> <span @click="toggleInfo()" class="cursor__pointer" :class="{'half-gutter--left': !labelAlignRight}"> <svg focusable="false" aria-hidden="true" :class="['icon icon--extra-small', svgClass]"> <use xlink:href="#icon-info-circle"></use> </svg> </span> <template v-if="labelAlignRight"> <b v-if="labelIsBold" :class="[labelClass, 'align--middle']">{{mobLabel}}</b> <span v-else :class="[labelClass, 'align--middle']">{{mobLabel}}</span> </template> </template> </div> <div @click.stop="toggleInfo(true)" v-if="infoVisible" class="simple-tooltip__content cursor__pointer" :class="[spanClass]" :id="dialogId" style="display: block !important;" v-html="mobText"> </div> </div> </span> </script> <script src="/etc.clientlibs/digital-commons/components/content/authored/vf_toggle/clientlibs.d6438637d3cc216ede0a1c93b11446b4.js" type="text/javascript"></script> </div> </div> </div> </div> </div> </div> </div> </div> <script>document.addEventListener('DOMContentLoaded',function(){initTabs("voz-movel","com-limite-dados");});</script> </div> </div> <div class="cmp cmp-text aem-GridColumn aem-GridColumn--default--12"> <div class="section section--wild-sand flush--top flush--bottom " style="border-radius: 0px"> <div class="spring grid__item--align-center "> <div class="desktopText"> <p>As condições comerciais acima indicadas estão disponíveis para novas adesões associadas a um período de fidelização de 24 meses.<br/> O 5G está incluído, gratuitamente, em todos os tarifários Vodafone, para que possa beneficiar das vantagens desta rede de última geração.</p> </div> </div> </div> </div> <div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12"> <div class="section section--wild-sand flush--half " style="border-radius: 0px"> <div class="spring spring--sm grid__item--align-center "> <div class="grid "> <div class="grid__item grid__item--top grid__item--align-center grid__item--sm-1/12 grid__item--md-1/12 grid__item--1/12"> <div class="vf_svg"> <span class="icon 12 " style="width: 24px; height: 24px;"> <svg viewBox="0 0 24 24"><path style="fill: none; stroke-width: 8; stroke-linecap: round; stroke-linejoin: miter; stroke: rgb(230, 0, 0); stroke-opacity: 1; stroke-miterlimit: 10;" d="M 123.78125 84.09375 L 67.78125 84.09375 " transform="matrix(0.125,0,0,0.125,0,0)"></path><path style="fill: none; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(230, 0, 0); stroke-opacity: 1; stroke-miterlimit: 4;" d="M 123.78125 108.25 L 67.78125 108.25 " transform="matrix(0.125,0,0,0.125,0,0)"></path><path style="fill: none; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(230, 0, 0); stroke-opacity: 1; stroke-miterlimit: 4;" d="M 123.78125 132.25 L 67.78125 132.25 " transform="matrix(0.125,0,0,0.125,0,0)"></path><path style="fill: none; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(230, 0, 0); stroke-opacity: 1; stroke-miterlimit: 4;" d="M 45.875 51.8125 L 76 51.8125 L 76 23.8125 " transform="matrix(0.125,0,0,0.125,0,0)"></path><path style="fill: none; stroke-width: 8; stroke-linecap: round; stroke-linejoin: miter; stroke: rgb(230, 0, 0); stroke-opacity: 1; stroke-miterlimit: 10;" d="M 82.84375 20.0625 C 78.75 20.0625 74.8125 21.5 71.71875 24.15625 L 50.09375 42.71875 C 46.3125 45.96875 44.15625 50.6875 44.15625 55.65625 L 44.15625 155.375 C 44.15625 164.15625 51.375 171.375 58.09375 171.375 L 131.84375 171.375 C 142.71875 171.375 147.84375 164.15625 147.84375 155.375 L 147.84375 20.0625 Z M 82.84375 20.0625 " transform="matrix(0.125,0,0,0.125,0,0)"></path></svg> </span> <span class="visually-hidden"></span> </div> </div> <div class="grid__item grid__item--top grid__item--align-center grid__item--sm-7/10 grid__item--md-7/10 grid__item--7/10"> <div class="vf_heading vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="background-color: ; color : #E60000; border-radius: 0px;"> <h6 class="heading heading--6 heading--light no-gutter--all" style="color : ;"> <a onclick=";" href="/business/comunicacoes/voz/movel/detalhes-voz-movel.html" target="_self"> <span class="chevron chevron--inline chevron--inline--wrap"> <span class="chevron__text"> Mais detalhes e períodos de fidelização </span> </span> </a> </h6> </div> </div> </div> </div> </div> </div> </div> <div class="vf_heading vf_parent_component aem-GridColumn aem-GridColumn--default--12"> <div class="section section--wild-sand flush--half-top " style="border-radius: 0px"> <div class="spring grid__item--align-center "> <h1 class="heading heading--2 heading--light no-gutter--all" style="color : ;"> <span class="chevron chevron--inline chevron--inline--wrap"> <span class="chevron__text"> <span class="heading heading--3 heading--light no-gutter--all">Complemente o seu tarifário com aditivos empresariais</span> </span> </span> </h1> </div> </div> </div> <div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12"> <div class="section section--wild-sand flush--top " style="border-radius: 0px"> <div class="spring "> <div class="grid grid--gutter equalrows" data-equal="h4;.description-text"> <div class="grid__item grid__item--gutter grid__item--top grid__item--align-left grid__item--sm-1/1 grid__item--md-1/2 grid__item--1/3"> <div class="vf_tiles vf_parent_component"> <div class="section section--transparent flush--top flush--bottom " style="border-radius: 0px"> <div id="tile-2b89ea56-7ea6-4d3e-a847-b288de" class="tiles "> <div onclick="; goTo('', '_self', event);"> <div class="tiles__item tiles__item--1/1-auto tiles-WS10__container section--white noInstitutionalLayout"> <div class="tiles__content flex--row flush--all " onmouseenter="shadowHover(this, false, true)" onmouseleave="shadowHover(this, false, false)"> <div class="tiles__item tiles__eq tiles__item--sm-1/1-auto tiles__item--1/1-auto tiles_first_content"> <div class="tiles__content flush--all" style="padding: px px !important;"> <div class="vf_image vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <a href="/business/comunicacoes/voz/aditivos/internet-telemovel.html" role="button" aria-label="Aditivos de Internet"> <div class="segmentation--container"> <picture> <source data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internet-telemovel-cores-m.jpg/jcr:content/renditions/cq5dam.web.320.1000.jpeg" media="(max-width: 320px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internet-telemovel-cores-m.jpg/jcr:content/renditions/cq5dam.web.400.1000.jpeg" media="(max-width: 400px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internet-telemovel-cores-m.jpg/jcr:content/renditions/cq5dam.web.640.1000.jpeg" media="(max-width: 640px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internet-telemovel-cores-m.jpg/jcr:content/renditions/cq5dam.web.950.1000.jpeg" media="(max-width: 950px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internet-telemovel-cores-m.jpg/jcr:content/renditions/cq5dam.web.1200.1000.jpeg" media="(max-width: 1200px)"/> <img data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internet-telemovel-cores-m.jpg/jcr:content/renditions/cq5dam.web.1920.1000.jpeg" alt="homem a enviar mensagens pelo telemóvel " title="Aditivos de Internet" class=" segmentation__image--resize lazyload"/> </picture> <noscript> <img src="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internet-telemovel-cores-m.jpg" alt="homem a enviar mensagens pelo telemóvel " title="Aditivos de Internet"/> </noscript> </div> </a> </div> </div> <div class="vf_heading vf_parent_component"> <div class="section section__flush flush--top flush--bottom section__gutter--half--top " style="border-radius: 0px;"> <h4 class="heading heading--4 heading--regular no-gutter--all" style="color : ;"> <a onclick=";" href="/business/comunicacoes/voz/aditivos/internet-telemovel.html" target="_self"> <span class="chevron chevron--inline chevron--inline--wrap"> <span class="chevron__text"> Aditivos de Internet </span> </span> </a> </h4> </div> </div> <div class="cmp cmp-text"> <div class="section section__flush flush--top flush--bottom " style="border-radius: px;"> <div class="desktopText"> <span style="color: #9c2aa0"> <p class="no-gutter--all">Internet no Telemóvel </p> </span> </div> </div> </div> <div class="cmp cmp-text"> <div class="section section__flush flush--top flush--bottom " style="border-radius: px;"> <div class="desktopText"> <p class="description-text" style="height: 72.0px;">Usufrua de pacotes de dados para navegar na internet em qualquer lugar para estar sempre ligado aos seus clientes.</p> </div> </div> </div> </div> </div> <div class="tiles__item tiles__eq tiles__item--sm-1/1-auto tiles__item--1/1-auto verify__sons tiles_second_content"> <div class="tiles__content top_corner flush--all" style="padding: px px !important;"> </div> <div class="tiles__content second_content flush--all" style="padding: px px !important;"> </div> <div class="tiles__content bot_corner flush--all" style="padding: px px !important;"> </div> </div> </div> </div> </div> </div> <script>document.addEventListener('DOMContentLoaded',function(){hideShowMediaLayoutContent("noSocialMediaLayout","tile-2b89ea56-7ea6-4d3e-a847-b288de");loadSvgProperties("tile-2b89ea56-7ea6-4d3e-a847-b288de","","","",);setMobileDesign("tile-2b89ea56-7ea6-4d3e-a847-b288de","");});</script> </div> </div> </div> <div class="grid__item grid__item--gutter grid__item--top grid__item--align-left grid__item--sm-1/1 grid__item--md-1/2 grid__item--1/3"> <div class="vf_tiles vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <div id="tile-937e525b-f79b-47bd-bfb3-df3709" class="tiles "> <div onclick="; goTo('', '_self', event);"> <div class="tiles__item tiles__item--1/1-auto tiles-WS10__container section--white noInstitutionalLayout"> <div class="tiles__content flex--row flush--all " onmouseenter="shadowHover(this, false, true)" onmouseleave="shadowHover(this, false, false)"> <div class="tiles__item tiles__eq tiles__item--sm-1/1-auto tiles__item--1/1-auto tiles_first_content"> <div class="tiles__content flush--all" style="padding: px px !important;"> <div class="vf_image vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <a href="/business/comunicacoes/voz/aditivos/internacionais.html" role="button" aria-label="Aditivos de Voz Internacionais"> <div class="segmentation--container"> <picture> <source data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internacionais-rapaz-m.jpg/jcr:content/renditions/cq5dam.web.320.1000.jpeg" media="(max-width: 320px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internacionais-rapaz-m.jpg/jcr:content/renditions/cq5dam.web.400.1000.jpeg" media="(max-width: 400px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internacionais-rapaz-m.jpg/jcr:content/renditions/cq5dam.web.640.1000.jpeg" media="(max-width: 640px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internacionais-rapaz-m.jpg/jcr:content/renditions/cq5dam.web.950.1000.jpeg" media="(max-width: 950px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internacionais-rapaz-m.jpg/jcr:content/renditions/cq5dam.web.1200.1000.jpeg" media="(max-width: 1200px)"/> <img data-srcset="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internacionais-rapaz-m.jpg/jcr:content/renditions/cq5dam.web.1920.1000.jpeg" alt="homem a falar ao telemóvel" title="Aditivos de Voz Internacionais" class=" segmentation__image--resize lazyload"/> </picture> <noscript> <img src="/content/dam/digital-sites/empresarial/voz/voz-aditivos-internacionais-rapaz-m.jpg" alt="homem a falar ao telemóvel" title="Aditivos de Voz Internacionais"/> </noscript> </div> </a> </div> </div> <div class="vf_heading vf_parent_component"> <div class="section section__flush flush--top flush--bottom section__gutter--half--top " style="border-radius: 0px;"> <h4 class="heading heading--4 heading--regular no-gutter--all" style="color : ;"> <a onclick=";" href="/business/comunicacoes/voz/aditivos/internacionais.html" target="_self"> <span class="chevron chevron--inline chevron--inline--wrap"> <span class="chevron__text"> Aditivos de Voz Internacionais </span> </span> </a> </h4> </div> </div> <div class="cmp cmp-text"> <div class="section section__flush flush--top flush--bottom " style="border-radius: px;"> <div class="desktopText"> <span style="color: #9c2aa0"> <p class="no-gutter--all">Comunicação Internacional</p> </span> </div> </div> </div> <div class="cmp cmp-text"> <div class="section section__flush flush--top flush--bottom " style="border-radius: px;"> <div class="desktopText"> <p class="description-text" style="height: 72.0px;">Escolha os aditivos que lhe permitem ligar, durante 30 dias, para destinos internacionais a preços mais baixos.</p> </div> </div> </div> </div> </div> <div class="tiles__item tiles__eq tiles__item--sm-1/1-auto tiles__item--1/1-auto verify__sons tiles_second_content"> <div class="tiles__content top_corner flush--all" style="padding: px px !important;"> </div> <div class="tiles__content second_content flush--all" style="padding: px px !important;"> </div> <div class="tiles__content bot_corner flush--all" style="padding: px px !important;"> </div> </div> </div> </div> </div> </div> <script>document.addEventListener('DOMContentLoaded',function(){hideShowMediaLayoutContent("noSocialMediaLayout","tile-937e525b-f79b-47bd-bfb3-df3709");loadSvgProperties("tile-937e525b-f79b-47bd-bfb3-df3709","","","",);setMobileDesign("tile-937e525b-f79b-47bd-bfb3-df3709","");});</script> </div> </div> </div> <div class="grid__item grid__item--gutter grid__item--top grid__item--align-left grid__item--sm-1/1 grid__item--md-1/2 grid__item--1/3"> <div class="vf_tiles vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <div id="tile-6c61e2cd-bc4f-4d80-a5b6-0c652d" class="tiles "> <div onclick="; goTo('', '_self', event);"> <div class="tiles__item tiles__item--1/1-auto tiles-WS10__container section--white noInstitutionalLayout"> <div class="tiles__content flex--row flush--all " onmouseenter="shadowHover(this, false, true)" onmouseleave="shadowHover(this, false, false)"> <div class="tiles__item tiles__eq tiles__item--sm-1/1-auto tiles__item--1/1-auto tiles_first_content"> <div class="tiles__content flush--all" style="padding: px px !important;"> <div class="vf_image vf_parent_component"> <div class="section section__flush flush--top flush--bottom " style="border-radius: 0px;"> <a href="/business/comunicacoes/roaming.html#aditivos-roaming" role="button" aria-label="Aditivos de Roaming"> <div class="segmentation--container"> <picture> <source data-srcset="/content/dam/digital-sites/empresarial/tv-net-voz/tv-net-voz-aditivos-roaming-m.jpg/jcr:content/renditions/cq5dam.web.320.1000.jpeg" media="(max-width: 320px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/tv-net-voz/tv-net-voz-aditivos-roaming-m.jpg/jcr:content/renditions/cq5dam.web.400.1000.jpeg" media="(max-width: 400px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/tv-net-voz/tv-net-voz-aditivos-roaming-m.jpg/jcr:content/renditions/cq5dam.web.640.1000.jpeg" media="(max-width: 640px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/tv-net-voz/tv-net-voz-aditivos-roaming-m.jpg/jcr:content/renditions/cq5dam.web.950.1000.jpeg" media="(max-width: 950px)"/> <source data-srcset="/content/dam/digital-sites/empresarial/tv-net-voz/tv-net-voz-aditivos-roaming-m.jpg/jcr:content/renditions/cq5dam.web.1200.1000.jpeg" media="(max-width: 1200px)"/> <img data-srcset="/content/dam/digital-sites/empresarial/tv-net-voz/tv-net-voz-aditivos-roaming-m.jpg/jcr:content/renditions/cq5dam.web.1920.1000.jpeg" alt="homem a segurar mala de viagem a ver avião a passar" title="Aditivos de Roaming" class=" segmentation__image--resize lazyload"/> </picture> <noscript> <img src="/content/dam/digital-sites/empresarial/tv-net-voz/tv-net-voz-aditivos-roaming-m.jpg" alt="homem a segurar mala de viagem a ver avião a passar" title="Aditivos de Roaming"/> </noscript> </div> </a> </div> </div> <div class="vf_heading vf_parent_component"> <div class="section section__flush flush--top flush--bottom section__gutter--half--top " style="border-radius: 0px;"> <h4 class="heading heading--4 heading--regular no-gutter--all" style="color : ;"> <a onclick=";" href="/business/comunicacoes/roaming.html#aditivos-roaming" target="_self"> <span class="chevron chevron--inline chevron--inline--wrap"> <span class="chevron__text"> Aditivos de Roaming </span> </span> </a> </h4> </div> </div> <div class="cmp cmp-text"> <div class="section section__flush flush--top flush--bottom " style="border-radius: px;"> <div class="desktopText"> <span style="color: #9c2aa0"> <p class="no-gutter--all">Roaming no Telemóvel</p> </span> </div> </div> </div> <div class="cmp cmp-text"> <div class="section section__flush flush--top flush--bottom " style="border-radius: px;"> <div class="desktopText"> <p class="description-text" style="height: 72.0px;">Aproveite quando fizer as suas viagens de negócios para usufruir de descontos em todas as suas comunicações.</p> </div> </div> </div> </div> </div> <div class="tiles__item tiles__eq tiles__item--sm-1/1-auto tiles__item--1/1-auto verify__sons tiles_second_content"> <div class="tiles__content top_corner flush--all" style="padding: px px !important;"> </div> <div class="tiles__content second_content flush--all" style="padding: px px !important;"> </div> <div class="tiles__content bot_corner flush--all" style="padding: px px !important;"> </div> </div> </div> </div> </div> </div> <script>document.addEventListener('DOMContentLoaded',function(){hideShowMediaLayoutContent("noSocialMediaLayout","tile-6c61e2cd-bc4f-4d80-a5b6-0c652d");loadSvgProperties("tile-6c61e2cd-bc4f-4d80-a5b6-0c652d","","","",);setMobileDesign("tile-6c61e2cd-bc4f-4d80-a5b6-0c652d","");});</script> </div> </div> </div> </div> </div> </div> </div> <div class="vf_experienceFragment aem-GridColumn aem-GridColumn--default--12"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12"> <sly> <div class="section section__flush " style="border-radius: px;"> <div class="background background--cover"> <div class="background__image lazyload" data-bgset="/content/dam/digital-sites/empresarial/outros/outros-rede-fixa-ultima-geracao-roxo-b.jpg/jcr:content/renditions/cq5dam.web.1920.1000.jpeg [(max-width: 950px)] | /content/dam/digital-sites/empresarial/outros/outros-rede-fixa-ultima-geracao-roxo-b.jpg/jcr:content/renditions/cq5dam.web.1920.1000.jpeg"> </div> <noscript> <div class="background__image" style="background-image: url(/content/dam/digital-sites/empresarial/outros/outros-rede-fixa-ultima-geracao-roxo-b.jpg)"></div> </noscript> </div> <div class=" component--relative " style="color : #FFFFFF;"> <div class="grid "> <div class="grid__item grid__item--top grid__item--align-left grid__item--sm-1/1 grid__item--md-1/1 grid__item--1/1"> <div class="vf_heading vf_parent_component"> <div class="section section__flush flush--half " style="background-color: ; color : #FFFFFF; border-radius: px;"> <div class="spring grid__item--align-center "> <h3 class="heading heading--3 heading--light no-gutter--all" style="color : ;"> <span class="chevron chevron--inline chevron--inline--wrap"> <span class="chevron__text"> Rede fixa e móvel de última geração </span> </span> </h3> </div> </div> </div> <div class="vf_button vf_parent_component"> <div class="section section--transparent flush--top flush--bottom " style="border-radius: px"> <div class="spring grid__item--align-center "> <script>buttonId="button-31609";button="";</script> <div id="button-31609" button="{"type":"button","title":"Saiba mais","titleMobile":"","target":"_self","url":"/content/digital-sites/pt/business/comunicacoes/internet/movel/rede-internet-movel-vodafone.html","param":"undefined","fullWidth":"false","buttonStyles":"class","buttonCssClass":"button--tertiary","buttonBorder":"undefined","borderStylePicker":"undefined","borderWidthPicker":"undefined","buttonBackgroundColor":"undefined","buttonSize":"medium","opacitySelect":"undefined","anchorLink":"undefined","buttonInlineSvg":false,"svgPosition":"undefined","boldClass":"","borderClass":"button--border","fullWidthClass":"","tealiumClick":"undefined","sizeClass":"button","mobileBorderClass":"button--border"}"></div> <script type="text/javascript" src="/etc.clientlibs/digital-commons/components/content/authored/vf_button/clientlibs.b1f44d92e21dc5840b660580e38d469c.js"></script> </div> </div> </div> </div> </div> </div> </div> </sly> </div> </div> </div></div> </div> </div> </div> <div class="vf_publicationModification aem-GridColumn aem-GridColumn--default--12"></div> <div class="vf_experienceFragment aem-GridColumn aem-GridColumn--default--12"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_socialMedia vf_parent_component aem-GridColumn aem-GridColumn--default--12"> </div> </div> </div></div> </div> <div class="vf_experienceFragment aem-GridColumn aem-GridColumn--default--12"> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="vf_footer_ws10 aem-GridColumn aem-GridColumn--default--12"><div class="vf"> <footer> <div class="footer-ws10"> <div class="spring"> <div class="footer-ws10__navigation"> <div class="no-gutter--sm-bottom"> <div class="grid"> <div class="grid__item grid__item--1/4 grid__item--md-1/2 grid__item--sm-2/3"> <h2 class="visually-hidden">Follow us</h2> <span class="footer-ws10__title">Siga-nos</span> <ul class="list list--reset social__list"> <li class="footer-ws10__social"> <div> <a role="button" href="https://www.facebook.com/vodafonePT" target="_self" onclick="tealium_ws10_svg.methods.handleClickSVGEntry('Event Click Footer Social Media Menu','Facebook')"> <span class="icon icon--fill 13 " style="width: 23px; height: 23px;"> <svg viewBox="0 0 160 160"><path d="M128.17,11.18H31.83A20.71,20.71,0,0,0,11.18,31.83v96.34a20.71,20.71,0,0,0,20.65,20.65H84.3V91.18h-12V71.4h12V59.85c0-15.89,6.26-25.44,24.85-25.44h16.44V54.19h-9.67c-7.14,0-7.53,2.35-7.53,7.54V71.4H125l-2.09,19.78H108.39v57.64h19.78a20.71,20.71,0,0,0,20.65-20.65V31.83A20.71,20.71,0,0,0,128.17,11.18Z" fill="#ffffff" stroke="none"></path></svg> </span> <span class="visually-hidden"></span> </a> </div> </li> <li class="footer-ws10__social"> <div> <a role="button" href="https://twitter.com/vodafonept" target="_self" onclick="tealium_ws10_svg.methods.handleClickSVGEntry('Event Click Footer Social Media Menu','Twitter')"> <span class="icon icon--fill 13 " style="width: 23px; height: 23px;"> <svg width="20" height="20" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/> </svg> </span> <span class="visually-hidden"></span> </a> </div> </li> <li class="footer-ws10__social"> <div> <a role="button" href="https://www.youtube.com/vodafonept" target="_self"> <span class="icon icon--fill 11 " style="width: 23px; height: 23px;"> <svg viewBox="0 0 160.08 160"><path d="M158.14,46.55a20.59,20.59,0,0,0-17.9-18.1,468.12,468.12,0,0,0-120.6,0,20.49,20.49,0,0,0-17.8,18.1,299.31,299.31,0,0,0,0,66.9,20.49,20.49,0,0,0,17.8,18.1,469.15,469.15,0,0,0,60.4,3.9,467.72,467.72,0,0,0,60.3-3.9,20.51,20.51,0,0,0,17.8-18.1A290.74,290.74,0,0,0,160,80,289,289,0,0,0,158.14,46.55Zm-54.9,36.6-32.8,23.1a2.89,2.89,0,0,1-4-.7,2.58,2.58,0,0,1-.5-1.7V56a2.88,2.88,0,0,1,2.8-2.9,3.3,3.3,0,0,1,1.7.5l32.8,23.1a3.9,3.9,0,0,1,1,5.42l-.06.08A3.1,3.1,0,0,1,103.24,83.15Z" transform="translate(0.04)" fill="#ffffff" stroke="none"></path></svg> </span> <span class="visually-hidden"></span> </a> </div> </li> <li class="footer-ws10__social"> <div> <a role="button" href="https://www.instagram.com/vodafonept/?hl=pt" target="_self"> <span class="icon icon--fill 11 " style="width: 23px; height: 23px;"> <svg viewBox="0 0 192 192"><path d="M96,34.09c20.16,0,22.55.08,30.51.44,7.37.34,11.37,1.57,14,2.6a25,25,0,0,1,14.33,14.33c1,2.66,2.26,6.66,2.6,14,.36,8,.44,10.35.44,30.51s-.08,22.55-.44,30.51c-.34,7.37-1.57,11.37-2.6,14a25,25,0,0,1-14.33,14.33c-2.66,1-6.66,2.26-14,2.6-8,.36-10.35.44-30.51.44s-22.55-.08-30.51-.44c-7.37-.34-11.37-1.57-14-2.6a25,25,0,0,1-14.33-14.33c-1-2.66-2.26-6.66-2.6-14-.36-8-.44-10.35-.44-30.51s.08-22.55.44-30.51c.34-7.37,1.57-11.37,2.6-14A25,25,0,0,1,51.46,37.13c2.66-1,6.66-2.26,14-2.6,8-.36,10.35-.44,30.51-.44m0-13.61c-20.51,0-23.08.09-31.13.46s-13.53,1.64-18.34,3.51A38.64,38.64,0,0,0,24.45,46.53c-1.87,4.81-3.14,10.3-3.51,18.34S20.48,75.49,20.48,96s.09,23.08.46,31.13,1.64,13.53,3.51,18.34a38.64,38.64,0,0,0,22.08,22.08c4.81,1.87,10.3,3.14,18.34,3.51s10.62.46,31.13.46,23.08-.09,31.13-.46,13.53-1.64,18.34-3.51a38.64,38.64,0,0,0,22.08-22.08c1.87-4.81,3.14-10.3,3.51-18.34s.46-10.62.46-31.13-.09-23.08-.46-31.13-1.64-13.53-3.51-18.34a38.64,38.64,0,0,0-22.08-22.08c-4.81-1.87-10.3-3.14-18.34-3.51s-10.62-.46-31.13-.46Z" fill="#ffffff" stroke="none"></path><path d="M96,57.22A38.78,38.78,0,1,0,134.78,96,38.78,38.78,0,0,0,96,57.22Zm0,64A25.17,25.17,0,1,1,121.17,96,25.17,25.17,0,0,1,96,121.17Z" fill="#ffffff" stroke="none"></path><circle cx="136.31" cy="55.69" r="9.06" fill="#ffffff" stroke="none"></circle></svg> </span> <span class="visually-hidden"></span> </a> </div> </li> </ul> </div>  <div class="hide--lg grid__item grid__item--md-1/2 grid__item--sm-1/3 footer-ws10__logo"> <div> <span class="icon icon--fill icon--extra-large " style="width: ; height: ;"> <svg viewBox="0 0 192 192"><path fill="#ffffff" stroke="none" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" d="M128.52,26.92 c-13.77,3.06-24.7,15.92-24.7,30.53c-0.028,0.408,0.016,0.818,0.13,1.21c23.19,5.66,33.84,19.68,33.84,39.09 s-15.24,40.71-41.12,40.85c-21,0-42.86-17.93-43-46.64C53.67,73,63.92,54.61,77,43.7c12.81-10.52,30.33-17.39,46.24-17.39 c1.615-0.028,3.229,0.099,4.82,0.38C88.906,7.691,41.764,24.029,22.764,63.183s-2.661,86.296,36.493,105.296 s86.296,2.661,105.296-36.493c18.91-38.97,2.821-85.897-36.023-105.066H128.52z"></path></svg> </span> <span class="visually-hidden"></span> </div> </div> <hr class="hide--lg footer-ws10__hr"/>  <div class="grid__item grid__item--2/3 grid__item--md-1/1 grid__item--sm-1/1"> <span class="footer-ws10__title">Contacte-nos</span> <div class="footer-ws10__community"> <div class="grid__item grid__item--1/5 grid__item--sm-1/3 footer-ws10__communitySection"> <div class="footer-ws10__chat"> <a role="button" href="https://tobi.vodafone.pt" target="_self"> <span class="icon icon--fill 11 " style="width: 32px; height: 32px;"> <svg viewBox="0 0 48 48"><g id="a3ad0527-d87d-4252-91a5-a23f0f9fd104" data-name="Icons+Indicators-/-TOBi-Emojis-/-default"><g id="aa4dbbc3-0d2a-4bb1-98d5-03a3a6805b7e" data-name="03-Component-/-Tobi-/-Expression-/-Template"><g id="b9273ff3-7632-49ea-a694-7e4ecfb8c627" data-name="Tobi/Template"><g id="e82050a6-6e54-4484-a7b3-6c3d1c671767" data-name="Group"><path id="a52c1791-a583-4b25-a431-129e60ebee52" data-name="Fill" d="M38.9,20.8h-.16l-.37.27A14.59,14.59,0,0,1,35,22.67a29.55,29.55,0,0,1-4.41,1.07,42,42,0,0,1-6.63.53,42,42,0,0,1-6.63-.53,19.39,19.39,0,0,1-8.13-3,2.4,2.4,0,0,0-1.93.91,3.91,3.91,0,0,0-.76,1.67v5.92c0,.31,0,.62,0,.91a17.46,17.46,0,0,0,34.81,0c0-.31,0-.6,0-.91v-5.9a5,5,0,0,0-.75-1.67A2.48,2.48,0,0,0,38.9,20.8Z" fill="#ebebeb" fill-rule="evenodd"></path><path id="ef6258c0-6fb7-4e4e-8024-fe3260b36eb8" data-name="Fill" d="M2.34,29.3h0A5.18,5.18,0,0,1,2,27.54V29.3a5.58,5.58,0,0,0,5.57,5.57,15.16,15.16,0,0,1-.65-2.21,5.09,5.09,0,0,1-4.6-3.36" fill="#900" fill-rule="evenodd"></path><path id="b5b39572-5bff-4b94-88e1-1a1b302ab2d0" data-name="Fill" d="M45.49,29.3h0A5.07,5.07,0,0,1,41,32.66a18.39,18.39,0,0,1-.64,2.21,5.54,5.54,0,0,0,5.5-5.57V27.54a4.74,4.74,0,0,1-.33,1.76" fill="#900" fill-rule="evenodd"></path><path id="fbe8bc78-1c10-4e5b-a7ca-18a3a7bec325" data-name="Fill" d="M2,23.09c0,.14,0,.25,0,.38v4.1a5.12,5.12,0,0,0,4.9,5.11,18.21,18.21,0,0,1-.38-2.44c0-.31,0-.6,0-.92a1.51,1.51,0,0,1,0-.48V23.41a4.08,4.08,0,0,1,.75-1.67,2.35,2.35,0,0,1,1.94-.92,19.62,19.62,0,0,0,8.12,3,40.81,40.81,0,0,0,6.63.54,40.9,40.9,0,0,0,6.63-.54,29.57,29.57,0,0,0,4.39-1.06,14.62,14.62,0,0,0,3.36-1.61c.13-.09.27-.17.38-.26h.15a2.32,2.32,0,0,1,1.78.91,3.91,3.91,0,0,1,.76,1.67v5.92c0,.31,0,.62,0,.91A18.35,18.35,0,0,1,41,32.71a5.17,5.17,0,0,0,4.56-3.34,5.23,5.23,0,0,0,.31-1.74V25.21a13,13,0,0,0,0-1.43A21.93,21.93,0,0,0,2,23.09Z" fill="#e60000" fill-rule="evenodd"></path><path id="bb2e5e74-6879-4dde-a8b8-193a7e669475" data-name="Fill" d="M28.44,15.59a4.46,4.46,0,0,1-1.31,1.58,4.93,4.93,0,0,1-4.41.85,5.24,5.24,0,0,1-2.91-2.18,5.74,5.74,0,0,1-.67-1.47s0-.07,0-.11a4,4,0,0,1-.16-.89,7.34,7.34,0,0,1,0-.94v-.09a6.38,6.38,0,0,1,.2-1.31A7.9,7.9,0,0,1,21.7,6.94a8.44,8.44,0,0,1,2.49-1.47c.25-.09.51-.18.76-.25l.46-.13a8.78,8.78,0,0,1,1.16-.2,4.5,4.5,0,0,1,1.16,0,.48.48,0,0,1,.18,0,3.76,3.76,0,0,0-3,3.65V8.7a5.79,5.79,0,0,1,1.93.73,4.41,4.41,0,0,1,1.27,1.16l.07.11a4.26,4.26,0,0,1,.55,1.18A5.3,5.3,0,0,1,29,13.19v.18a5.28,5.28,0,0,1-.56,2.22M24,4a9.13,9.13,0,1,0,9.12,9.13A9.13,9.13,0,0,0,24,4" fill="#fff" fill-rule="evenodd"></path></g></g></g><g id="ab7553bc-3ad2-4546-bba5-f1487e8311fb" data-name="Mouth"><path id="f9f20c66-550d-48d7-b912-b9dca9046d0e" data-name="Fill" d="M33.52,36.87a.83.83,0,0,0-1.2,0,11.77,11.77,0,0,1-16.83,0,.83.83,0,0,0-1.2,0,.88.88,0,0,0,0,1.22l0,0a13.46,13.46,0,0,0,19.23,0,.9.9,0,0,0,0-1.24" fill="#4a4d4e" fill-rule="evenodd"></path></g><g id="a303a073-6090-4810-be93-9117ab65d604" data-name="Eyes"><path id="f7bc4ef8-9e67-4b6f-b050-23f39478a749" data-name="Fill" d="M14.13,29.62h0a2.74,2.74,0,1,0,0-1.37,4.08,4.08,0,0,0-.09.69v0a3.29,3.29,0,0,0,.09.64" fill="#4a4d4e" fill-rule="evenodd"></path><path id="e0e19617-5e7c-4cd3-b4bd-fadc98b4df93" data-name="Fill" d="M28.42,29.64a2.74,2.74,0,0,0,5.3,0,1.63,1.63,0,0,0,.07-.5V29a2.75,2.75,0,0,0-5.49-.09,2.22,2.22,0,0,0,.12.77" fill="#4a4d4e" fill-rule="evenodd"></path></g></g></svg> </span> <span class="visually-hidden"></span> </a> <a href="https://tobi.vodafone.pt"> <span class="footer-ws10__chat--text">Chat TOBi</span> </a> </div> </div> <div class="grid__item grid__item--1/5 grid__item--sm-1/3 footer-ws10__communitySection"> <div class="footer-ws10__chat"> <a role="button" href="https://api.whatsapp.com/send/?phone=351910070707&app_absent=0" target="_blank"> <span class="icon icon--fill icon--large " style="width: 32px; height: 32px;"> <svg viewBox="0 0 24 24"><path id="Whatsapp" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M7.971,18.145l0.272,0.161 c1.144,0.676,2.455,1.033,3.791,1.033h0.003c4.105,0,7.448-3.326,7.449-7.414c0.001-1.981-0.774-3.844-2.18-5.245 S14.03,4.507,12.04,4.506c-4.109,0-7.45,3.326-7.452,7.413c-0.001,1.401,0.393,2.765,1.139,3.945l0.177,0.28l-0.753,2.736 L7.971,18.145z M3,21l1.271-4.622c-0.784-1.353-1.197-2.887-1.196-4.459C3.077,7.001,7.098,3,12.038,3 c2.397,0.001,4.648,0.93,6.34,2.616c1.692,1.686,2.623,3.927,2.623,6.31c-0.002,4.918-4.023,8.92-8.962,8.92l0,0h-0.004 c-1.5-0.001-2.974-0.375-4.283-1.086L3,21z M9.797,8.19C9.616,7.755,9.431,7.814,9.293,7.808C9.163,7.801,9.014,7.8,8.865,7.8 c-0.15,0-0.392,0.056-0.597,0.279C8.062,8.302,7.484,8.841,7.484,9.938s0.802,2.157,0.914,2.306c0.112,0.148,1.579,2.4,3.825,3.365 c0.535,0.229,0.952,0.367,1.277,0.47c0.536,0.169,1.024,0.146,1.41,0.088c0.431-0.064,1.325-0.539,1.511-1.06 c0.187-0.521,0.187-0.967,0.131-1.06c-0.056-0.093-0.206-0.149-0.429-0.26c-0.224-0.111-1.325-0.651-1.53-0.725 c-0.206-0.074-0.355-0.111-0.504,0.111c-0.149,0.223-0.579,0.725-0.709,0.874c-0.131,0.148-0.261,0.167-0.485,0.056 c-0.224-0.111-0.945-0.347-1.801-1.106c-0.666-0.591-1.115-1.321-1.246-1.543c-0.131-0.223-0.014-0.344,0.098-0.455 c0.101-0.1,0.224-0.26,0.336-0.39c0.112-0.13,0.149-0.223,0.224-0.372c0.075-0.149,0.037-0.279-0.019-0.39 C10.432,9.733,9.984,8.636,9.797,8.19"></path></svg> </span> <span class="visually-hidden"></span> </a> <a href="https://api.whatsapp.com/send/?phone=351910070707&app_absent=0"> <span class="footer-ws10__chat--text">WhatsApp</span> </a> </div> </div> <div class="grid__item grid__item--1/5 grid__item--sm-1/3 footer-ws10__communitySection"> <div class="footer-ws10__chat"> <a role="button" href="https://www.livroreclamacoes.pt/inicio" target="_self" onclick="var visitor_login_status = 'Logged In' || 'Logged Out'; utag.link({ 'event_action' : 'Footer Click', 'event_category' : 'Footer', 'event' : ['event_instance'], 'event_label' : 'Livro de Reclamações', 'event_value' : '1', 'page_name_next' : 'Livro de Reclamações', 'visitor_login_status' : visitor_login_status });"> <span class="icon icon--fill 12 " style="width: 32px; height: 32px;"> <svg viewBox="0 0 24 24"><path style="fill: none; stroke-width: 8; stroke-linecap: round; stroke-linejoin: miter; stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-miterlimit: 4;" d="M 94.09375 42.5625 C 94.0625 38.9375 97 36 100.625 36 L 166.625 36 L 166.625 72.28125 C 166.65625 73.9375 166 75.5625 164.8125 76.75 C 163.65625 77.96875 162.0625 78.65625 160.375 78.65625 L 123.96875 78.65625 " transform="matrix(0.125,0,0,0.125,0,0)"></path><path style="fill: none; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-miterlimit: 4;" d="M 123.9375 78.65625 L 106.875 95.71875 L 106.875 78.65625 L 100.46875 78.65625 C 97 78.71875 94.125 75.90625 94.09375 72.40625 L 94.09375 42.5625 " transform="matrix(0.125,0,0,0.125,0,0)"></path><path style="fill: none; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-miterlimit: 4;" d="M 25.40625 156 C 29.21875 138.21875 42.625 125.125 58.5625 125.125 C 74.53125 125.125 87.9375 138.21875 91.71875 156 " transform="matrix(0.125,0,0,0.125,0,0)"></path><path style="fill: none; stroke-width: 8; stroke-linecap: butt; stroke-linejoin: miter; stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-miterlimit: 4;" d="M 77.875 103.875 C 77.875 114.5625 69.25 123.1875 58.5625 123.1875 C 47.90625 123.1875 39.25 114.5625 39.25 103.875 C 39.25 93.21875 47.90625 84.5625 58.5625 84.5625 L 77.875 84.5625 Z M 77.875 103.875 " transform="matrix(0.125,0,0,0.125,0,0)"></path></svg> </span> <span class="visually-hidden"></span> </a> <a href="https://www.vodafone.pt/fale-connosco.html"> <span class="footer-ws10__chat--text">Fale connosco</span> </a> </div> </div> <div class="grid__item grid__item--1/5 grid__item--sm-1/3 footer-ws10__communitySection"> <div class="footer-ws10__chat"> <a role="button" href="https://www.livroreclamacoes.pt/inicio" target="_self" onclick="var visitor_login_status = 'Logged In' || 'Logged Out'; utag.link({ 'event_action' : 'Footer Click', 'event_category' : 'Footer', 'event' : ['event_instance'], 'event_label' : 'Livro de Reclamações', 'event_value' : '1', 'page_name_next' : 'Livro de Reclamações', 'visitor_login_status' : visitor_login_status });"> <span class="icon icon--fill 10 " style="width: ; height: ;"> <svg viewBox="0 0 161.9 68.5" enable-background="new 0 0 161.9 68.5" xml:space="preserve" height="32px"> <g> <circle fill="#FFFFFF" cx="33.8" cy="33.6" r="32.9"></circle> <g> <g> <path fill="#333333" d="M6.6,28h1.3v9h4.3v1.1H6.6V28z"></path> <path fill="#333333" d="M15,28v10.1h-1.3V28H15z"></path> <path fill="#333333" d="M19.5,38.1L16.2,28h1.4l1.6,5c0.4,1.4,0.8,2.6,1.1,3.8h0c0.3-1.2,0.7-2.4,1.2-3.8l1.7-5h1.4l-3.6,10.1 H19.5z"></path> <path fill="#333333" d="M25.6,28.1c0.7-0.1,1.6-0.2,2.5-0.2c1.4,0,2.3,0.3,2.9,0.8c0.5,0.4,0.8,1.1,0.8,1.9 c0,1.3-0.8,2.2-1.9,2.6v0c0.8,0.3,1.2,1,1.5,2c0.3,1.4,0.6,2.4,0.8,2.8h-1.3c-0.2-0.3-0.4-1.2-0.7-2.4c-0.3-1.4-0.8-1.9-2-2h-1.2 v4.4h-1.3V28.1z M26.9,32.7h1.3c1.4,0,2.3-0.8,2.3-1.9c0-1.3-0.9-1.9-2.3-1.9c-0.6,0-1.1,0.1-1.3,0.1V32.7z"></path> <path fill="#333333" d="M42.4,33c0,3.5-2.1,5.3-4.7,5.3c-2.7,0-4.5-2.1-4.5-5.1c0-3.2,2-5.3,4.7-5.3C40.6,27.8,42.4,30,42.4,33z M34.5,33.1c0,2.2,1.2,4.1,3.2,4.1c2.1,0,3.2-1.9,3.2-4.2c0-2-1-4.1-3.2-4.1C35.6,28.9,34.5,30.9,34.5,33.1z"></path> <path fill="#333333" d="M47.2,28.1C48,28,49,27.9,50,27.9c1.9,0,3.2,0.4,4.1,1.3c0.9,0.8,1.4,2,1.4,3.6c0,1.6-0.5,3-1.5,3.9 c-0.9,0.9-2.5,1.5-4.5,1.5c-0.9,0-1.7,0-2.4-0.1V28.1z M48.5,37.1c0.3,0.1,0.8,0.1,1.3,0.1c2.8,0,4.3-1.6,4.3-4.3 c0-2.4-1.3-3.9-4.1-3.9c-0.7,0-1.2,0.1-1.5,0.1V37.1z"></path> <path fill="#333333" d="M62.4,33.4h-3.9V37h4.4v1.1h-5.7V28h5.5v1.1h-4.1v3.2h3.9V33.4z"></path> <path fill="#FFFFFF" d="M67.8,28.1c0.7-0.1,1.6-0.2,2.5-0.2c1.4,0,2.3,0.3,2.9,0.8c0.5,0.4,0.8,1.1,0.8,1.9 c0,1.3-0.8,2.2-1.9,2.6v0c0.8,0.3,1.2,1,1.5,2c0.3,1.4,0.6,2.4,0.8,2.8H73c-0.2-0.3-0.4-1.2-0.7-2.4c-0.3-1.4-0.8-1.9-2-2h-1.2 v4.4h-1.3V28.1z M69.1,32.7h1.3c1.4,0,2.3-0.8,2.3-1.9c0-1.3-0.9-1.9-2.3-1.9c-0.6,0-1.1,0.1-1.3,0.1V32.7z"></path> <path fill="#FFFFFF" d="M81,33.4h-3.9V37h4.4v1.1h-5.7V28h5.5v1.1h-4.1v3.2H81V33.4z"></path> <path fill="#FFFFFF" d="M90.2,37.8c-0.5,0.2-1.4,0.5-2.7,0.5c-2.8,0-5-1.8-5-5.1c0-3.2,2.1-5.3,5.3-5.3c1.3,0,2.1,0.3,2.4,0.4 l-0.3,1.1c-0.5-0.2-1.2-0.4-2-0.4c-2.4,0-3.9,1.5-3.9,4.2c0,2.5,1.4,4.1,3.9,4.1c0.8,0,1.6-0.2,2.1-0.4L90.2,37.8z"></path> <path fill="#FFFFFF" d="M91.9,28h1.3v9h4.3v1.1h-5.6V28z"></path> <path fill="#FFFFFF" d="M100.6,34.9l-1,3.2h-1.3l3.4-10.1h1.6l3.4,10.1h-1.4l-1.1-3.2H100.6z M103.9,33.9l-1-2.9 c-0.2-0.7-0.4-1.3-0.5-1.8h0c-0.1,0.6-0.3,1.2-0.5,1.8l-1,2.9H103.9z"></path> <path fill="#FFFFFF" d="M116.6,33.7c-0.1-1.4-0.2-3.1-0.1-4.4h0c-0.3,1.2-0.8,2.4-1.3,3.8l-1.8,4.9h-1l-1.6-4.8 c-0.5-1.4-0.9-2.7-1.2-3.9h0c0,1.3-0.1,2.9-0.2,4.5l-0.3,4.3h-1.2l0.7-10.1h1.7l1.7,4.9c0.4,1.2,0.8,2.4,1,3.4h0 c0.3-1,0.6-2.1,1.1-3.4l1.8-4.9h1.7l0.6,10.1h-1.3L116.6,33.7z"></path> <path fill="#FFFFFF" d="M121.6,34.9l-1,3.2h-1.3l3.4-10.1h1.6l3.4,10.1h-1.4l-1.1-3.2H121.6z M124.9,33.9l-1-2.9 c-0.2-0.7-0.4-1.3-0.5-1.8h0c-0.1,0.6-0.3,1.2-0.5,1.8l-1,2.9H124.9z"></path> <path fill="#FFFFFF" d="M135.9,37.8c-0.5,0.2-1.4,0.5-2.7,0.5l-0.3,0.6c0.6,0.1,1,0.5,1,1.1c0,0.9-0.8,1.2-1.5,1.2 c-0.4,0-0.8-0.1-1.1-0.3l0.2-0.7c0.2,0.1,0.5,0.2,0.8,0.2c0.3,0,0.6-0.1,0.6-0.5c0-0.4-0.5-0.6-1.2-0.6l0.6-1.2 c-2.5-0.3-4.2-2.1-4.2-5.1c0-3.2,2.1-5.3,5.3-5.3c1.3,0,2.1,0.3,2.4,0.4l-0.3,1.1c-0.5-0.2-1.2-0.4-2-0.4c-2.4,0-3.9,1.5-3.9,4.2 c0,2.5,1.4,4.1,3.9,4.1c0.8,0,1.6-0.2,2.1-0.4L135.9,37.8z"></path> <path fill="#FFFFFF" d="M145.9,33c0,3.5-2.1,5.3-4.7,5.3c-2.7,0-4.5-2.1-4.5-5.1c0-3.2,2-5.3,4.7-5.3 C144.1,27.8,145.9,30,145.9,33z M138.1,33.1c0,2.2,1.2,4.1,3.2,4.1c2.1,0,3.2-1.9,3.2-4.2c0-2-1-4.1-3.2-4.1 C139.1,28.9,138.1,30.9,138.1,33.1z M139.4,27.4c0-0.9,0.4-1.5,1-1.5c0.3,0,0.6,0.1,0.9,0.3c0.2,0.1,0.5,0.3,0.7,0.3 c0.2,0,0.4-0.1,0.4-0.6h0.7c0,0.9-0.3,1.5-1,1.5c-0.3,0-0.6-0.1-0.9-0.3c-0.3-0.1-0.5-0.3-0.7-0.3c-0.2,0-0.4,0.3-0.4,0.7H139.4z "></path> <path fill="#FFFFFF" d="M152.8,33.4h-3.9V37h4.4v1.1h-5.7V28h5.5v1.1h-4.1v3.2h3.9V33.4z"></path> <path fill="#FFFFFF" d="M154.8,36.5c0.6,0.4,1.4,0.7,2.3,0.7c1.3,0,2.1-0.7,2.1-1.7c0-0.9-0.5-1.5-1.9-2 c-1.6-0.6-2.7-1.4-2.7-2.9c0-1.6,1.3-2.7,3.3-2.7c1,0,1.8,0.2,2.2,0.5l-0.4,1.1c-0.3-0.2-1-0.5-1.9-0.5c-1.4,0-1.9,0.8-1.9,1.5 c0,0.9,0.6,1.4,2,1.9c1.7,0.7,2.6,1.5,2.6,3c0,1.6-1.2,2.9-3.5,2.9c-1,0-2-0.3-2.6-0.6L154.8,36.5z"></path> </g> </g> </g> </svg> </span> <span class="visually-hidden"></span> </a> </div> </div> </div> </div> <div class="grid__item grid__item--2/6 footer-ws10__logo hide--md hide--sm"> <div> <span class="icon icon--fill icon--extra-large " style="width: ; height: ;"> <svg viewBox="0 0 192 192"><path fill="#ffffff" stroke="none" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" d="M128.52,26.92 c-13.77,3.06-24.7,15.92-24.7,30.53c-0.028,0.408,0.016,0.818,0.13,1.21c23.19,5.66,33.84,19.68,33.84,39.09 s-15.24,40.71-41.12,40.85c-21,0-42.86-17.93-43-46.64C53.67,73,63.92,54.61,77,43.7c12.81-10.52,30.33-17.39,46.24-17.39 c1.615-0.028,3.229,0.099,4.82,0.38C88.906,7.691,41.764,24.029,22.764,63.183s-2.661,86.296,36.493,105.296 s86.296,2.661,105.296-36.493c18.91-38.97,2.821-85.897-36.023-105.066H128.52z"></path></svg> </span> <span class="visually-hidden"></span> </div> </div> <hr class="footer-ws10__hr hide--md hide--sm"/> <h2 class="visually-hidden">Site map</h2> <div class="grid__item grid__item--1/1 hide--sm hide--md footer-ws10__sitemap"> <ul class="grid heading--leading heading--trailing"> <li class="grid__item grid__item--1/4"> <div> <span class="footer-ws10__title " onclick="; tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Sobre a Vodafone')"> Sobre a Vodafone </span> <ul class="list--reset"> <li class="list__item footer-ws10__item footer-ws10__item-first"> <a href="https://www.vodafone.pt/a-vodafone.html" onclick=";footerTealiumRequest('A Vodafone',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Sobre a Vodafone:A Vodafone')"> A Vodafone </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/5g.html" onclick=";footerTealiumRequest('Rede 5G',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Sobre a Vodafone:Rede 5G')"> Rede 5G </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/press-releases.html" onclick=";footerTealiumRequest('Press Releases',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Sobre a Vodafone:Press Releases')"> Press Releases </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/a-vodafone/responsabilidade-social.html" onclick=";footerTealiumRequest('Responsabilidade Social',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Sobre a Vodafone:Responsabilidade Social')"> Responsabilidade Social </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/a-vodafone/fundacao.html" onclick=";footerTealiumRequest('Fundação Vodafone',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Sobre a Vodafone:Fundação Vodafone')"> Fundação Vodafone </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/a-vodafone/recrutamento.html" onclick=";footerTealiumRequest('Trabalhar na Vodafone',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Sobre a Vodafone:Trabalhar na Vodafone')"> Trabalhar na Vodafone </a> </li> <li class="list__item footer-ws10__item "> <a href="http://powerlab.vodafone.pt/" onclick=";footerTealiumRequest('Vodafone Power Lab',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Sobre a Vodafone:Vodafone Power Lab')"> Vodafone Power Lab </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/v-hub.html" onclick=";footerTealiumRequest('V-HUB Business',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Sobre a Vodafone:V-HUB Business')"> V-HUB Business </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/telemoveis/rede-movel-vodafone/descontinuacao-3g.html" onclick=";footerTealiumRequest('Descontinuação 3G',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Sobre a Vodafone:Descontinuação 3G')"> Descontinuação 3G </a> </li> </ul> </div> </li> <li class="grid__item grid__item--1/4"> <div> <span class="footer-ws10__title " onclick="; tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Serviços e Soluções')"> Serviços e Soluções </span> <ul class="list--reset"> <li class="list__item footer-ws10__item footer-ws10__item-first"> <a href="https://www.vodafone.pt/business/comunicacoes/pacotes-empresas.html" onclick=";footerTealiumRequest('Pacotes para empresas',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Serviços e Soluções:Pacotes para empresas')"> Pacotes para empresas </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/comunicacoes/voz/movel.html" onclick=";footerTealiumRequest('Tarifários',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Serviços e Soluções:Tarifários')"> Tarifários </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/comunicacoes/central/one-net.html" onclick=";footerTealiumRequest('One Net',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Serviços e Soluções:One Net')"> One Net </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/solucoes/seguranca-e-cloud.html" onclick=";footerTealiumRequest('Segurança e Cloud',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Serviços e Soluções:Segurança e Cloud')"> Segurança e Cloud </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/solucoes/negocio-digital.html" onclick=";footerTealiumRequest('Negócio Digital',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Serviços e Soluções:Negócio Digital')"> Negócio Digital </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/solucoes/gestao-e-eficiencia.html" onclick=";footerTealiumRequest('Gestão e Eficiência',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Serviços e Soluções:Gestão e Eficiência')"> Gestão e Eficiência </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/setores.html" onclick=";footerTealiumRequest('Setores',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Serviços e Soluções:Setores')"> Setores </a> </li> </ul> </div> </li> <li class="grid__item grid__item--1/4"> <div> <span class="footer-ws10__title " onclick="; tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Loja Online')"> Loja Online </span> <ul class="list--reset"> <li class="list__item footer-ws10__item footer-ws10__item-first"> <a href="https://www.vodafone.pt/loja/telemoveis.html?segment=business" onclick=";footerTealiumRequest('Telemóveis',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Loja Online:Telemóveis')"> Telemóveis </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/loja/clube-viva.html?segment=business" onclick=";footerTealiumRequest('Clube Viva',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Loja Online:Clube Viva')"> Clube Viva </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/loja/telemoveis.html?segment=business&highlight=Promo%C3%A7%C3%B5es" onclick=";footerTealiumRequest('Promoções',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Loja Online:Promoções')"> Promoções </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/loja/internet-movel.html?segment=business" onclick=";footerTealiumRequest('Routers e Tablets',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Loja Online:Routers e Tablets')"> Routers e Tablets </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/loja/acessorios.html?segment=business" onclick=";footerTealiumRequest('Acessórios',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Loja Online:Acessórios')"> Acessórios </a> </li> </ul> </div> </li> <li class="grid__item grid__item--1/4"> <div> <span class="footer-ws10__title " onclick="; tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Mais suporte')"> Mais suporte </span> <ul class="list--reset"> <li class="list__item footer-ws10__item footer-ws10__item-first"> <a href="https://www.vodafone.pt/content/digitalhelp/pt/ajuda.html?tab=voz-internet#empresarial" onclick=";footerTealiumRequest('Ajuda',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Mais suporte:Ajuda')"> Ajuda </a> </li> <li class="list__item footer-ws10__item "> <a href="https://r2x56.app.goo.gl/faturacao" onclick=";footerTealiumRequest('Ver Fatura',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Mais suporte:Ver Fatura')"> Ver Fatura </a> </li> <li class="list__item footer-ws10__item "> <a href="http://www.vodafone.pt/lojas.html" onclick=";footerTealiumRequest('Lojas',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Mais suporte:Lojas')"> Lojas </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/content/digitalhelp/pt/ajuda/contactos.html?passo=1" onclick=";footerTealiumRequest('Contactos',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Mais suporte:Contactos')"> Contactos </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/downloads.html" onclick=";footerTealiumRequest('Download Centre',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Mais suporte:Download Centre')"> Download Centre </a> </li> <li class="list__item footer-ws10__item "> <a href="https://forum.vodafone.pt/" onclick=";footerTealiumRequest('Comunidade Vodafone',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Mais suporte:Comunidade Vodafone')"> Comunidade Vodafone </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/loja/estado-encomenda.html" onclick=";footerTealiumRequest('Estado da encomenda',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Mais suporte:Estado da encomenda')"> Estado da encomenda </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/campanhas/happy-summer.html" onclick=";footerTealiumRequest('Happy Summer',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Mais suporte:Happy Summer')"> Happy Summer </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/alertas-e-seguranca.html" onclick=";footerTealiumRequest('Alertas e Segurança',''); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu', 'Mais suporte:Alertas e Segurança')"> Alertas e Segurança </a> </li> </ul> </div> </li> </ul> </div> <div class="hide--lg"> <div class="js-accordion footer-ws10__accordion" data-js="_accordion" style="letter-spacing: normal;"> <div class="js-accordion-item footer-ws10-accordion__item " onClick="tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu Dropdown', 'Sobre a Vodafone')"> <h3 class="js-accordion-heading footer-ws10-accordion__heading footer-ws10-accordion__heading--active"> <span class="chevron"> <span class="chevron__text">Sobre a Vodafone</span> <span class="js-accordion-chevron chevron__container accordion__chevron"> <svg focusable="false" aria-hidden="true" class="icon icon--small chevron__icon chevron__icon--white"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use> </svg> </span> </span> </h3> <div class="js-accordion-content footer-ws10-accordion__content footer-ws10-accordion__content--collapse"> <ul class="list list--reset"> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/a-vodafone.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Sobre a Vodafone:A Vodafone');"> A Vodafone </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/5g.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Sobre a Vodafone:Rede 5G');"> Rede 5G </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/press-releases.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Sobre a Vodafone:Press Releases');"> Press Releases </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/a-vodafone/responsabilidade-social.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Sobre a Vodafone:Responsabilidade Social');"> Responsabilidade Social </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/a-vodafone/fundacao.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Sobre a Vodafone:Fundação Vodafone');"> Fundação Vodafone </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/a-vodafone/recrutamento.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Sobre a Vodafone:Trabalhar na Vodafone');"> Trabalhar na Vodafone </a> </li> <li class="list__item footer-ws10__item "> <a href="http://powerlab.vodafone.pt/" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Sobre a Vodafone:Vodafone Power Lab');"> Vodafone Power Lab </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/v-hub.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Sobre a Vodafone:V-HUB Business');"> V-HUB Business </a> </li> <li class="list__item footer-ws10__item footer-ws10__item-last"> <a href="https://www.vodafone.pt/telemoveis/rede-movel-vodafone/descontinuacao-3g.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Sobre a Vodafone:Descontinuação 3G');"> Descontinuação 3G </a> </li> </ul> </div> </div> <div class="js-accordion-item footer-ws10-accordion__item " onClick="tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu Dropdown', 'Serviços e Soluções')"> <h3 class="js-accordion-heading footer-ws10-accordion__heading footer-ws10-accordion__heading--active"> <span class="chevron"> <span class="chevron__text">Serviços e Soluções</span> <span class="js-accordion-chevron chevron__container accordion__chevron"> <svg focusable="false" aria-hidden="true" class="icon icon--small chevron__icon chevron__icon--white"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use> </svg> </span> </span> </h3> <div class="js-accordion-content footer-ws10-accordion__content footer-ws10-accordion__content--collapse"> <ul class="list list--reset"> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/comunicacoes/pacotes-empresas.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Serviços e Soluções:Pacotes para empresas');"> Pacotes para empresas </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/comunicacoes/voz/movel.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Serviços e Soluções:Tarifários');"> Tarifários </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/comunicacoes/central/one-net.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Serviços e Soluções:One Net');"> One Net </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/solucoes/seguranca-e-cloud.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Serviços e Soluções:Segurança e Cloud');"> Segurança e Cloud </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/solucoes/negocio-digital.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Serviços e Soluções:Negócio Digital');"> Negócio Digital </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/business/solucoes/gestao-e-eficiencia.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Serviços e Soluções:Gestão e Eficiência');"> Gestão e Eficiência </a> </li> <li class="list__item footer-ws10__item footer-ws10__item-last"> <a href="https://www.vodafone.pt/business/setores.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Serviços e Soluções:Setores');"> Setores </a> </li> </ul> </div> </div> <div class="js-accordion-item footer-ws10-accordion__item " onClick="tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu Dropdown', 'Mais suporte')"> <h3 class="js-accordion-heading footer-ws10-accordion__heading footer-ws10-accordion__heading--active"> <span class="chevron"> <span class="chevron__text">Mais suporte</span> <span class="js-accordion-chevron chevron__container accordion__chevron"> <svg focusable="false" aria-hidden="true" class="icon icon--small chevron__icon chevron__icon--white"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use> </svg> </span> </span> </h3> <div class="js-accordion-content footer-ws10-accordion__content footer-ws10-accordion__content--collapse"> <ul class="list list--reset"> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/content/digitalhelp/pt/ajuda.html?tab=voz-internet#empresarial" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Mais suporte:Ajuda');"> Ajuda </a> </li> <li class="list__item footer-ws10__item "> <a href="https://r2x56.app.goo.gl/faturacao" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Mais suporte:Ver Fatura');"> Ver Fatura </a> </li> <li class="list__item footer-ws10__item "> <a href="http://www.vodafone.pt/lojas.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Mais suporte:Lojas');"> Lojas </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/content/digitalhelp/pt/ajuda/contactos.html?passo=1" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Mais suporte:Contactos');"> Contactos </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/downloads.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Mais suporte:Download Centre');"> Download Centre </a> </li> <li class="list__item footer-ws10__item "> <a href="https://forum.vodafone.pt/" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Mais suporte:Comunidade Vodafone');"> Comunidade Vodafone </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/loja/estado-encomenda.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Mais suporte:Estado da encomenda');"> Estado da encomenda </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/campanhas/happy-summer.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Mais suporte:Happy Summer');"> Happy Summer </a> </li> <li class="list__item footer-ws10__item footer-ws10__item-last"> <a href="https://www.vodafone.pt/alertas-e-seguranca.html" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Mais suporte:Alertas e Segurança');"> Alertas e Segurança </a> </li> </ul> </div> </div> <div class="js-accordion-item footer-ws10-accordion__item footer__heading--last" onClick="tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu Dropdown', 'Loja Online')"> <h3 class="js-accordion-heading footer-ws10-accordion__heading footer-ws10-accordion__heading--active"> <span class="chevron"> <span class="chevron__text">Loja Online</span> <span class="js-accordion-chevron chevron__container accordion__chevron"> <svg focusable="false" aria-hidden="true" class="icon icon--small chevron__icon chevron__icon--white"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use> </svg> </span> </span> </h3> <div class="js-accordion-content footer-ws10-accordion__content footer-ws10-accordion__content--collapse"> <ul class="list list--reset"> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/loja/telemoveis.html?segment=business" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Loja Online:Telemóveis');"> Telemóveis </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/loja/clube-viva.html?segment=business" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Loja Online:Clube Viva');"> Clube Viva </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/loja/telemoveis.html?segment=business&highlight=Promo%C3%A7%C3%B5es" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Loja Online:Promoções');"> Promoções </a> </li> <li class="list__item footer-ws10__item "> <a href="https://www.vodafone.pt/loja/internet-movel.html?segment=business" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Loja Online:Routers e Tablets');"> Routers e Tablets </a> </li> <li class="list__item footer-ws10__item footer-ws10__item-last"> <a href="https://www.vodafone.pt/loja/acessorios.html?segment=business" onclick="event.stopPropagation(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Main Menu','Loja Online:Acessórios');"> Acessórios </a> </li> </ul> </div> </div> </div> </div> <script src="/etc.clientlibs/digital-commons/components/content/structure/vf_footer_ws10/vf_footer_ws10_siteMap/clientlibs.min.js"></script> <div> <div class="footer-ws10__aside grid__item--md-1/1"> <div> <ul class="list list--reset no-gutter--md-bottom no-gutter--lg-bottom footer-ws10__contracts grid__item"> <li class="list__item footer-ws10__contract footer-ws10__contract--first"> <a href="https://www.vodafone.pt/portalprivacidade.html" onclick="; tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Legal Menu', 'Privacidade')"> Privacidade </a> </li> </ul> <ul class="list list--reset no-gutter--md-bottom no-gutter--lg-bottom footer-ws10__contracts grid__item"> <li class="list__item footer-ws10__contract "> <a href="/beneficios.html" onclick="; tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Legal Menu', 'Benefícios Vodafone')"> Benefícios Vodafone </a> </li> </ul> <ul class="list list--reset no-gutter--md-bottom no-gutter--lg-bottom footer-ws10__contracts grid__item"> <li class="list__item footer-ws10__contract "> <a href="https://www.vodafone.pt/info/termos-condicoes/servicosdigitais.html" onclick="; tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Legal Menu', 'Serviços Digitais')"> Serviços Digitais </a> </li> </ul> <ul class="list list--reset no-gutter--md-bottom no-gutter--lg-bottom footer-ws10__contracts grid__item"> <li class="list__item footer-ws10__contract "> <a href="#" target="_self" onclick="window.vfptShowDialog(); tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Legal Menu', 'Configuração de Cookies')"> Configuração de Cookies </a> </li> </ul> <ul class="list list--reset no-gutter--md-bottom no-gutter--lg-bottom footer-ws10__contracts grid__item"> <li class="list__item footer-ws10__contract "> <a href="#" onclick="setTimeout(function(){typeof KAMPYLE_ONSITE_SDK !== 'undefined' && KAMPYLE_ONSITE_SDK.showForm('16738');}, 200);; tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Legal Menu', 'Feedback')"> Feedback </a> </li> </ul> <ul class="list list--reset no-gutter--md-bottom no-gutter--lg-bottom footer-ws10__contracts grid__item"> <li class="list__item footer-ws10__contract "> <a href="https://www.vodafone.pt/business/wholesale.html" onclick="; tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Legal Menu', 'Ofertas Wholesale')"> Ofertas Wholesale </a> </li> </ul> <ul class="list list--reset no-gutter--md-bottom no-gutter--lg-bottom footer-ws10__contracts grid__item"> <li class="list__item footer-ws10__contract "> <a href="https://www.vodafone.pt/en/about-us.html" onclick="; tealium_footerWS10.methods.handleFooterWS10Click('Event Click Footer Legal Menu', 'English')"> English </a> </li> </ul> </div> <div id="getYear" class="footer-ws10__copyright grid__item">© {{year}} {{footerText}}</div> </div></div> </div> </div> </div> </div> </div> </footer> </div> <script src="/etc.clientlibs/digital-commons/components/content/structure/vf_footer_ws10/clientlibs.min.js"></script> </div> </div> </div></div> </div> </div> </div> <div id="ttc" class="tooltip__main" xmlns:v-if="http://www.w3.org/1999/xhtml" style="display:none"> <span> <div v-if="defaultSide" class="caption"> <div class="caption__media caption__media--top tooltip__main--media tooltip__main--right"> <svg class="icon icon--small alert__icon" style=""> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-info-circle-light"></use> </svg> </div> <div class="caption__text caption__text--top alert__text tooltip__main--text tooltip__main--left" style="max-width: 320px;" id="tooltip_text"> {{title}} </div> </div> <div v-else class="caption"> <div class="caption__text caption__text--top alert__text tooltip__main--text tooltip__main--right" style="max-width: 320px;"> {{title}} </div> <div class="caption__media caption__media--top tooltip__main--media tooltip__main--left" style=""> <svg class="icon icon--small alert__icon" style="tooltipComponent"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-info-circle-light"></use> </svg> </div> </div> </span> </div> <script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_tooltip/clientlibs.min.js"></script> </div> <script src="/etc.clientlibs/digital-commons/clientlibs/clientlib-site.min.js"></script>  <script type="text/javascript" src="https://customer.cludo.com/scripts/bundles/search-script.min.js"></script> <script type="text/javascript" src="https://customer.cludo.com/assets/1977/10229/cludo-search.min.js"></script> <script src="/etc.clientlibs/digital-commons/clientlibs/vendor/cludo.min.js"></script> <script type="text/javascript" defer>(function(a,b,c,d){a='https://tags.vodafone.pt/pt-universal/prod/utag.js';b=document;c='script';d=b.createElement(c);d.src=a;d.type='text/java'+c;d.async=true;d.addEventListener('load',function(){tealiumBus.$emit('utag-loaded')},false);a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a);})();</script> <script>if(propertiesPath.indexOf('digital-sites')>-1){var hasBreadcrumb=window.breadcrumb!=null&&window.breadcrumb!=undefined;if(hasBreadcrumb){var pagePathArray="";if(breadcrumb.$el&&breadcrumb.$el.children[0]&&breadcrumb.$el.children[0].children[0]){if(breadcrumb.$el.children[0].children[0].className==="visually-hidden")pagePathArray=breadcrumb.$el.children[0].children[1]?breadcrumb.$el.children[0].children[1].children:"";else if(breadcrumb.$el.children[0].children[0].className==="spring")pagePathArray=breadcrumb.$el.children[0].children[0].children[1]?breadcrumb.$el.children[0].children[0].children[1].children:"";}var pagePath="";var i;for(i=0;i<pagePathArray.length;i++){var innerText=pagePathArray[i].innerText.trim();if(i!=pagePathArray.length-1||(innerText!="Voz Móvel"&&innerText!=document.title&&innerText!="")){pagePath+=innerText+":";}}pagePath=pagePath.slice(0,-1);}var pageName="EBU Mobile Voice";var pageSection="";var pagePropsEvent=""?"":"page_view";var productName="";const actionId="";var productCategory="";utag_data.event=pagePropsEvent.replace(/\s/g,'').split(',');utag_data.page_name=pageName?pageName:document.title;utag_data.page_section=pageSection?pageSection:hasBreadcrumb?pagePath:"";if(actionId){utag_data.action_id=actionId;delete utag_data.page_name;delete utag_data.page_section;}if(productName)utag_data.product_name=productName;if(productCategory)utag_data.product_category=productCategory;if(utag_data.product_name&&utag_data.product_category){if(!utag_data.event){utag_data.event=[];}utag_data.event.push("product_view");}utils.methods.sessionUtils().isLoggedIn();if(urlUtils.methods.isEshop()||urlUtils.methods.isHelpAndSupport()){if(SFUrl){SFUrl.sru=window.location.href;}}}</script>  <div id="mask"></div> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=190500288" async></script></body> </html>

CINXE.COM

Tarifários de Voz Móvel - Vodafone Business