PageSourceSearch

https://www.yorn.net/yorn/shake-it.html

html yorn.net collected 2026-10-02 12:42:57 UTC 116,062 bytes, 3,635 lines download raw bytes

1
2<!DOCTYPE HTML>
3<html lang="pt" class="js">
4
5<head>
6    <link rel="apple-touch-icon" sizes="180x180" href="https://www.yorn.net/content/dam/digital-yorn/favicon/apple-touch-icon.png"/>
7    <link rel="icon" type="image/png" sizes="32x32" href="https://www.yorn.net/content/dam/digital-yorn/favicon/favicon-32x32.png"/>
8    <link rel="icon" type="image/png" sizes="16x16" href="https://www.yorn.net/content/dam/digital-yorn/favicon/favicon-16x16.png"/>
9    
10    <link rel="icon" type="image/png" sizes="48x48" href="https://www.yorn.net/content/dam/digital-yorn/favicon/favicon-48x48.png"/>
11    <link rel="icon" type="image/png" sizes="96x96" href="https://www.yorn.net/content/dam/digital-yorn/favicon/favicon-96x96.png"/>
12    <link rel="icon" type="image/svg+xml" href="https://www.yorn.net/content/dam/digital-yorn/favicon/favicon.svg"/>
13
14    <link rel="manifest" href="https://www.yorn.net/content/dam/digital-yorn/favicon/site.webmanifest"/>
15
16    <title>Shake It - Joga e Ganha - Yorn</title>
17    <meta name="description" content="Queres ganhar montes de prémios? Só precisas de ser Yorn, ir a Yorn Shake It na App My Vodafone e agitar o teu telemóvel. Faz shake e ganha!"/>
18    <meta name="viewport" content="width=device-width, initial-scale=1"/>
19    <meta name="robots" content="index, follow"/>
20    <meta name="facebook-domain-verification" content="m2kj30gjqpgtlsz7qgfspqq8v33eep"/>
21
22    
23
24    <link rel="canonical"/>
25
26    
27
28    
29    
30        
31        
32            <meta property="og:title" content="Shake It - Joga e Ganha"/>
33        
34    
35        
36        
37            <meta property="og:description" content="Queres ganhar montes de prémios? Só precisas de ser Yorn, ir a Yorn Shake It na App My Vodafone e agitar o teu telemóvel. Faz shake e ganha!"/>
38        
39    
40        
41        
42            <meta property="og:url"/>
43        
44    
45        
46        
47            <meta property="og:type" content="website"/>
48        
49    
50        
51        
52            <meta property="og:site_name" content="YORN"/>
53        
54    
55        
56        
57            <meta property="og:locale" content="pt_PT"/>
58        
59    
60        
61        
62            <meta property="og:image" content="https://www.yorn.net/content/dam/digital-yorn/images/yorn-thumbnail-1200x630.jpg"/>
63        
64    
65        
66        
67            <meta property="twitter:card" content="summary"/>
68        
69    
70        
71        
72            <meta property="twitter:title" content="Shake It - Joga e Ganha"/>
73        
74    
75        
76        
77            <meta property="twitter:description" content="Queres ganhar montes de prémios? Só precisas de ser Yorn, ir a Yorn Shake It na App My Vodafone e agitar o teu telemóvel. Faz shake e ganha!"/>
78        
79    
80        
81        
82            <meta property="twitter:image" content="https://www.yorn.net/content/dam/digital-yorn/images/yorn-thumbnail-1200x630.jpg"/>
83        
84    
85
86    
86<script>
87
88        pageTitle = "Shake It - Joga e Ganha";
89
90        var pagePath = "/content/digital-yorn/pt/yorn/shake-it";
91        var canonicalUrl = "";
92        var canonicalPath = 'https://www.yorn.net/yorn';
93
94        if (pagePath.indexOf('digital-yorn') > -1){
95            if (pagePath.indexOf('yorn') > -1) {
96                if (pagePath.split('yorn')[1].length > -1) {
97                    canonicalPath += pagePath.split("content/digital-yorn/pt/yorn")[1] + '.html';
98                }
99            }
100        } else {
101            canonicalPath += '/' + pagePath.split("/pt/")[1] + '.html';
102        }
103
104        document.querySelector("link[rel='canonical']").setAttribute('href', canonicalPath);
105
106        if(canonicalUrl){
107            document.querySelector("link[rel='canonical']").setAttribute('href', canonicalUrl);
108        }
109
110    </script>
110
111
112    
113
114    
115<link rel="stylesheet" href="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn.min.eb8785fd1491bed5972fbbdb4e9d0384.css" type="text/css">
116
117
118
119
120
121    
122<script src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script>
vendor: 1 bytes, line 122
122
123<script src="/etc.clientlibs/digital-commons/clientlibs/vendor/crypto-js.min.js"></script>
vendor: 1 bytes, line 123
123
124<script src="/apps/digital-yorn/clientlib-yorn-all.min.js"></script>
124
125
126
127
128
129
130    
131<script src="/etc.clientlibs/digital-commons/clientlibs/clientlib-site.min.js"></script>
131
132
133
134
135
136
137<!-- fix $CQ AEM 6.5 dependencies issue -->
138
139    
140<script src="/etc.clientlibs/foundation/clientlibs/jquery.min.js"></script>
vendor: 1 bytes, line 140
140
141<script src="/etc.clientlibs/foundation/clientlibs/shared.min.js"></script>
141
142
143
144
145<!-- fix $CQ AEM 6.5 dependencies issue -->     
146
147
148<script type="text/javascript">
149            (function() {
150                window.ContextHub = window.ContextHub || {};
151
152                /* setting paths */
153                ContextHub.Paths = ContextHub.Paths || {};
154                ContextHub.Paths.CONTEXTHUB_PATH = "/etc/cloudsettings/default/contexthub";
155                ContextHub.Paths.RESOURCE_PATH = "\/content\/digital\u002Dyorn\/pt\/yorn\/shake\u002Dit\/_jcr_content\/contexthub";
156                ContextHub.Paths.SEGMENTATION_PATH = "\/etc\/segmentation\/contexthub";
157                ContextHub.Paths.CQ_CONTEXT_PATH = "";
158
159                /* setting initial constants */
160                ContextHub.Constants = ContextHub.Constants || {};
161                ContextHub.Constants.ANONYMOUS_HOME = "/home/users/n/nHTn7nqGDOz7EWn1HGuL";
162                ContextHub.Constants.MODE = "no-ui";
163            }());
164        </script>
164<script src="/etc/cloudsettings/default/contexthub.kernel.js" type="text/javascript"></script>
164
165
166
167
168
169
170
171
172    
172<script type="text/javascript" src="https://tags.vodafone.pt/pt-universal/prod/utag.sync.js"></script>
172
173
174
175<script>
176    let pageActionId = "Page View Yorn Shake It",
177        contextPartner = "",
178        propertiesPath = "/content/digital-yorn/pt/yorn/shake-it";
179    var utag_data = {
180        action_id: pageActionId
181    };
182    if(contextPartner){
183        utag_data.context_partner = contextPartner;
184    }
185</script>
185
186
187<!--COOKIE LAYER INIT-->
188
189    
190<link rel="stylesheet" href="/etc.clientlibs/digital-commons/components/content/hidden/vf_cookieContext/clientlibs.min.019054dbdd125855fcaa3af1ca6e5dff.css" type="text/css">
191<script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_cookieContext/clientlibs.min.js"></script>
191
192
193
194
195
196
197
198    
199
200
201<!---->
202
203    
204    
205    
206
207    
208    
209
210
211</head>
212
213<body class="mouse-active preload window-scroll" data-js="_preload, _mouseActive, _docs, _windowScroll, _fixed" style="background: #0a0a1f">
214  
215<div class="root responsivegrid">
216
217
218<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
219    
220    <div class="vf_experienceFragment aem-GridColumn aem-GridColumn--default--12">
221    
222    
223    
224    
225    
226        
227        <div class="xfpage page basicpage">
228
229
230
231
232<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
233    
234    <div class="vf_header aem-GridColumn aem-GridColumn--default--12">
235
236<script>
237    editMode = "false";
238</script>
238
239
240<div id="headerCmp">
241    <header class="nav-header" ref="navHeader" :class="{ 'nav-header--sticky': showStickyMenu, 'nav-header--mobile-open': showMobileMenu}">
242        <div class="flex-wrap d-flex nav-header__wrapper">
243            <p v-cloak class="text-white" v-if="editMode">Desktop Logo</p>
244            <div class="nav-header__home-link">
245                <div class="nav-header__logo" data-context="header-yorn-logo">
246                    
247                    
248
249    
250    
251        <a role="button" href="/yorn.html" target="_self">
252            <span class="icon icon--fill 8" style="width: ; height: ;">
253    <svg  xmlns="http://www.w3.org/2000/svg" width="90" height="38" viewBox="0 0 90 38">
254    <g fill="none" fill-rule="evenodd">
255        <g fill="#FFF" fill-rule="nonzero">
256            <g>
257                <path d="M230.366 57.415c1.99-1.471 3.163-3.8 3.162-6.275v-.689c.01-2.073-.805-4.066-2.267-5.537-1.462-1.471-3.45-2.299-5.523-2.3h-9.526c-.252.003-.455.208-.455.46v21.263c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V59.4c0-.123.05-.24.136-.327.086-.086.204-.135.326-.135h2.266c.164-.002.317.085.4.227l3.113 5.394c.09.134.238.219.4.227h5.64c.177.036.357-.045.447-.201.09-.156.072-.352-.047-.488l-3.885-6.681zm-6.047-4.34h-2.287c-.122 0-.24-.048-.326-.134-.087-.087-.136-.204-.136-.327v-3.671c0-.252.203-.458.455-.461h2.335c.62 0 1.214.25 1.647.695.432.446.665 1.047.647 1.667-.07 1.242-1.092 2.216-2.335 2.225v.007zm-19.424-10.834h-2.665c-.16.018-.303.11-.386.248l-6.812 11.826c-.044.073-.067.157-.069.242v2.417c-.096 4.374 3.368 7.999 7.742 8.1h2.19c4.374-.101 7.838-3.726 7.742-8.1v-6.633c.096-4.373-3.368-7.998-7.742-8.1zm1.936 13.88c0 1.673-1.357 3.03-3.031 3.03-1.674 0-3.03-1.357-3.03-3.03v-4.767c0-1.083.577-2.083 1.515-2.625.937-.541 2.093-.541 3.03 0 .938.542 1.516 1.542 1.516 2.625v4.766zm47.573-13.473h-4.89c-.255 0-.461.206-.461.461V53.2l-5.958-10.331c-.09-.135-.238-.22-.4-.227h-5.055c-.255 0-.462.206-.462.461v21.235c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V54.315l5.91 10.25c.09.134.238.219.4.227h5.103c.255 0 .462-.207.462-.462V43.102c0-.255-.207-.461-.462-.461v.007zm-83.63-10.29c-.125-.2-.338-.328-.572-.345h-4.767c-.153-.03-.309.04-.386.176-.078.136-.061.306.042.423l16.53 28.695c.114.215.114.473 0 .688l-1.535 2.652c-.077.118-.205.192-.345.2h-2.066c-.154.03-.309-.041-.387-.176-.078-.136-.06-.306.042-.423l1.247-2.156c.114-.216.114-.474 0-.689l-2.383-4.133c-.051-.146-.19-.244-.344-.244-.155 0-.293.098-.345.244l-6.894 12.026c-.104.118-.12.288-.043.423.078.136.234.207.387.177h13.7c.14-.008.268-.083.344-.2l4.133-7.184c.276-.546.276-1.19 0-1.736l-16.359-28.419zm32.82-.345h-13.287c-.14.008-.268.082-.344.2L186.45 38.3c-.064.126-.064.274 0 .4l2.21 3.83c.122.228.362.369.62.365.232.001.446-.123.559-.324l3.05-5.29c.077-.118.205-.192.345-.2h2.025c.154-.03.31.041.387.177.078.135.06.305-.042.423l-6.068 10.538c-.052.146-.19.244-.345.244-.155 0-.293-.098-.344-.244l-9.127-15.842c-.122-.211-.341-.348-.585-.365h-4.766c-.154-.03-.31.04-.387.176-.078.136-.06.306.042.423l14.223 24.727c.131.4.504.67.923.67.42 0 .793-.27.923-.67l14.079-24.314c.179-.196.21-.485.079-.716-.132-.23-.398-.35-.658-.296z" transform="translate(-165 -3416) translate(0 3384)"/>
258            </g>
259        </g>
260    </g>
261</svg>
262
263</span>
264<span class="visually-hidden"></span>
265        </a>
266    
267
268
269                </div>
270                <p v-cloak class="text-white" v-if="editMode">Mobile Logo</p>
271                <div v-cloak class="nav-header__logo" v-if="editMode">
272                    
273                    
274
275    
276    
277        <a role="button" href="/yorn.html" target="_self">
278            <span class="icon  10" style="width: 50px; height: 50px;">
279    <svg xmlns="http://www.w3.org/2000/svg" id="f14e0ef1-ed07-473c-a6c7-77d6abc252d5" viewBox="0 0 192 192"><path d="M45.76,28.51a2.6,2.6,0,0,0-2.08-1.22H26.54c-1.37,0-1.93,1-1.25,2.17L85,133.59A2.65,2.65,0,0,1,85,136l-5.54,9.62a1.64,1.64,0,0,1-1.25.74H70.82c-1.38,0-1.94-1-1.25-2.18l4.33-7.86a2.71,2.71,0,0,0,0-2.45l-8.62-15a1.33,1.33,0,0,0-2.45,0l-25,43.64c-.68,1.2-.14,2.18,1.25,2.18H88.72A1.64,1.64,0,0,0,90,164L105,138a6.9
2791,6.91,0,0,0,0-6.29Z" fill="#ffffff" stroke="none"></path><path d="M164.51,27.29H116.36a1.57,1.57,0,0,0-1.24.73l-12.69,22a1.65,1.65,0,0,0,0,1.44l8,13.91a2.45,2.45,0,0,0,3.32,1,2.53,2.53,0,0,0,.92-.86l11-19.17a1.54,1.54,0,0,1,1.25-.74h7.35c1.4,0,2,1,1.25,2.18l-22,38.37a1.31,1.31,0,0,1-1.72.73,1.34,1.34,0,0,1-.73-.73L78.06,28.49A2.64,2.64,0,0,0,76,27.26H58.84c-1.37,0-1.93,1-1.25,2.18L109,119.17c1.83,3.18,4.9,3.18,6.68,0L166.57,31C167.62,28.93,166.69,27.29,164.51,27.29Z" fill="#ffffff" stroke="none"></path></svg>
280</span>
281<span class="visually-hidden"></span>
282        </a>
283    
284
285
286                </div>
287            </div>
288            <nav class="nav-header__nav">
289                
290            
291                
292            
293                
294            
295                <ul class="nav-header__menu">
296                    <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Tarifários" :class="{'nav-header__menu-item--active': false}">
297                        <a href="/yorn/tarifario.html" target="_self">
298                            Tarifários
299                        </a>
300                    </li>
301                
302                    <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Shake It" :class="{'nav-header__menu-item--active': false}">
303                        <a href="/yorn/shake-it.html" target="_self">
304                            Shake It
305                        </a>
306                    </li>
307                
308                    <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Parcerias" :class="{'nav-header__menu-item--active': false}">
309                        <a href="/yorn/parcerias.html" target="_self">
310                            Parcerias
311                        </a>
312                    </li>
313                
314                    <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Ajuda" :class="{'nav-header__menu-item--active': false}">
315                        <a href="/yorn/ajuda.html" target="_self">
316                            Ajuda
317                        </a>
318                    </li>
319                </ul>
320            </nav>
321            <button onclick="yornCludoSearch.openCludoSearch()" class="nav-header__search-toggle" data-context="header-search-button">
322                <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-search.svg"/>
323            </button>
324            <div class="nav-header__cta " data-context="header-subscription-cta">
325                
326
327
328    
329
330    
331    
332        
333            
334            
335                
336                    <div class="d-flex 
337                            container  justify-content-center   text-black">
338                        
339
340
341
342
343<script>
344    isDisabled = "false";
345    title = "Adere Já";
346    pathURLDesktop = "/content/digital-yorn/pt/yorn/adesao.html";
347    pathURLMobile = "";
348    idButton = "";
349</script>
349
350
351<div class="d-inline-flex ">
352    <a id="vf_button-" href="/yorn/adesao.html" class="button
353              d-flex
354              align-items-center
355              justify-content-center
356              text-decoration-none
357              
358              
359              
360              button--primary button--red" role="button" title="Adere Já" target="_self" aria-label="Adere Já" onclick="yorn_tealium_button.methods.handleButtonClick('', '', 'Adere Já' ); ">
361        
362            
363        
364        <span class="button__label">Adere Já</span>
365        
366        
367    </a>
368</div>
369
370<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_button/clientlibs.f25f6b818a5327642eccef359e77ee9c.js"></script>
370
371                    </div>
372                
373            
374        
375
376        
377
378        
379    
380
381    
382
383            </div>
384            <button class="nav-header__hamburguer-toggle" data-context="header-burger-menu" @click="showMobileMenu = !showMobileMenu">
385                <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-hamburguer.svg"/>
386            </button>
387        </div>
388
389        
390            <div class="nav-header__wrapper nav-header__wrapper--sticky d-flex flex-wrap">
391                <div class="nav-header__home-link">
392                    <picture class="d-none d-md-block nav-header__logo" data-context="header-yorn-logo">
393                        
394
395    
396    
397        <a role="button" href="/yorn.html" target="_self">
398            <span class="icon icon--fill 8" style="width: ; height: ;">
399    <svg  xmlns="http://www.w3.org/2000/svg" width="90" height="38" viewBox="0 0 90 38">
400    <g fill="none" fill-rule="evenodd">
401        <g fill="#FFF" fill-rule="nonzero">
402            <g>
403                <path d="M230.366 57.415c1.99-1.471 3.163-3.8 3.162-6.275v-.689c.01-2.073-.805-4.066-2.267-5.537-1.462-1.471-3.45-2.299-5.523-2.3h-9.526c-.252.003-.455.208-.455.46v21.263c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V59.4c0-.123.05-.24.136-.327.086-.086.204-.135.326-.135h2.266c.164-.002.317.085.4.227l3.113 5.394c.09.134.238.219.4.227h5.64c.177.036.357-.045.447-.201.09-.156.072-.352-.047-.488l-3.885-6.681zm-6.047-4.34h-2.287c-.122 0-.24-.048-.326-.134-.087-.087-.136-.204-.136-.327v-3.671c0-.252.203-.458.455-.461h2.335c.62 0 1.214.25 1.647.695.432.446.665 1.047.647 1.667-.07 1.242-1.092 2.216-2.335 2.225v.007zm-19.424-10.834h-2.665c-.16.018-.303.11-.386.248l-6.812 11.826c-.044.073-.067.157-.069.242v2.417c-.096 4.374 3.368 7.999 7.742 8.1h2.19c4.374-.101 7.838-3.726 7.742-8.1v-6.633c.096-4.373-3.368-7.998-7.742-8.1zm1.936 13.88c0 1.673-1.357 3.03-3.031 3.03-1.674 0-3.03-1.357-3.03-3.03v-4.767c0-1.083.577-2.083 1.515-2.625.937-.541 2.093-.541 3.03 0 .938.542 1.516 1.542 1.516 2.625v4.766zm47.573-13.473h-4.89c-.255 0-.461.206-.461.461V53.2l-5.958-10.331c-.09-.135-.238-.22-.4-.227h-5.055c-.255 0-.462.206-.462.461v21.235c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V54.315l5.91 10.25c.09.134.238.219.4.227h5.103c.255 0 .462-.207.462-.462V43.102c0-.255-.207-.461-.462-.461v.007zm-83.63-10.29c-.125-.2-.338-.328-.572-.345h-4.767c-.153-.03-.309.04-.386.176-.078.136-.061.306.042.423l16.53 28.695c.114.215.114.473 0 .688l-1.535 2.652c-.077.118-.205.192-.345.2h-2.066c-.154.03-.309-.041-.387-.176-.078-.136-.06-.306.042-.423l1.247-2.156c.114-.216.114-.474 0-.689l-2.383-4.133c-.051-.146-.19-.244-.344-.244-.155 0-.293.098-.345.244l-6.894 12.026c-.104.118-.12.288-.043.423.078.136.234.207.387.177h13.7c.14-.008.268-.083.344-.2l4.133-7.184c.276-.546.276-1.19 0-1.736l-16.359-28.419zm32.82-.345h-13.287c-.14.008-.268.082-.344.2L186.45 38.3c-.064.126-.064.274 0 .4l2.21 3.83c.122.228.362.369.62.365.232.001.446-.123.559-.324l3.05-5.29c.077-.118.205-.192.345-.2h2.025c.154-.03.31.041.387.177.078.135.06.305-.042.423l-6.068 10.538c-.052.146-.19.244-.345.244-.155 0-.293-.098-.344-.244l-9.127-15.842c-.122-.211-.341-.348-.585-.365h-4.766c-.154-.03-.31.04-.387.176-.078.136-.06.306.042.423l14.223 24.727c.131.4.504.67.923.67.42 0 .793-.27.923-.67l14.079-24.314c.179-.196.21-.485.079-.716-.132-.23-.398-.35-.658-.296z" transform="translate(-165 -3416) translate(0 3384)"/>
404            </g>
405        </g>
406    </g>
407</svg>
408
409</span>
410<span class="visually-hidden"></span>
411        </a>
412    
413
414
415                    </picture>
416                    <picture class="d-md-none nav-header__logo" data-context="header-yorn-logo">
417                        
418
419    
420    
421        <a role="button" href="/yorn.html" target="_self">
422            <span class="icon  10" style="width: 50px; height: 50px;">
423    <svg xmlns="http://www.w3.org/2000/svg" id="f14e0ef1-ed07-473c-a6c7-77d6abc252d5" viewBox="0 0 192 192"><path d="M45.76,28.51a2.6,2.6,0,0,0-2.08-1.22H26.54c-1.37,0-1.93,1-1.25,2.17L85,133.59A2.65,2.65,0,0,1,85,136l-5.54,9.62a1.64,1.64,0,0,1-1.25.74H70.82c-1.38,0-1.94-1-1.25-2.18l4.33-7.86a2.71,2.71,0,0,0,0-2.45l-8.62-15a1.33,1.33,0,0,0-2.45,0l-25,43.64c-.68,1.2-.14,2.18,1.25,2.18H88.72A1.64,1.64,0,0,0,90,164L105,138a6.9
4231,6.91,0,0,0,0-6.29Z" fill="#ffffff" stroke="none"></path><path d="M164.51,27.29H116.36a1.57,1.57,0,0,0-1.24.73l-12.69,22a1.65,1.65,0,0,0,0,1.44l8,13.91a2.45,2.45,0,0,0,3.32,1,2.53,2.53,0,0,0,.92-.86l11-19.17a1.54,1.54,0,0,1,1.25-.74h7.35c1.4,0,2,1,1.25,2.18l-22,38.37a1.31,1.31,0,0,1-1.72.73,1.34,1.34,0,0,1-.73-.73L78.06,28.49A2.64,2.64,0,0,0,76,27.26H58.84c-1.37,0-1.93,1-1.25,2.18L109,119.17c1.83,3.18,4.9,3.18,6.68,0L166.57,31C167.62,28.93,166.69,27.29,164.51,27.29Z" fill="#ffffff" stroke="none"></path></svg>
424</span>
425<span class="visually-hidden"></span>
426        </a>
427    
428
429
430                    </picture>
431                </div>
432                <nav class="nav-header__nav">
433                    
434                
435                    
436                
437                    
438                
439                    <ul class="nav-header__menu">
440                        <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Tarifários" :class="{'nav-header__menu-item--active': false}">
441                            <a href="/yorn/tarifario.html" target="_self">
442                                Tarifários
443                            </a>
444                        </li>
445                    
446                        <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Shake It" :class="{'nav-header__menu-item--active': false}">
447                            <a href="/yorn/shake-it.html" target="_self">
448                                Shake It
449                            </a>
450                        </li>
451                    
452                        <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Parcerias" :class="{'nav-header__menu-item--active': false}">
453                            <a href="/yorn/parcerias.html" target="_self">
454                                Parcerias
455                            </a>
456                        </li>
457                    
458                        <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Ajuda" :class="{'nav-header__menu-item--active': false}">
459                            <a href="/yorn/ajuda.html" target="_self">
460                                Ajuda
461                            </a>
462                        </li>
463                    </ul>
464                </nav>
465                <button onclick="yornCludoSearch.openCludoSearch()" class="nav-header__search-toggle" data-context="header-search-button">
466                    <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-search.svg"/>
467                </button>
468                <div class="nav-header__cta" data-context="header-subscription-cta">
469                    
470
471
472    
473
474    
475    
476        
477            
478            
479                
480                    <div class="d-flex 
481                            container  justify-content-center   text-black">
482                        
483
484
485
486
487<script>
488    isDisabled = "false";
489    title = "Adere Já";
490    pathURLDesktop = "/content/digital-yorn/pt/yorn/adesao.html";
491    pathURLMobile = "";
492    idButton = "";
493</script>
493
494
495<div class="d-inline-flex ">
496    <a id="vf_button-" href="/yorn/adesao.html" class="button
497              d-flex
498              align-items-center
499              justify-content-center
500              text-decoration-none
501              
502              
503              
504              button--primary button--red" role="button" title="Adere Já" target="_self" aria-label="Adere Já" onclick="yorn_tealium_button.methods.handleButtonClick('', '', 'Adere Já' ); ">
505        
506            
507        
508        <span class="button__label">Adere Já</span>
509        
510        
511    </a>
512</div>
513
514<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_button/clientlibs.f25f6b818a5327642eccef359e77ee9c.js"></script>
514
515                    </div>
516                
517            
518        
519
520        
521
522        
523    
524
525    
526
527                </div>
528                <button class="nav-header__hamburguer-toggle" data-context="header-burger-menu" @click="showMobileMenu = !showMobileMenu">
529                    <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-hamburguer.svg"/>
530                </button>
531            </div>
532            <transition name="slide">
533                <div class="nav-header__mobile-menu" :class="{'nav-header__mobile-menu--active': showMobileMenu}" v-show="showMobileMenu">
534                    <div class="mobile-menu__wrapper">
535                        <div class="mobile-menu__top-wrapper">
536                            <div class="nav-header__home-link">
537                                <div class="nav-header__logo" data-context="header-yorn-logo">
538                                    
539
540    
541    
542        <a role="button" href="/yorn.html" target="_self">
543            <span class="icon  10" style="width: 50px; height: 50px;">
544    <svg xmlns="http://www.w3.org/2000/svg" id="f14e0ef1-ed07-473c-a6c7-77d6abc252d5" viewBox="0 0 192 192"><path d="M45.76,28.51a2.6,2.6,0,0,0-2.08-1.22H26.54c-1.37,0-1.93,1-1.25,2.17L85,133.59A2.65,2.65,0,0,1,85,136l-5.54,9.62a1.64,1.64,0,0,1-1.25.74H70.82c-1.38,0-1.94-1-1.25-2.18l4.33-7.86a2.71,2.71,0,0,0,0-2.45l-8.62-15a1.33,1.33,0,0,0-2.45,0l-25,43.64c-.68,1.2-.14,2.18,1.25,2.18H88.72A1.64,1.64,0,0,0,90,164L105,138a6.91,6.91,0,0,0,0-6.29Z" fill="#ffffff" stroke="none"></path><path d="M164.51,27.29H116.36a1.57,1.57,0,0,0-1.24.73l-12.69,22a1.65,1.65,0,0,0,0,1.44l8,13.91a2.45,2.45,0,0,0,3.32,1,2.53,2.53,0,0,0,.92-.86l11-19.17a1.54,1.54,0,0,1,1.25-.74h7.35c1.4,0,2,1,1.25,2.18l-22,38.37a1.31,1.31,0,0,1-1.72.73,1.34,1.34,0,0,1-.73-.73L78.06,28.49A2.64,2.64,0,0,0,76,27.26H58.84c-1.37,0-1.93,1-1.25,2.18L109,119.17c1.83,3.18,4.9,3.18,6.68,0L166.57,31C167.62,28.93,166.69,27.29,164.51,27.29Z" fill="#ffffff" stroke="none"></path></svg>
545</span>
546<span class="visually-hidden"></span>
547        </a>
548    
549
550
551                                </div>
552                            </div>
553                            <button class="nav-header__hamburguer-toggle nav-header__close-button" data-context="header-burger-menu" @click="showMobileMenu = !showMobileMenu">
554                                <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-close.svg"/>
555                            </button>
556                        </div>
557                        <div class="mobile-menu__center-wrapper">
558                            <div>
559                                
560                            
561                                
562                            
563                                
564                            
565                                <ul class="nav-header__menu">
566                                    <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Tarifários" :class="{'nav-header__menu-item--active': false}">
567                                        <a href="/yorn/tarifario.html" target="_self">
568                                            Tarifários
569                                        </a>
570                                    </li>
571                                
572                                    <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Shake It" :class="{'nav-header__menu-item--active': false}">
573                                        <a href="/yorn/shake-it.html" target="_self">
574                                            Shake It
575                                        </a>
576                                    </li>
577                                
578                                    <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Parcerias" :class="{'nav-header__menu-item--active': false}">
579                                        <a href="/yorn/parcerias.html" target="_self">
580                                            Parcerias
581                                        </a>
582                                    </li>
583                                
584                                    <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Ajuda" :class="{'nav-header__menu-item--active': false}">
585                                        <a href="/yorn/ajuda.html" target="_self">
586                                            Ajuda
587                                        </a>
588                                    </li>
589                                </ul>
590                            </div>
591                            
592
593
594    
595
596    
597    
598        
599            
600            
601                
602                    <div class="d-flex 
603                            container  justify-content-center   text-black">
604                        
605
606
607
608
609<script>
610    isDisabled = "false";
611    title = "Adere Já";
612    pathURLDesktop = "/content/digital-yorn/pt/yorn/adesao.html";
613    pathURLMobile = "";
614    idButton = "";
615</script>
615
616
617<div class="d-inline-flex ">
618    <a id="vf_button-" href="/yorn/adesao.html" class="button
619              d-flex
620              align-items-center
621              justify-content-center
622              text-decoration-none
623              
624              
625              
626              button--primary button--red" role="button" title="Adere Já" target="_self" aria-label="Adere Já" onclick="yorn_tealium_button.methods.handleButtonClick('', '', 'Adere Já' ); ">
627        
628            
629        
630        <span class="button__label">Adere Já</span>
631        
632        
633    </a>
634</div>
635
636<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_button/clientlibs.f25f6b818a5327642eccef359e77ee9c.js"></script>
636
637                    </div>
638                
639            
640        
641
642        
643
644        
645    
646
647    
648
649                        </div>
650                        <div class="mobile-menu__search-wrapper">
651                            <button onclick="yornCludoSearch.openCludoSearch()" @click="searchClicked = true; howMobileMenu=false" class="mobile-menu__search-toggle" data-context="header-search-button">
652                                <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-search.svg"/>
653                                <span> {{labels.search}}</span>
654                            </button>
655                        </div>
656                    </div>
657                </div>
658            </transition>
659        
660    </header>
661</div>
662
663
664<div id="cludoSearch" class="yornSearch" ref="yornSearch">
665    <transition name="opacity">
666        <div class="modal" :class="{'modal--type-iframe modal--is-open': isOpen}" v-show="isOpen">
667            <transition name="slide">
668                <div class="modal__content" v-show="isOpen">
669                    <button class="modal__close-button" @click="closeCludoSearch">
670                        <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-close.svg" class="icon icon--medium"/>
671                    </button>
672                    <div class="modal__iframe-wrapper">
673                        <div class="modal__iframe" ref="iFrameContainer">
674                            <div class="yornSearch__title">{{labels.TITLE}}</div>
675                            <div class="yornSearch__wrapper" :class="{'yornSearch__wrapper--active': mode == 'active'}">
676
677                                <div class="yornSearch__searchbar" :class="{'yornSearch__border-bottom yornSearch__no-border': mode == 'active' && (suggestions || results)}">
678                                    <button type="submit" class="button yornSearch__search-icon--wrapper" @click="handleInput" :disabled="searchDisabled">
679                                        <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-search.svg" class="yornSearch__search-icon"/>
680                                    </button>
681                                    <input type="text" class="button yornSearch__input" @focus="mode = 'active'" @blur="!searchTerm && mode=='active' ? mode = 'inactive' : ''" id="inputSearch" name="inputSearch" :placeholder="labels.YORN_SEARCH" v-model="searchTerm" required="required" autocomplete="off" @keyup="handleInput" ref="cludoInput"/>
682                                    <button type="reset" class="button yornSearch__close-icon--wrapper" v-if="searchTerm" @click="clearSearch">
683                                        <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-close.svg" class="yornSearch__close-icon"/>
684                                    </button>
685                                </div>
686
687                                <div class="yornSearch__item-wrapper row" v-show="(suggestions.length > 0 || results.length > 0) && mode == 'active'">
688                                    <div class="col-12 col-sm-6 ">
689                                        <span class="yornSearch__subTitle">{{labels.QUESTIONS}}</span>
690                                        <div v-for="(question, index) in questions.slice(0, numberOfResultsShown)" @click="clickLog(question, index)">
691                                            <yorn-hidden-button :key="question.Fields.Title.Value" class="button yornSearch__item" :label="question.Fields.Title.Value" :link="question.Fields.Url.Value" open-in-new-tab="_self" type="tertiary" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true"></yorn-hidden-button>
692                                        </div>
693                                    </div>
694                                    <div class="col-12 col-sm-6 mt-4 mt-sm-0">
695                                        <span class="yornSearch__subTitle">{{labels.SUGGESTIONS}}</span>
696                                        <yorn-hidden-button :key="suggestion.Fields.Title.Value" v-for="suggestion in suggestions.slice(0, numberOfResultsShown)" class="button yornSearch__item" :label="suggestion.Fields.Title.Value" @click="searchWithSuggestion(suggestion.Fields.Title.Value)" type="tertiary" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true"></yorn-hidden-button>
696
697                                    </div>
698                                </div>
699
700                                <div class="yornSearch__item-wrapper" v-if="mode == 'searched'">
701                                    <div class="row" v-show="questions.length > 0 || results.length > 0">
702                                        <button class="button yornSearch__item m-0">
703                                            <div class="mt-4 mb-3 col-12">{{labels.ALL_RESULTS}} ({{totalMatches}})</div>
704                                        </button>
705                                        <div class="yornSearch__divider mb-4"></div>
706
707                                        <div class="col-12 col-sm-6">
708                                            <span class="yornSearch__subTitle">{{labels.QUESTIONS}}</span>
709                                            <div v-for="(question, index) in questions.slice(0, allResults? questions.length : numberOfResultsShown)" @click="tealiumRequest('Click Event Yorn Select Result at Search Results', question.Fields.Category.Value, question.Fields.Title.Value); clickLog(question, index)">
710                                                <yorn-hidden-button :key="question.Fields.Title.Value" class="button yornSearch__item" :label="question.Fields.Title.Value" :link="question.Fields.Url.Value" open-in-new-tab="_self" type="tertiary" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true">
711                                                </yorn-hidden-button>
712                                            </div>
713                                        </div>
714                                        <div class="col-12 col-sm-6 mt-4 mt-sm-0">
715                                            <span class="yornSearch__subTitle">{{labels.RELEVANT}}</span>
716                                            <div v-for="(result, index) in results.slice(0, allResults? results.length : numberOfResultsShown)" @click="tealiumRequest('Click Event Yorn Select Result at Search Results', result.Fields.Category.Value, result.Fields.Title.Value); clickLog(result, index)">
717                                                <yorn-hidden-button :key="result.Fields.Title.Value" class="button yornSearch__item" :label="result.Fields.Title.Value" :link="result.Fields.Url.Value" open-in-new-tab="_self" type="tertiary" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true">
718                                                </yorn-hidden-button>
719                                            </div>
720                                        </div>
721                                        <div class="col-12 row mt-5 justify-content-center">
722                                            <yorn-hidden-button v-if="!allResults && (results.length > numberOfResultsShown  || questions.length > numberOfResultsShown)" key="more" label="Mais resultados" @click="allResults=true" type="primary" color="white"></yorn-hidden-button>
723                                        </div>
724                                    </div>
725                                    <div class="justify-content-center" v-show="results.length === 0">
726                                        <div class="yornSearch__empty">
727                                            <svg viewBox="0 0 192 192"><defs><linearGradient id="a898d470-7726-43bb-b20a-d9107dacfeaa" x1="4.79" y1="192.74" x2="4.79" y2="186.98" gradientTransform="matrix(24, 0, 0, -24, -19, 4637)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff5f88"></stop><stop offset="1" stop-color="#e8144a"></stop></linearGradient><mask id="aae69b89-8dc6-4106-8b97-c6fe732e7ec4" x="27.75" y="27.75" width="136.51" height="136.51" maskUnits="userSpaceOnUse"><circle id="b9322105-7e9e-42b6-abc1-f90036fac233" data-name="path-2" cx="96" cy="96" r="68.25" fill="#fff"></circle></mask></defs><circle id="f310e118-0c8c-4dc6-aeb9-c68be6e385be" data-name="path-2" cx="96" cy="96" r="68.25"></circle><circle id="b216ca08-e9b9-42f1-aabd-edad7aee40c5" data-name="path-2" cx="96" cy="96" r
727="68.25" fill="url(#a898d470-7726-43bb-b20a-d9107dacfeaa)"></circle><g mask="url(#aae69b89-8dc6-4106-8b97-c6fe732e7ec4)"><path d="M145.2,150.89a5.68,5.68,0,0,1-4-1.67L99.7,107.75a5.69,5.69,0,1,1,8-8l41.47,41.48a5.69,5.69,0,0,1-4,9.71Z" fill="#fff"></path></g><circle id="bf3963f6-d7d9-4c2d-b15c-b6d239f2be2c" data-name="Oval" cx="69.84" cy="69.84" r="45.5" fill="#fb668c"></circle><path d="M69.84,121A51.2,51.2,0,1,1,121,69.84,51.26,51.26,0,0,1,69.84,121Zm0-91a39.82,39.82,0,1,0,39.81,39.82A39.86,39.86,0,0,0,69.84,30Z" fill="#fff"></path></svg>
728                                        </div>
729                                        <p class="yornSearch__empty-description">{{labels.NO_RESULTS}}</p>
730                                    </div>
731                                </div>
732
733                                <div class="spring spring--md mt-5" v-show="mode == 'loading'">
734                                    <div id="loading-search-result"></div>
735                                </div>
736                            </div>
737                        </div>
738                    </div>
739                </div>
740            </transition>
741        </div>
742    </transition>
743</div>
744
745
746<script id="hiddenButtonCmp" type="text/x-template">
747    <button
748    class="button d-flex"
749    :class="[
750      'button--'+ type,
751      type === 'primary' && 'button--' + color,
752      iconOnLeftSide && 'button--icon-on-left',
753      icon && 'button--has-icon',
754      iconOnly && 'button--hide-text',
755      iconOnlyMobile && 'button--hide-text-xs',
756      animateIconOnHover && 'button--animate-icon',
757      isDisabled && 'button--disabled'
758    ]"
759    @click="(event) => $emit('click', event)"
760    v-if="!link"
761    :disabled="isDisabled"
762  >
763    <span class="button__label">{{ label }}</span>
764    <img 
765      v-if="icon"
766      :src="icon" 
767      class="button__icon" 
768    />
769  </button>
770  <a
771    :onclick="(event) => $emit('click', event)"
772    class="button button--link"
773    :class="[
774      'button--' + type,
775      type === 'primary' && 'button--' + color,
776      iconOnLeftSide && 'button--icon-on-left',
777      icon && 'button--has-icon',
778      iconOnly && 'button--hide-text',
779      iconOnlyMobile && 'button--hide-text-xs',
780    ]"
781    :href="link"
782    v-else-if="link && link.length"
783    :target="openInNewTab || '_blank'"
784  >
785    <div class="button__inner d-flex">
786      <span class="button__label">{{ label }}</span>
787      <img 
788        v-if="icon"
789        :src="icon" 
790        class="button__icon" 
791      />
792    </div>
793  </a>
794</script>
794
795
796
797    
798<script src="/etc.clientlibs/digital-yorn/components/content/hidden/vf_hiddenButton/clientlibs.min.js"></script>
798
799
800
801
802
803<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/structure/vf_cludoSearch/clientlibs.b5f89080f097f34c720252306bb7c106.js">
804</script>
804
805
806
807
808    
809<script src="/etc.clientlibs/digital-yorn/components/content/structure/vf_header/clientlibs.min.js"></script>
809
810
811
812</div>
813
814    
815</div>
816</div>
817
818    
819</div>
820<div class="responsivegrid responsivegrid-height aem-GridColumn--default--none aem-GridColumn aem-GridColumn--default--12 aem-GridColumn--offset--default--0">
821
822
823<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
824    
825    <div class="vf_shakeItHero vf_parent_component aem-GridColumn aem-GridColumn--default--12">
826
827
828    
829
830    
831    
832        
833            
834            
835                
836                    <div class=" 
837                                  text-black">
838                        
839
840<script>
841    shakeItHeroId = "";
842    shakeItHero = {};
843    shakeItHero.title = "AGITA O TELEMÓVEL COM O YORN SHAKE IT";
844    shakeItHero.description = " ";
845    shakeItHero.extraDescription = "Descarrega e começa a fazer shake!";
846    shakeItHero.bottomBlur = "true";
847</script>
847
848
849<div id="shakeItHero-">
850    <div class="shake-it-hero">
851        <div class="shake-it-hero__main-container">
852            <div class="shake-it-hero__mobile-section-bg d-md-none"></div>
853            <div class="shake-it-hero__content-inner">
854                <div class="shake-it-hero__sections-wrapper d-flex align-items-center container flex-wrap">
855
856                    <div class="shake-it-hero__upper-section">
857                        <div class="shake-it-hero__section-inner">
858                            <strong class="title shake-it-hero__title" v-html="title"></strong>
859                            <p class="body body--1 shake-it-hero__description" v-if="description" v-html="description"/>
860                        </div>
861                    </div>
862
863                    <div class="shake-it-hero__lower-section d-none d-md-flex">
864                        <div class="shake-it-hero__section-inner">
865                            <div class="shake-it-hero__apps-container">
866                                <div>
867
868<div class="mt-2">
869    
870
871    
872    
873        
874            
875            
876                
877                    <div class=" 
878                                  text-white">
879                        
880
881
882<div class="row    ">
883    
884
885    
886
887    
888
889    
890
891    
892        <div class="col-6 col-sm-6 col-md-6 col-lg-6 align-self-start   ">
893            <div></div>
894            
895
896
897
898
899    
900    
901    <div class="vf_image vf_parent_component">
902
903
904    
905
906    
907    
908        
909            
910            
911                
912                    <div class=" 
913                                  text-white">
914                        
915
916
917
918
919    <a href="https://itunes.apple.com/pt/app/apoio-a-cliente-vodafone/id400485671" onclick="target='_blank'" role="button" aria-label="Download da App My Vodafone para iOS">
920        <div class="segmentation--container " style="border-radius: 0px;">
921            <picture>
922                
923
924                
925                    
926                    
927                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
928                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
929                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
930                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
931                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
932                    
933                    <img srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/outros/download-store-apps-apple.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Botão para download da App My Vodafone para iOS" title="Download da App My Vodafone para iOS" class="w-100"/>
934                
935
936            </picture>
937            <noscript>
938                <img src="/content/dam/digital-yorn/outros/download-store-apps-apple.png" alt="Botão para download da App My Vodafone para iOS" title="Download da App My Vodafone para iOS" style="border-radius: 0px;"/>
939            </noscript>
940        </div>
941    </a>
942
943                    </div>
944                
945            
946        
947
948        
949
950        
951    
952
953    
954</div>
955
956
957
958        </div>
959    
960        <div class="col-6 col-sm-6 col-md-6 col-lg-6 align-self-start   ">
961            <div></div>
962            
963
964
965
966
967    
968    
969    <div class="vf_image vf_parent_component">
970
971
972    
973
974    
975    
976        
977            
978            
979                
980                    <div class=" 
981                                  text-white">
982                        
983
984
985
986
987    <a href="https://play.google.com/store/apps/details?id=com.vodafone.mCare" onclick="target='_blank'" role="button" aria-label="Download da App My Vodafone para Android">
988        <div class="segmentation--container " style="border-radius: 0px;">
989            <picture>
990                
991
992                
993                    
994                    
995                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
996                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
997                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
998                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
999                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
1000                    
1001                    <img srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/outros/download-store-apps-google.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Botão para download da App My Vodafone para Android" title="Download da App My Vodafone para Android" class="w-100"/>
1002                
1003
1004            </picture>
1005            <noscript>
1006                <img src="/content/dam/digital-yorn/outros/download-store-apps-google.png" alt="Botão para download da App My Vodafone para Android" title="Download da App My Vodafone para Android" style="border-radius: 0px;"/>
1007            </noscript>
1008        </div>
1009    </a>
1010
1011                    </div>
1012                
1013            
1014        
1015
1016        
1017
1018        
1019    
1020
1021    
1022</div>
1023
1024
1025
1026        </div>
1027    
1028</div>
1029
1030    
1031<script src="/etc.clientlibs/digital-yorn/components/content/authored/vf_grid/clientlibs.min.js"></script>
1031
1032
1033
1034
1035                    </div>
1036                
1037            
1038        
1039
1040        
1041
1042        
1043    
1044
1045    
1046</div></div>
1047                            </div>
1048                            <p v-html="extraDescription" class="shake-it-hero__extra-description"/>
1049                        </div>
1050                    </div>
1051                </div>
1052            </div>
1053            
1054                <picture class="shake-it-hero__picture-wrapper">
1055                    
1056                        <source srcset="/content/dam/digital-yorn/outros/outros-pagina-herobanner-sem-nova-colecao-mobile.png" media="(max-width: 320px)"/>
1057                        <source srcset="/content/dam/digital-yorn/outros/outros-pagina-herobanner-sem-nova-colecao-mobile.png" media="(max-width: 640px)"/>
1058                        <source data-srcset="/content/dam/digital-yorn/outros/outros-pagina-shakeit17-hb-desktop-1920x826.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
1059                        <source data-srcset="/content/dam/digital-yorn/outros/outros-pagina-shakeit17-hb-desktop-1920x826.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
1060                    
1061                    
1062                    <img srcset="/content/dam/digital-yorn/outros/outros-pagina-shakeit17-hb-desktop-1920x826.png/jcr:content/renditions/cq5dam.web.1920.1000.png" alt="" src="/content/dam/digital-yorn/outros/outros-pagina-shakeit17-hb-desktop-1920x826.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" class="shake-it-hero__image"/>
1063                </picture>
1064            
1065        </div>
1066        <div v-if="bottomBlur" class="partnership-hero__bg"></div>
1067        <div class="shake-it-hero__mobile-section d-md-none">
1068            <div class="container shake-it-hero__mobile-inner">
1069                <p v-html="extraDescription" class="shake-it-hero__extra-description"/>
1070                <div class="shake-it-hero__apps-container">
1071                    <div>
1072
1073<div class="mt-2">
1074    
1075
1076    
1077    
1078        
1079            
1080            
1081                
1082                    <div class=" 
1083                                  text-white">
1084                        
1085
1086
1087<div class="row    ">
1088    
1089
1090    
1091
1092    
1093
1094    
1095
1096    
1097        <div class="col-6 col-sm-6 col-md-6 col-lg-6 align-self-start   ">
1098            <div></div>
1099            
1100
1101
1102
1103
1104    
1105    
1106    <div class="vf_image vf_parent_component">
1107
1108
1109    
1110
1111    
1112    
1113        
1114            
1115            
1116                
1117                    <div class=" 
1118                                  text-white">
1119                        
1120
1121
1122
1123
1124    <a href="https://itunes.apple.com/pt/app/apoio-a-cliente-vodafone/id400485671" onclick="target='_blank'" role="button" aria-label="Download da App My Vodafone para iOS">
1125        <div class="segmentation--container " style="border-radius: 0px;">
1126            <picture>
1127                
1128
1129                
1130                    
1131                    
1132                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
1133                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
1134                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
1135                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
1136                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
1137                    
1138                    <img srcset="/content/dam/digital-yorn/outros/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/outros/download-store-apps-apple.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Botão para download da App My Vodafone para iOS" title="Download da App My Vodafone para iOS" class="w-100"/>
1139                
1140
1141            </picture>
1142            <noscript>
1143                <img src="/content/dam/digital-yorn/outros/download-store-apps-apple.png" alt="Botão para download da App My Vodafone para iOS" title="Download da App My Vodafone para iOS" style="border-radius: 0px;"/>
1144            </noscript>
1145        </div>
1146    </a>
1147
1148                    </div>
1149                
1150            
1151        
1152
1153        
1154
1155        
1156    
1157
1158    
1159</div>
1160
1161
1162
1163        </div>
1164    
1165        <div class="col-6 col-sm-6 col-md-6 col-lg-6 align-self-start   ">
1166            <div></div>
1167            
1168
1169
1170
1171
1172    
1173    
1174    <div class="vf_image vf_parent_component">
1175
1176
1177    
1178
1179    
1180    
1181        
1182            
1183            
1184                
1185                    <div class=" 
1186                                  text-white">
1187                        
1188
1189
1190
1191
1192    <a href="https://play.google.com/store/apps/details?id=com.vodafone.mCare" onclick="target='_blank'" role="button" aria-label="Download da App My Vodafone para Android">
1193        <div class="segmentation--container " style="border-radius: 0px;">
1194            <picture>
1195                
1196
1197                
1198                    
1199                    
1200                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
1201                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
1202                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
1203                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
1204                        <source data-srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
1205                    
1206                    <img srcset="/content/dam/digital-yorn/outros/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/outros/download-store-apps-google.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Botão para download da App My Vodafone para Android" title="Download da App My Vodafone para Android" class="w-100"/>
1207                
1208
1209            </picture>
1210            <noscript>
1211                <img src="/content/dam/digital-yorn/outros/download-store-apps-google.png" alt="Botão para download da App My Vodafone para Android" title="Download da App My Vodafone para Android" style="border-radius: 0px;"/>
1212            </noscript>
1213        </div>
1214    </a>
1215
1216                    </div>
1217                
1218            
1219        
1220
1221        
1222
1223        
1224    
1225
1226    
1227</div>
1228
1229
1230
1231        </div>
1232    
1233</div>
1234
1235    
1236
1237
1238
1239                    </div>
1240                
1241            
1242        
1243
1244        
1245
1246        
1247    
1248
1249    
1250</div></div>
1251                </div>
1252            </div>
1253        </div>
1254    </div>
1255</div>
1256
1257<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_shakeItHero/clientlibs.6e9bad9a2a96e8971b90f812dae423c9.js">
1258</script>
1258
1259                    </div>
1260                
1261            
1262        
1263
1264        
1265
1266        
1267    
1268
1269    
1270</div>
1271<div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12">
1272
1273
1274    
1275
1276    
1277    
1278        
1279
1280        
1281
1282        
1283            <div class="text-white py-5" style="background-color: rgb(27,28,44)">
1284                <div class=" 
1285                            container     ">
1286                    
1287
1288
1289<div class="row    ">
1290    
1291
1292    
1293
1294    
1295
1296    
1297
1298    
1299        <div class="col-12 col-sm-12 col-md-12 col-lg-12 align-self-start text-center pt-0 ">
1300            <div></div>
1301            
1302
1303
1304
1305
1306    
1307    
1308    <div class="vf_heading vf_parent_component">
1309
1310
1311    
1312
1313    
1314    
1315        
1316
1317        
1318
1319        
1320            <div class="text-white " style="background-color: ">
1321                <div>
1322                    
1323<h2 class="heading title" style="color : ;">
1324    
1325        O QUE É O YORN SHAKE IT?
1326    
1327</h2>
1328
1329                </div>
1330            </div>
1331        
1332    
1333
1334    
1335</div>
1336
1337
1338
1339        </div>
1340    
1341        <div class="col-12 col-sm-12 col-md-12 col-lg-12 align-self-start text-center  ">
1342            <div></div>
1343            
1344
1345
1346
1347
1348    
1349    
1350    <div class="vf_text vf_parent_component">
1351
1352
1353    
1354
1355    
1356    
1357        
1358            
1359            
1360                
1361                    <div class=" 
1362                                  text-white">
1363                        
1364
1365
1366<span class="body body--2" style="color: inherit">
1367    
1368        <p> </p>
1369<p>Um jogo só para Yorns ao estilo caderneta de cromos.</p>
1370<p>Coleciona cartas e ganhas prémios.</p>
1371<p> </p>
1372<p> </p>
1373
1374    
1375</span>
1376
1377    
1378
1379                    </div>
1380                
1381            
1382        
1383
1384        
1385
1386        
1387    
1388
1389    
1390</div>
1391
1392
1393
1394        </div>
1395    
1396        <div class="col-12 col-sm-12 col-md-12 col-lg-12 align-self-start text-center  ">
1397            <div></div>
1398            
1399
1400
1401
1402
1403    
1404    
1405    <div class="vf_text vf_parent_component">
1406
1407
1408    
1409
1410    
1411    
1412        
1413            
1414            
1415                
1416                    <div class=" 
1417                                  text-white">
1418                        
1419
1420
1421<span class="body body--2" style="color: inherit">
1422    
1423        <p>Queres jogar? Abre a app My Vodafone e encontra o Yorn Shake It.</p>
1424<p>Queres mais jogadas? Carrega o telemóvel, convida amigos e troca cartas.</p>
1425
1426    
1427</span>
1428
1429    
1430
1431                    </div>
1432                
1433            
1434        
1435
1436        
1437
1438        
1439    
1440
1441    
1442</div>
1443
1444
1445
1446        </div>
1447    
1448</div>
1449
1450    
1451
1452
1453
1454                </div>
1455            </div>
1456        
1457    
1458
1459    
1460</div>
1461<div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12">
1462
1463
1464    
1465
1466    
1467    
1468        
1469            
1470            
1471                <div class="py-5">
1472                    <div class=" 
1473                            container      text-black">
1474                        
1475
1476
1477<div class="row    ">
1478    
1479
1480    
1481
1482    
1483
1484    
1485
1486    
1487
1488    
1489        <div class="col-12 col-sm-12 col-md-12 col-lg-12 align-self-start text-center mb-5 ">
1490            <div></div>
1491            
1492
1493
1494
1495
1496    
1497    
1498    <div class="vf_heading vf_parent_component">
1499
1500
1501    
1502
1503    
1504    
1505        
1506
1507        
1508
1509        
1510            <div class="text-white " style="background-color: ">
1511                <div>
1512                    
1513<h2 class="heading title" style="color : ;">
1514    
1515        COMO FUNCIONA
1516    
1517</h2>
1518
1519                </div>
1520            </div>
1521        
1522    
1523
1524    
1525</div>
1526
1527
1528
1529        </div>
1530    
1531        <div class="col-12 col-sm-12 col-md-4 col-lg-4 align-self-start   ">
1532            <div></div>
1533            
1534
1535
1536
1537
1538    
1539    
1540    <div class="vf_numbered_card vf_parent_component">
1541
1542
1543    
1544
1545    
1546    
1547        
1548            
1549            
1550                
1551                    <div class=" 
1552                                  text-white">
1553                        <div class="numbered-card">
1554    <div>
1555
1556
1557    
1558
1559    
1560    
1561        
1562            
1563            
1564                
1565                    <div class=" 
1566                                  text-white">
1567                        
1568
1569
1570
1571
1572    
1573        <div class="segmentation--container skewed-image" style="border-radius: 5px;">
1574            <picture>
1575                
1576                    
1577                    
1578                        <source data-srcset="/content/dam/digital-yorn/sh
1578ake-it/shakeIt3010-howto-card-640x460-1.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
1579                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-1.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
1580                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-1.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
1581                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-1.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
1582                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-1.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
1583                    
1584                <img data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-1.png/jcr:content/renditions/cq5dam.web.1920.1000.png" alt="Telemóvel a abanar" title="Yorn Shake It disponível na App My Vodafone" class="lazyload w-100"/>
1585                
1586
1587                
1588
1589            </picture>
1590            <noscript>
1591                <img src="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-1.png" alt="Telemóvel a abanar" title="Yorn Shake It disponível na App My Vodafone" style="border-radius: 5px;"/>
1592            </noscript>
1593        </div>
1594    
1595
1596                    </div>
1597                
1598            
1599        
1600
1601        
1602
1603        
1604    
1605
1606    
1607</div>
1608    <div class="numbered-card__content">
1609        <div class="numbered-card__title-wrapper">
1610            <span class="numbered-card__number">1</span>
1611            <h3 class="numbered-card__title subtitle">Faz Shake!</h3>
1612        </div>
1613        <p class="numbered-card__description body body--2">O Yorn Shake It é muito simples. Basta agitares o telemóvel para começares a jogar!</p>
1614    </div>
1615</div>
1616                    </div>
1617                
1618            
1619        
1620
1621        
1622
1623        
1624    
1625
1626    
1627</div>
1628
1629
1630
1631        </div>
1632    
1633        <div class="col-12 col-sm-12 col-md-4 col-lg-4 align-self-start   ">
1634            <div></div>
1635            
1636
1637
1638
1639
1640    
1641    
1642    <div class="vf_numbered_card vf_parent_component">
1643
1644
1645    
1646
1647    
1648    
1649        
1650            
1651            
1652                
1653                    <div class=" 
1654                                  text-white">
1655                        <div class="numbered-card">
1656    <div>
1657
1658
1659    
1660
1661    
1662    
1663        
1664            
1665            
1666                
1667                    <div class=" 
1668                                  text-white">
1669                        
1670
1671
1672
1673
1674    
1675        <div class="segmentation--container skewed-image skewed-image--downward-angle" style="border-radius: 5px;">
1676            <picture>
1677                
1678                    
1679                    
1680                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-Card-640x460-2.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
1681                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-Card-640x460-2.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
1682                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-Card-640x460-2.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
1683                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-Card-640x460-2.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
1684                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-Card-640x460-2.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
1685                    
1686                <img data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-Card-640x460-2.png/jcr:content/renditions/cq5dam.web.1920.1000.png" alt="Telemóvel com três cartas a 
1686serem mostradas" title="Yorn Shake It disponível na App My Vodafone" class="lazyload w-100"/>
1687                
1688
1689                
1690
1691            </picture>
1692            <noscript>
1693                <img src="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-Card-640x460-2.png" alt="Telemóvel com três cartas a serem mostradas" title="Yorn Shake It disponível na App My Vodafone" style="border-radius: 5px;"/>
1694            </noscript>
1695        </div>
1696    
1697
1698                    </div>
1699                
1700            
1701        
1702
1703        
1704
1705        
1706    
1707
1708    
1709</div>
1710    <div class="numbered-card__content">
1711        <div class="numbered-card__title-wrapper">
1712            <span class="numbered-card__number">2</span>
1713            <h3 class="numbered-card__title subtitle">Coleciona-as todas</h3>
1714        </div>
1715        <p class="numbered-card__description body body--2">1 Shake é igual a 1 carta! Quantos mais shakes, mais cartas. Podem sair-te cartas da coleção, cartas douradas e ainda jokers!</p>
1716    </div>
1717</div>
1718                    </div>
1719                
1720            
1721        
1722
1723        
1724
1725        
1726    
1727
1728    
1729</div>
1730
1731
1732
1733        </div>
1734    
1735        <div class="col-12 col-sm-12 col-md-4 col-lg-4 align-self-start   ">
1736            <div></div>
1737            
1738
1739
1740
1741
1742    
1743    
1744    <div class="vf_numbered_card vf_parent_component">
1745
1746
1747    
1748
1749    
1750    
1751        
1752            
1753            
1754                
1755                    <div class=" 
1756                                  text-white">
1757                        <div class="numbered-card">
1758    <div>
1759
1760
1761    
1762
1763    
1764    
1765        
1766            
1767            
1768                
1769                    <div class=" 
1770                                  text-white">
1771                        
1772
1773
1774
1775
1776    
1777        <div class="segmentation--container skewed-image" style="border-radius: 5px;">
1778            <picture>
1779                
1780                    
1781                    
1782                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-3.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
1783                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-3.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
1784                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-3.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
1785                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-3.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
1786                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-3.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
1787                    
1788                <img data-srcset="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-3.png/jcr:content/renditions/cq5dam.web.1920.1000.png" alt="Telemóvel a mostrar conjunto de cartas prémio: coluna e headphones" title="Yorn Shake It disponível na App My Vodafone" class="lazyload w-100"/>
1789                
1790
1791                
1792
1793            </picture>
1794            <noscript>
1795                <img src="/content/dam/digital-yorn/shake-it/shakeIt3010-howto-card-640x460-3.png" alt="Telemóvel a mostrar conjunto de cartas prémio: coluna e headphones" title="Yorn Shake It disponível na App My Vodafone" style="border-radius: 5px;"/>
1796            </noscript>
1797        </div>
1798    
1799
1800                    </div>
1801                
1802            
1803        
1804
1805        
1806
1807        
1808    
1809
1810    
1811</div>
1812    <div class="numbered-card__content">
1813        <div class="numbered-card__title-wrapper">
1814            <span class="numbered-card__number">3</span>
1815            <h3 class="numbered-card__title subtitle">Ganha prémios</h3>
1816        </div>
1817        <p class="numbered-card__description body body--2">Com cartas prémio, e ao atingir cada nível de pontos!</p>
1818    </div>
1819</div>
1820                    </div>
1821                
1822            
1823        
1824
1825        
1826
1827        
1828    
1829
1830    
1831</div>
1832
1833
1834
1835        </div>
1836    
1837</div>
1838
1839    
1840
1841
1842
1843                    </div>
1844                </div>
1845            
1846        
1847
1848        
1849
1850        
1851    
1852
1853    
1854</div>
1855<div class="vf_heading vf_parent_component aem-GridColumn aem-GridColumn--default--12">
1856
1857<div class="my-5">
1858    
1859
1860    
1861    
1862        
1863
1864        
1865
1866        
1867            <div class="text-white " style="background-color: ">
1868                <div class="d-flex 
1869                            container  justify-content-center  ">
1870                    
1871<h2 class="heading title" style="color : ;">
1872    
1873        NOVIDADES
1874    
1875</h2>
1876
1877                </div>
1878            </div>
1879        
1880    
1881
1882    
1883</div></div>
1884<div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12">
1885
1886
1887    
1888
1889    
1890    
1891        
1892            
1893            
1894                
1895                    <div class=" 
1896                            container  justify-content-center   text-white">
1897                        
1898
1899
1900<div class="row  justify-content-center ">
1901    
1902
1903    
1904
1905    
1906
1907    
1908        <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-start   ">
1909            <div></div>
1910            
1911
1912
1913
1914
1915    
1916    
1917    <div class="vf_whyCard vf_parent_component">
1918
1919
1920    
1921
1922    
1923    
1924        
1925
1926        
1927
1928        
1929            <div class="text-white " style="background-color: ">
1930                <div class="d-flex 
1931                            container  justify-content-center  ">
1932                    
1932<script>
1933    whyCardId = "ShakeItWhyYorn001";
1934    pathURL = "";
1935    target = "_self";
1936    param = "";
1937</script>
1937
1938
1939<div id="whyCardCmp-ShakeItWhyYorn001" @click="goTo" onclick="tealium_yorn_whyCard.methods.handleWhyCardClick('', '');">
1940    <div class="why-yorn-card " :class="{'why-yorn-card__cursor-default': !param && !pathURL}">
1941        <div class="why-yorn-card__background gradient--why-yorn-card-left"></div>
1942        <div class="why-yorn-card__image-wrapper">
1943            
1944
1945
1946    
1947
1948    
1949    
1950        
1951            
1952            
1953                
1954                    <div class=" 
1955                                  text-black">
1956                        
1957
1958
1959
1960
1961    
1962        <div class="segmentation--container skewed-image" style="border-radius: 5px;">
1963            <picture>
1964                
1965
1966                
1967                    
1968                    
1969                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-1.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
1970                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-1.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
1971                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-1.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
1972                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-1.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
1973                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-1.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
1974                    
1975                    <img srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-1.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-1.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Telemóvel com 3 cartas da coleção a serem mostradas " title="Yorn Shake It disponível na App My Vodafone" class="w-100"/>
1976                
1977
1978            </picture>
1979            <noscript>
1980                <img src="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-1.png" alt="Telemóvel com 3 cartas da coleção a serem mostradas " title="Yorn Shake It disponível na App My Vodafone" style="border-radius: 5px;"/>
1981            </noscript>
1982        </div>
1983    
1984
1985                    </div>
1986                
1987            
1988        
1989
1990        
1991
1992        
1993    
1994
1995    
1996
1997        </div>
1998        <div class="why-yorn-card__content">
1999            <div>
2000                
2001
2002
2003
2004
2005    
2006    
2007    <div class="vf_heading vf_parent_component">
2008
2009<div class="mb-2">
2010    
2011
2012    
2013    
2014        
2015
2016        
2017
2018        
2019            <div class="text-white " style="background-color: ">
2020                <div>
2021                    
2022<h3 class="heading subtitle" style="color : ;">
2023    
2024        Nova coleção, novas cartas
2025    
2026</h3>
2027
2028                </div>
2029            </div>
2030        
2031    
2032
2033    
2034</div></div>
2035
2036
2037    
2038    
2039    <div class="vf_text vf_parent_component">
2040
2041<div class="mb-4">
2042    
2043
2044    
2045    
2046        
2047
2048        
2049
2050        
2051            <div class="text-white " style="background-color: ">
2052                <div>
2053                    
2054
2055
2056<span class="body body--2" style="color: inherit">
2057    
2058        <p>Mostra que és um shaker com conhecimento do passado! Agita o telem
2058óvel e ganha prémios.</p>
2059
2060    
2061</span>
2062
2063    
2064
2065                </div>
2066            </div>
2067        
2068    
2069
2070    
2071</div></div>
2072
2073
2074
2075            </div>
2076            
2077        </div>
2078    </div>
2079</div>
2080
2081<script id="hiddenButtonCmp" type="text/x-template">
2082    <button
2083    class="button d-flex"
2084    :class="[
2085      'button--'+ type,
2086      type === 'primary' && 'button--' + color,
2087      iconOnLeftSide && 'button--icon-on-left',
2088      icon && 'button--has-icon',
2089      iconOnly && 'button--hide-text',
2090      iconOnlyMobile && 'button--hide-text-xs',
2091      animateIconOnHover && 'button--animate-icon',
2092      isDisabled && 'button--disabled'
2093    ]"
2094    @click="(event) => $emit('click', event)"
2095    v-if="!link"
2096    :disabled="isDisabled"
2097  >
2098    <span class="button__label">{{ label }}</span>
2099    <img 
2100      v-if="icon"
2101      :src="icon" 
2102      class="button__icon" 
2103    />
2104  </button>
2105  <a
2106    :onclick="(event) => $emit('click', event)"
2107    class="button button--link"
2108    :class="[
2109      'button--' + type,
2110      type === 'primary' && 'button--' + color,
2111      iconOnLeftSide && 'button--icon-on-left',
2112      icon && 'button--has-icon',
2113      iconOnly && 'button--hide-text',
2114      iconOnlyMobile && 'button--hide-text-xs',
2115    ]"
2116    :href="link"
2117    v-else-if="link && link.length"
2118    :target="openInNewTab || '_blank'"
2119  >
2120    <div class="button__inner d-flex">
2121      <span class="button__label">{{ label }}</span>
2122      <img 
2123        v-if="icon"
2124        :src="icon" 
2125        class="button__icon" 
2126      />
2127    </div>
2128  </a>
2129</script>
2129
2130
2131
2132    
2133
2134
2135
2136
2137<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_whyCard/clientlibs.bfe15dc1d5a94f7067b7226451f29d1d.js">
2138</script>
2138
2139                </div>
2140            </div>
2141        
2142    
2143
2144    
2145</div>
2146
2147
2148
2149        </div>
2150    
2151        <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-baseline  pt-0 pt-md-5 pt-lg-5 mt-0 mt-md-5 mt-lg-5">
2152            <div></div>
2153            
2154
2155
2156
2157
2158    
2159    
2160    <div class="vf_whyCard vf_parent_component">
2161
2162<div class="my-5">
2163    
2164
2165    
2166    
2167        
2168
2169        
2170
2171        
2172            <div class="text-white " style="background-color: ">
2173                <div class="d-flex 
2174                            container  justify-content-center  ">
2175                    
2175<script>
2176    whyCardId = "ShakeItWhyYorn002";
2177    pathURL = "";
2178    target = "_self";
2179    param = "";
2180</script>
2180
2181
2182<div id="whyCardCmp-ShakeItWhyYorn002" @click="goTo" onclick="tealium_yorn_whyCard.methods.handleWhyCardClick('', '');">
2183    <div class="why-yorn-card why-yorn-card--aligned-right" :class="{'why-yorn-card__cursor-default': !param && !pathURL}">
2184        <div class="why-yorn-card__background gradient--why-yorn-card-right"></div>
2185        <div class="why-yorn-card__image-wrapper">
2186            
2187
2188
2189    
2190
2191    
2192    
2193        
2194            
2195            
2196                
2197                    <div class=" 
2198                                  text-black">
2199                        
2200
2201
2202
2203
2204    
2205        <div class="segmentation--container skewed-image skewed-image--downward-angle" style="border-radius: 5px;">
2206            <picture>
2207                
2208
2209                
2210                    
2211                    
2212                        <source data-srcset="/content/dam/digital-yorn/shake-it/yorn-shake-it-16-news-640x460.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
2213                        <source data-srcset="/content/dam/digital-yorn/shake-it/yorn-shake-it-16-news-640x460.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
2214                        <source data-srcset="/content/dam/digital-yorn/shake-it/yorn-shake-it-16-news-640x460.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
2215                        <source data-srcset="/content/dam/digital-yorn/shake-it/yorn-shake-it-16-news-640x460.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
2216                        <source data-srcset="/content/dam/digital-yorn/shake-it/yorn-shake-it-16-news-640x460.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
2217                    
2218                    <img srcset="/content/dam/digital-yorn/shake-it/yorn-shake-it-16-news-640x460.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/shake-it/yorn-shake-it-16-news-640x460.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Avatar do jogo a ser mostrado" title="Yorn Shake It disponível na App My Vodafone" class="w-100"/>
2219                
2220
2221            </picture>
2222            <noscript>
2223                <img src="/content/dam/digital-yorn/shake-it/yorn-shake-it-16-news-640x460.png" alt="Avatar do jogo a ser mostrado" title="Yorn Shake It disponível na App My Vodafone" style="border-radius: 5px;"/>
2224            </noscript>
2225        </div>
2226    
2227
2228                    </div>
2229                
2230            
2231        
2232
2233        
2234
2235        
2236    
2237
2238    
2239
2240        </div>
2241        <div class="why-yorn-card__content">
2242            <div>
2243                
2244
2245
2246
2247
2248    
2249    
2250    <div class="vf_heading vf_parent_component">
2251
2252<div class="mb-2">
2253    
2254
2255    
2256    
2257        
2258
2259        
2260
2261        
2262            <div class="text-white " style="background-color: ">
2263                <div>
2264                    
2265<h3 class="heading subtitle" style="color : ;">
2266    
2267        Shaky, o avatar
2268    
2269</h3>
2270
2271                </div>
2272            </div>
2273        
2274    
2275
2276    
2277</div></div>
2278
2279
2280    
2281    
2282    <div class="vf_text vf_parent_component">
2283
2284<div class="mb-4">
2285    
2286
2287    
2288    
2289        
2290
2291        
2292
2293        
2294            <div class="text-white " style="background-color: ">
2295                <div>
2296                    
2297
2298
2299<span class="body body--2" style="color: inherit">
2300    
2301        <p>Já editaste o teu avatar? Podes personaliza-lo ao teu gosto. Solta o teu lado criativo!</p>
2302
2303    
2304</span>
2305
2306    
2307
2308                </div>
2309            </div>
2310        
2311    
2312
2313    
2314</div></div>
2315
2316
2317
2318            </div>
2319            
2320        </div>
2321    </div>
2322</div>
2323
2324<script id="hiddenButtonCmp" type="text/x-template">
2325    <button
2326    class="button d-flex"
2327    :class="[
2328      'button--'+ type,
2329      type === 'primary' && 'button--' + color,
2330      iconOnLeftSide && 'button--icon-on-left',
2331      icon && 'button--has-icon',
2332      iconOnly && 'button--hide-text',
2333      iconOnlyMobile && 'button--hide-text-xs',
2334      animateIconOnHover && 'button--animate-icon',
2335      isDisabled && 'button--disabled'
2336    ]"
2337    @click="(event) => $emit('click', event)"
2338    v-if="!link"
2339    :disabled="isDisabled"
2340  >
2341    <span class="button__label">{{ label }}</span>
2342    <img 
2343      v-if="icon"
2344      :src="icon" 
2345      class="button__icon" 
2346    />
2347  </button>
2348  <a
2349    :onclick="(event) => $emit('click', event)"
2350    class="button button--link"
2351    :class="[
2352      'button--' + type,
2353      type === 'primary' && 'button--' + color,
2354      iconOnLeftSide && 'button--icon-on-left',
2355      icon && 'button--has-icon',
2356      iconOnly && 'button--hide-text',
2357      iconOnlyMobile && 'button--hide-text-xs',
2358    ]"
2359    :href="link"
2360    v-else-if="link && link.length"
2361    :target="openInNewTab || '_blank'"
2362  >
2363    <div class="button__inner d-flex">
2364      <span class="button__label">{{ label }}</span>
2365      <img 
2366        v-if="icon"
2367        :src="icon" 
2368        class="button__icon" 
2369      />
2370    </div>
2371  </a>
2372</script>
2372
2373
2374
2375    
2376
2377
2378
2379
2380<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_whyCard/clientlibs.bfe15dc1d5a94f7067b7226451f29d1d.js">
2381</script>
2381
2382                </div>
2383            </div>
2384        
2385    
2386
2387    
2388</div></div>
2389
2390
2391
2392        </div>
2393    
2394</div>
2395
2396    
2397
2398
2399
2400                    </div>
2401                
2402            
2403        
2404
2405        
2406
2407        
2408    
2409
2410    
2411</div>
2412<div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12">
2413
2414
2415    
2416
2417    
2418    
2419        
2420            
2421            
2422                
2423                    <div class=" 
2424                            container  justify-content-start   text-white">
2425                        
2426
2427
2428<div class="row  justify-content-start ">
2429    
2430
2431    
2432
2433    
2434
2435    
2436        <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-start   ">
2437            <div></div>
2438            
2439
2440
2441
2442
2443    
2444    
2445    <div class="vf_whyCard vf_parent_component">
2446
2447
2448    
2449
2450    
2451    
2452        
2453
2454        
2455
2456        
2457            <div class="text-white " style="background-color: ">
2458                <div class="d-flex 
2459                            container  justify-content-center  ">
2460                    
2460<script>
2461    whyCardId = "ShakeItWhyYorn001";
2462    pathURL = "";
2463    target = "_self";
2464    param = "";
2465</script>
2465
2466
2467<div id="whyCardCmp-ShakeItWhyYorn001" @click="goTo" onclick="tealium_yorn_whyCard.methods.handleWhyCardClick('', '');">
2468    <div class="why-yorn-card " :class="{'why-yorn-card__cursor-default': !param && !pathURL}">
2469        <div class="why-yorn-card__background gradient--why-yorn-card-left"></div>
2470        <div class="why-yorn-card__image-wrapper">
2471            
2472
2473
2474    
2475
2476    
2477    
2478        
2479            
2480            
2481                
2482                    <div class=" 
2483                                  text-black">
2484                        
2485
2486
2487
2488
2489    
2490        <div class="segmentation--container skewed-image" style="border-radius: 5px;">
2491            <picture>
2492                
2493
2494                
2495                    
2496                    
2497                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-3.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
2498                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-3.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
2499                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-3.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
2500                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-3.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
2501                        <source data-srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-3.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
2502                    
2503                    <img srcset="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-3.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-3.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Telemóvel com 3 cartas da coleção a serem mostradas " title="Yorn Shake It disponível na App My Vodafone" class="w-100"/>
2504                
2505
2506            </picture>
2507            <noscript>
2508                <img src="/content/dam/digital-yorn/shake-it/shakeIt16-novidades-640x460-3.png" alt="Telemóvel com 3 cartas da coleção a serem mostradas " title="Yorn Shake It disponível na App My Vodafone" style="border-radius: 5px;"/>
2509            </noscript>
2510        </div>
2511    
2512
2513                    </div>
2514                
2515            
2516        
2517
2518        
2519
2520        
2521    
2522
2523    
2524
2525        </div>
2526        <div class="why-yorn-card__content">
2527            <div>
2528                
2529
2530
2531
2532
2533    
2534    
2535    <div class="vf_heading vf_parent_component">
2536
2537<div class="mb-2">
2538    
2539
2540    
2541    
2542        
2543
2544        
2545
2546        
2547            <div class="text-white " style="background-color: ">
2548                <div>
2549                    
2550<h3 class="heading subtitle" style="color : ;">
2551    
2552        Junta os teus amigos
2553    
2554</h3>
2555
2556                </div>
2557            </div>
2558        
2559    
2560
2561    
2562</div></div>
2563
2564
2565    
2566    
2567    <div class="vf_text vf_parent_component">
2568
2569<div class="mb-4">
2570    
2571
2572    
2573    
2574        
2575
2576        
2577
2578        
2579            <div class="text-white " style="background-color: ">
2580                <div>
2581                    
2582
2583
2584<span class="body body--2" style="color: inherit">
2585    
2586        <p>No Yorn Shake It podes trocar cartas e prémios com os teus amigos. Rodeia-te dos certos.</p>
2587
2588    
2589</span>
2590
2591    
2592
2593                </div>
2594            </div>
2595        
2596    
2597
2598    
2599</div></div>
2600
2601
2602
2603            </div>
2604            
2605        </div>
2606    </div>
2607</div>
2608
2609<script id="hiddenButtonCmp" type="text/x-template">
2610    <button
2611    class="button d-flex"
2612    :class="[
2613      'button--'+ type,
2614      type === 'primary' && 'button--' + color,
2615      iconOnLeftSide && 'button--icon-on-left',
2616      icon && 'button--has-icon',
2617      iconOnly && 'button--hide-text',
2618      iconOnlyMobile && 'button--hide-text-xs',
2619      animateIconOnHover && 'button--animate-icon',
2620      isDisabled && 'button--disabled'
2621    ]"
2622    @click="(event) => $emit('click', event)"
2623    v-if="!link"
2624    :disabled="isDisabled"
2625  >
2626    <span class="button__label">{{ label }}</span>
2627    <img 
2628      v-if="icon"
2629      :src="icon" 
2630      class="button__icon" 
2631    />
2632  </button>
2633  <a
2634    :onclick="(event) => $emit('click', event)"
2635    class="button button--link"
2636    :class="[
2637      'button--' + type,
2638      type === 'primary' && 'button--' + color,
2639      iconOnLeftSide && 'button--icon-on-left',
2640      icon && 'button--has-icon',
2641      iconOnly && 'button--hide-text',
2642      iconOnlyMobile && 'button--hide-text-xs',
2643    ]"
2644    :href="link"
2645    v-else-if="link && link.length"
2646    :target="openInNewTab || '_blank'"
2647  >
2648    <div class="button__inner d-flex">
2649      <span class="button__label">{{ label }}</span>
2650      <img 
2651        v-if="icon"
2652        :src="icon" 
2653        class="button__icon" 
2654      />
2655    </div>
2656  </a>
2657</script>
2657
2658
2659
2660    
2661
2662
2663
2664
2665<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_whyCard/clientlibs.bfe15dc1d5a94f7067b7226451f29d1d.js">
2666</script>
2666
2667                </div>
2668            </div>
2669        
2670    
2671
2672    
2673</div>
2674
2675
2676
2677        </div>
2678    
2679</div>
2680
2681    
2682
2683
2684
2685                    </div>
2686                
2687            
2688        
2689
2690        
2691
2692        
2693    
2694
2695    
2696</div>
2697<div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12">
2698
2699
2700    
2701
2702    
2703    
2704        
2705            
2706            
2707                
2708                    <div class=" 
2709                            container      text-white">
2710                        
2711
2712
2713<div class="row    ">
2714    
2715
2716    
2717
2718    
2719        <div class="col-12 col-sm-12 col-md-12 col-lg-12 align-self-start text-center  ">
2720            <div></div>
2721            
2722
2723
2724
2725
2726    
2727    
2728    <div class="vf_heading vf_parent_component">
2729
2730<div class="my-5">
2731    
2732
2733    
2734    
2735        
2736
2737        
2738
2739        
2740            <div class="text-white " style="background-color: ">
2741                <div class="d-flex 
2742                            container  justify-content-center  ">
2743                    
2744<h2 class="heading title" style="color : ;">
2745    
2746        PERGUNTAS FREQUENTES
2747    
2748</h2>
2749
2750                </div>
2751            </div>
2752        
2753    
2754
2755    
2756</div></div>
2757
2758
2759
2760        </div>
2761    
2762</div>
2763
2764    
2765
2766
2767
2768                    </div>
2769                
2770            
2771        
2772
2773        
2774
2775        
2776    
2777
2778    
2779</div>
2780<div class="vf_faq_accordion vf_parent_component aem-GridColumn aem-GridColumn--default--12">
2781
2782
2783    
2784
2785    
2786    
2787        
2788
2789        
2790
2791        
2792            <div class="text-white " style="background-color: ">
2793                <div class="d-flex 
2794                            container  justify-content-center  ">
2795                    
2796
2797
2798<div id="accordion-ShateItFaqAccordion" class="faq-accordion">
2799    
2800
2801    
2802
2803    
2804
2805    <div class="faq-accordion__items">
2806        
2807            <div class="faq-accordion__item ShateItFaqAccordion ">
2808                <div class="faq-accordion__item-header" onclick="setOpenItem('0', 'ShateItFaqAccordion'); yorn_tealium_accordion_faqAccordion.methods.handleAccordionClick('', 'Onde é que jogo Yorn Shake It?');">
2809                    <span class="faq-accordion__header-text">Onde é que jogo Yorn Shake It? </span>
2810                    <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-chevron-down.svg" class="faq-accordion__chevron icon icon--medium"/>
2811                </div>
2812                <div class="content-0 faq-accordion__item-content ">
2813                    
2814                    
2815
2816
2817
2818
2819    
2820    
2821    <div class="vf_text vf_parent_component">
2822
2823
2824    
2825
2826    
2827        <div class="d-flex 
2828                   ">
2829            
2830
2831
2832<span class="body body--2" style="color: inherit">
2833    
2834        <p>Vai à homepage do My Vodafone e toca em “Yorn Shake It”. Garante que tens a tua app My Vodafone atualizada para a última versão para conseguires jogar.<br />
2835Se ainda não tens a app My Vodafone vai à App Store ou à Play Store e faz download.</p>
2836
2837    
2838</span>
2839
2840    
2841
2842        </div>
2843    
2844    
2845
2846    
2847</div>
2848
2849
2850    
2851    
2852    <div class="vf_grid vf_parent_component">
2853
2854<div class="my-3">
2855    
2856
2857    
2858    
2859        
2860            
2861            
2862                
2863                    <div class=" 
2864                                  text-black">
2865                        
2866
2867
2868<div class="row    ">
2869    
2870
2871    
2872
2873    
2874
2875    
2876
2877    
2878        <div class="col-4 col-sm-4 col-md-3 col-lg-3 align-self-start   ">
2879            <div></div>
2880            
2881
2882
2883
2884
2885    
2886    
2887    <div class="vf_image vf_parent_component">
2888
2889
2890    
2891
2892    
2893    
2894        
2895            
2896            
2897                
2898                    <div class="d-flex 
2899                                  text-black">
2900                        
2901
2902
2903
2904
2905    <a href="https://itunes.apple.com/pt/app/apoio-a-cliente-vodafone/id400485671" onclick="target='_blank'" role="button" aria-label="Download da App My Vodafone para iOS">
2906        <div class="segmentation--container " style="border-radius: 0px;">
2907            <picture>
2908                
2909
2910                
2911                    
2912                    
2913                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
2914                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
2915                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
2916                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
2917                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
2918                    
2919                    <img srcset="/content/dam/digital-commons/download-stores/download-store-apps-apple.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-commons/download-stores/download-store-apps-apple.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Botão para download da App My Vodafone para iOS" title="Download da App My Vodafone para iOS" class="w-100"/>
2920                
2921
2922            </picture>
2923            <noscript>
2924                <img src="/content/dam/digital-commons/download-stores/download-store-apps-apple.png" alt="Botão para download da App My Vodafone para iOS" title="Download da App My Vodafone para iOS" style="border-radius: 0px;"/>
2925            </noscript>
2926        </div>
2927    </a>
2928
2929                    </div>
2930                
2931            
2932        
2933
2934        
2935
2936        
2937    
2938
2939    
2940</div>
2941
2942
2943
2944        </div>
2945    
2946        <div class="col-4 col-sm-4 col-md-3 col-lg-3 align-self-start   ">
2947            <div></div>
2948            
2949
2950
2951
2952
2953    
2954    
2955    <div class="vf_image vf_parent_component">
2956
2957
2958    
2959
2960    
2961    
2962        
2963            
2964            
2965                
2966                    <div class="d-flex 
2967                                  text-black">
2968                        
2969
2970
2971
2972
2973    <a href="https://play.google.com/store/apps/details?id=com.vodafone.mCare" onclick="target='_blank'" role="button" aria-label="Download da App My Vodafone para Android">
2974        <div class="segmentation--container " style="border-radius: 0px;">
2975            <picture>
2976                
2977
2978                
2979                    
2980                    
2981                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
2982                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
2983                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
2984                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
2985                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
2986                    
2987                    <img srcset="/content/dam/digital-commons/download-stores/download-store-apps-google.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-commons/download-stores/download-store-apps-google.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Botão para download da App My Vodafone para Android" title="Download da App My Vodafone para Android" class="w-100"/>
2988                
2989
2990            </picture>
2991            <noscript>
2992                <img src="/content/dam/digital-commons/download-stores/download-store-apps-google.png" alt="Botão para download da App My Vodafone para Android" title="Download da App My Vodafone para Android" style="border-radius: 0px;"/>
2993            </noscript>
2994        </div>
2995    </a>
2996
2997                    </div>
2998                
2999            
3000        
3001
3002        
3003
3004        
3005    
3006
3007    
3008</div>
3009
3010
3011
3012        </div>
3013    
3014        <div class="col-4 col-sm-4 col-md-3 col-lg-3 align-self-start   ">
3015            <div></div>
3016            
3017
3018
3019
3020
3021    
3022    
3023    <div class="vf_image vf_parent_component">
3024
3025
3026    
3027
3028    
3029    
3030        
3031            
3032            
3033                
3034                    <div class="d-flex 
3035                                  text-black">
3036                        
3037
3038
3039
3040
3041    <a href="https://appgallery.huawei.com/#/app/C103674693" onclick="target='_blank'" role="button" aria-label="Download da App My Vodafone para Huawei">
3042        <div class="segmentation--container " style="border-radius: 0px;">
3043            <picture>
3044                
3045
3046                
3047                    
3048                    
3049                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-huawei.png/jcr:content/renditions/cq5dam.web.320.1000.png" media="(max-width: 320px)"/>
3050                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-huawei.png/jcr:content/renditions/cq5dam.web.400.1000.png" media="(max-width: 400px)"/>
3051                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-huawei.png/jcr:content/renditions/cq5dam.web.640.1000.png" media="(max-width: 640px)"/>
3052                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-huawei.png/jcr:content/renditions/cq5dam.web.950.1000.png" media="(max-width: 950px)"/>
3053                        <source data-srcset="/content/dam/digital-commons/download-stores/download-store-huawei.png/jcr:content/renditions/cq5dam.web.1200.1000.png" media="(max-width: 1200px)"/>
3054                    
3055                    <img srcset="/content/dam/digital-commons/download-stores/download-store-huawei.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-commons/download-stores/download-store-huawei.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Botão para download da App My Vodafone para Huawei" title="Download da App My Vodafone para Huawei" class="w-100"/>
3056                
3057
3058            </picture>
3059            <noscript>
3060                <img src="/content/dam/digital-commons/download-stores/download-store-huawei.png" alt="Botão para download da App My Vodafone para Huawei" title="Download da App My Vodafone para Huawei" style="border-radius: 0px;"/>
3061            </noscript>
3062        </div>
3063    </a>
3064
3065                    </div>
3066                
3067            
3068        
3069
3070        
3071
3072        
3073    
3074
3075    
3076</div>
3077
3078
3079
3080        </div>
3081    
3082</div>
3083
3084    
3085
3086
3087
3088                    </div>
3089                
3090            
3091        
3092
3093        
3094
3095        
3096    
3097
3098    
3099</div></div>
3100
3101
3102    
3103    
3104    <div class="vf_text vf_parent_component">
3105
3106
3107    
3108
3109    
3110        <div class="d-flex 
3111                   ">
3112            
3113
3114
3115<span class="body body--2" style="color: inherit">
3116    
3117        <p>Atenção: tens de ter a versão 7.0.13 ou superior do My Vodafone para conseguires jogar.</p>
3118
3119    
3120</span>
3121
3122    
3123
3124        </div>
3125    
3126    
3127
3128    
3129</div>
3130
3131
3132
3133                </div>
3134            </div>
3135        
3136            <div class="faq-accordion__item ShateItFaqAccordion ">
3137                <div class="faq-accordion__item-header" onclick="setOpenItem('1', 'ShateItFaqAccordion');
3137 yorn_tealium_accordion_faqAccordion.methods.handleAccordionClick('', 'Posso jogar Yorn Shake It?');">
3138                    <span class="faq-accordion__header-text">Posso jogar Yorn Shake It? </span>
3139                    <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-chevron-down.svg" class="faq-accordion__chevron icon icon--medium"/>
3140                </div>
3141                <div class="content-1 faq-accordion__item-content ">
3142                    
3143                    
3144
3145
3146
3147
3148    
3149    
3150    <div class="vf_text vf_parent_component">
3151
3152
3153    
3154
3155    
3156        <div class="d-flex 
3157                   ">
3158            
3159
3160
3161<span class="body body--2" style="color: inherit">
3162    
3163        <p style="text-align: left;">&quot;Podes, se tiveres um tarifário Yorn e a app My Vodafone instalada no telemóvel.<br />
3164Se ainda não és Yorn, de que estás à espera? Dá um saltinho <a class="link link--body" style="font-size: inherit;" href="https://www.yorn.net/yorn/tarifario.html#adesao" title="Follow link">aqui</a>..&quot;</p>
3165
3166    
3167</span>
3168
3169    
3170
3171        </div>
3172    
3173    
3174
3175    
3176</div>
3177
3178
3179
3180                </div>
3181            </div>
3182        
3183            <div class="faq-accordion__item ShateItFaqAccordion ">
3184                <div class="faq-accordion__item-header" onclick="setOpenItem('2', 'ShateItFaqAccordion'); yorn_tealium_accordion_faqAccordion.methods.handleAccordionClick('', 'O que é a caderneta no Yorn Shake It?');">
3185                    <span class="faq-accordion__header-text">O que é a caderneta no Yorn Shake It? </span>
3186                    <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-chevron-down.svg" class="faq-accordion__chevron icon icon--medium"/>
3187                </div>
3188                <div class="content-2 faq-accordion__item-content ">
3189                    
3190                    
3191
3192
3193
3194
3195    
3196    
3197    <div class="vf_text vf_parent_component">
3198
3199
3200    
3201
3202    
3203        <div class="d-flex 
3204                   ">
3205            
3206
3207
3208<span class="body body--2" style="color: inherit">
3209    
3210        <p>A caderneta é composta por 60 cartas de coleção. Completa as colunas para ganhares os prémios que estão nas cartas douradas de cada categoria.<br />
3211Quando recebes uma carta nova tens de escolher a opção certa para receberes pontos. Recebes tantos pontos, quanto os segundos que ainda faltarem no contador.</p>
3212
3213    
3214</span>
3215
3216    
3217
3218        </div>
3219    
3220    
3221
3222    
3223</div>
3224
3225
3226
3227                </div>
3228            </div>
3229        
3230    </div>
3231
3232    
3233</div>
3234
3235
3236    
3237<script src="/etc.clientlibs/digital-yorn/components/content/authored/vf_faq_accordion/clientlibs.min.js"></script>
3237
3238
3239
3240
3241                </div>
3242            </div>
3243        
3244    
3245
3246    
3247</div>
3248<div class="vf_button vf_parent_component aem-GridColumn aem-GridColumn--default--12">
3249
3250<div class="mt-5">
3251    
3252
3253    
3254    
3255        
3256
3257        
3258
3259        
3260            <div class="text-white " style="background-color: ">
3261                <div class="d-flex 
3262                            container  justify-content-center  ">
3263                    
3264
3265
3266
3267
3268<script>
3269    isDisabled = "false";
3270    title = "Se tens mais dúvidas clica aqui";
3271    pathURLDesktop = "/content/digital-yorn/pt/yorn/ajuda.html?openAccordion=FaqShakeIt";
3272    pathURLMobile = "";
3273    idButton = "";
3274</script>
3274
3275
3276<div class="d-inline-flex ">
3277    <a id="vf_button-" href="/yorn/ajuda.html?openAccordion=FaqShakeIt" class="button
3278              d-flex
3279              align-items-center
3280              justify-content-center
3281              text-decoration-none
3282              
3283              
3284              
3285              button--secondary" role="button" title="Se tens mais dúvidas clica aqui" target="_blank" aria-label="Se tens mais dúvidas clica aqui" onclick="yorn_tealium_button.methods.handleButtonClick('Click Event Yorn See More Faqs', 'Se tens mais dúvidas clica aqui', 'Se tens mais dúvidas clica aqui' ); ">
3286        
3287            
3288        
3289        <span class="button__label">Se tens mais dúvidas clica aqui</span>
3290        
3291        
3292    </a>
3293</div>
3294
3295<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_button/clientlibs.f25f6b818a5327642eccef359e77ee9c.js"></script>
3295
3296                </div>
3297            </div>
3298        
3299    
3300
3301    
3302</div></div>
3303<div class="vf_text vf_parent_component aem-GridColumn aem-GridColumn--default--12">
3304
3305<div class="my-3">
3306    
3307
3308    
3309    
3310        
3311
3312        
3313
3314        
3315            <div class="text-white " style="background-color: ">
3316                <div class="d-flex 
3317                            container  justify-content-center  ">
3318                    
3319
3320
3321<span class="body body--2" style="color: inherit">
3322    
3323        <p><a class="link link--body" style="font-size: inherit;" href="/content/dam/digital-yorn/documentos/yorn-shake-it-regulamento.pdf" target="_blank">Regulamento</a></p>
3324
3325    
3326</span>
3327
3328    
3329
3330                </div>
3331            </div>
3332        
3333    
3334
3335    
3336</div></div>
3337
3338    
3339</div>
3340</div>
3341<div class="vf_experienceFragment aem-GridColumn aem-GridColumn--default--12">
3342    
3343    
3344    
3345    
3346    
3347        
3348        <div class="xfpage page basicpage">
3349
3350
3351
3352
3353<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
3354    
3355    <div class="vf_footer aem-GridColumn aem-GridColumn--default--12"><footer class="footer">
3356    <div class="footer__upper-footer"><div id="upper_footer">
3357    <div class="footer__upper-background"></div>
3358    <div class="container">
3359        <div class="footer__upper-footer-inner">
3360            <div class="footer__logo-link" data-context="footer-yorn-logo">
3361                    
3362
3363    
3364    
3365        <a role="button" href="/yorn.html" target="_self">
3366            <span class="icon icon--fill 8" style="width: ; height: ;">
3367    <svg  width="90" height="38" viewBox="0 0 90 38">
3368    <g fill="none" fill-rule="evenodd">
3369        <g fill="#FFF" fill-rule="nonzero">
3370            <g>
3371                <path d="M230.366 57.415c1.99-1.471 3.163-3.8 3.162-6.275v-.689c.01-2.073-.805-4.066-2.267-5.537-1.462-1.471-3.45-2.299-5.523-2.3h-9.526c-.252.003-.455.208-.455.46v21.263c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V59.4c0-.123.05-.24.136-.327.086-.086.204-.135.326-.135h2.266c.164-.002.317.085.4.227l3.113 5.394c.09.134.238.219.4.227h5.64c.177.036.357-.045.447-.201.09-.156.072-.352-.047-.488l-3.885-6.681zm-6.047-4.34h-2.287c-.122 0-.24-.048-.326-.134-.087-.087-.136-.204-.136-.327v-3.671c0-.252.203-.458.455-.461h2.335c.62 0 1.214.25 1.647.695.432.446.665 1.047.647 1.667-.07 1.242-1.092 2.216-2.335 2.225v.007zm-19.424-10.834h-2.665c-.16.018-.303.11-.386.248l-6.812 11.826c-.044.073-.067.157-.069.242v2.417c-.096 4.374 3.368 7.999 7.742 8.1h2.19c4.374-.101 7.838-3.726 7.742-8.1v-6.633c.096-4.373-3.368-7.998-7.742-8.1zm1.936 13.88c0 1.673-1.357 3.03-3.031 3.03-1.674 0-3.03-1.357-3.03-3.03v-4.767c0-1.083.577-2.083 1.515-2.625.937-.541 2.093-.541 3.03 0 .938.542 1.516 1.542 1.516 2.625v4.766zm47.573-13.473h-4.89c-.255 0-.461.206-.461.461V53.2l-5.958-10.331c-.09-.135-.238-.22-.4-.227h-5.055c-.255 0-.462.206-.462.461v21.235c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V54.315l5.91 10.25c.09.134.238.219.4.227h5.103c.255 0 .462-.207.462-.462V43.102c0-.255-.207-.461-.462-.461v.007zm-83.63-10.29c-.125-.2-.338-.328-.572-.345h-4.767c-.153-.03-.309.04-.386.176-.078.136-.061.306.042.423l16.53 28.695c.114.215.114.473 0 .688l-1.535 2.652c-.077.118-.205.192-.345.2h-2.066c-.154.03-.309-.041-.387-.176-.078-.136-.06-.306.042-.423l1.247-2.156c.114-.216.114-.474 0-.689l-2.383-4.133c-.051-.146-.19-.244-.344-.244-.155 0-.293.098-.345.244l-6.894 12.026c-.104.118-.12.288-.043.423.078.136.234.207.387.177h13.7c.14-.008.268-.083.344-.2l4.133-7.184c.276-.546.276-1.19 0-1.736l-16.359-28.419zm32.82-.345h-13.287c-.14.008-.268.082-.344.2L186.45 38.3c-.064.126-.064.274 0 .4l2.21 3.83c.122.228.362.369.62.365.232.001.446-.123.559-.324l3.05-5.29c.077-.118.205-.192.345-.2h2.025c.154-.03.31.041.387.177.078.135.06.305-.042.423l-6.068 10.538c-.052.146-.19.244-.345.244-.155 0-.293-.098-.344-.244l-9.127-15.842c-.122-.211-.341-.348-.585-.365h-4.766c-.154-.03-.31.04-.387.176-.078.136-.06.306.042.423l14.223 24.727c.131.4.504.67.923.67.42 0 .793-.27.923-.67l14.079-24.314c.179-.196.21-.485.079-.716-.132-.23-.398-.35-.658-.296z" transform="translate(-165 -3416) translate(0 3384)"/>
3372            </g>
3373        </g>
3374    </g>
3375</svg>
3376
3377</span>
3378<span class="visually-hidden"></span>
3379        </a>
3380    
3381
3382
3383            </div>
3384            <ul class="footer__navigation">
3385                
3386                    
3387                
3388                    
3389                        <li class="footer__navigation-item" data-context="footer-main-menu-item">
3390                            
3391                            <a href="/yorn/tarifario.html" target="_self">
3392                                Tarifários
3393                            </a>
3394                        </li>
3395                    
3396                        <li class="footer__navigation-item" data-context="footer-main-menu-item">
3397                            
3398                            <a href="/yorn/shake-it.html" target="_self">
3399                                Shake It
3400                            </a>
3401                        </li>
3402                    
3403                        <li class="footer__navigation-item" data-context="footer-main-menu-item">
3404                            
3405                            <a href="/yorn/parcerias.html" target="_self">
3406                                Parcerias
3407                            </a>
3408                        </li>
3409                    
3410                        <li class="footer__navigation-item" data-context="footer-main-menu-item">
3411                            
3412                            <a href="/yorn/ajuda.html" target="_self">
3413                                Ajuda
3414                            </a>
3415                        </li>
3416                    
3417                        <li class="footer__navigation-item" data-context="footer-main-menu-item">
3418                            
3419                            <a href="/yorn/onde-estamos.html" target="_self">
3420                                Onde estamos
3421                            </a>
3422                        </li>
3423                    
3424                
3425            </ul>
3426        </div>
3427    </div>
3428</div>
3429
3430</div>
3431    <div class="footer__lower-footer">
3432
3433<div id="lower_footer" class="container">
3434    <input type="hidden" ref="legalItems"/>
3435    <div class="footer__lower-footer-inner">
3436        <ul class="footer__legal-links">
3437            
3438                
3439            
3440                
3441            
3442                
3443            
3444                
3445            
3446                
3447                    <li class="footer__legal-links-item" data-context="footer-legal-menu-item">
3448                        <a href="https://www.vodafone.pt/portalprivacidade.html" target="_blank">
3449                            <span>Privacidade</span>
3450                        </a>
3451                        <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/separator.svg" class="footer__legal-menu-separator"/>
3452                    </li>
3453                
3454                    <li class="footer__legal-links-item" data-context="footer-legal-menu-item">
3455                        <a href="/yorn/termos-e-condicoes.html" target="_self">
3456                            <span>Termos e Condições</span>
3457                        </a>
3458                        <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/separator.svg" class="footer__legal-menu-separator"/>
3459                    </li>
3460                
3461                    <li class="footer__legal-links-item" data-context="footer-legal-menu-item">
3462                        <a target="_self" onclick="window.vfptShowDialog()">
3463                            <span>Cookies</span>
3464                        </a>
3465                        <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/separator.svg" class="footer__legal-menu-separator"/>
3466                    </li>
3467                
3468                    <li class="footer__legal-links-item" data-context="footer-legal-menu-item">
3469                        <a href="https://www.vodafone.pt/acessibilidade.html" target="_self">
3470                            <span>Acessibilidade</span>
3471                        </a>
3472                        <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/separator.svg" class="footer__legal-menu-separator"/>
3473                    </li>
3474                
3475            
3476        </ul>
3477        <ul class="footer__social-media-links">
3478            
3479                <li class="footer__social-media-item" data-context="footer-social-media-menu-item">
3480                    
3481                    <div>
3482
3483    
3484    
3485        <a role="button" href="https://www.facebook.com/yorn" target="_blank">
3486            <span class="icon icon--fill 8" style="width: ; height: ;">
3487    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
3488    <path fill="#FFF" fill-rule="evenodd" d="M14.885 5.188h1.753V2.135C16.335 2.094 15.296 2 14.084 2c-2.527 0-4.258 1.59-4.258 4.511V9.2H7.037v3.413h2.789V21.2h3.42v-8.586h2.675l.425-3.413h-3.102V6.85c.001-.987.267-1.662 1.641-1.662z"/>
3489</svg>
3490
3491</span>
3492<span class="visually-hidden"></span>
3493        </a>
3494    
3495
3496</div>
3497                </li>
3498            
3499                <li class="footer__social-media-item" data-context="footer-social-media-menu-item">
3500                    
3501                    <div>
3502
3503    
3504    
3505        <a role="button" href="https://www.youtube.com/yorn" target="_blank">
3506            <span class="icon icon--fill 8" style="width: ; height: ;">
3507    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
3508    <path fill="#FFF" fill-rule="evenodd" d="M12.454 4c1.563.01 6.7.072 8.154.47.942.254 1.685.997 1.939 1.94.427 1.56.452 4.653.453 5.22v.1c0 .21-.014 3.614-.453 5.281-.254.943-.997 1.686-1.94 1.94-1.53.402-7.141.447-8.37.452h-.476c-1.225-.005-6.824-.052-8.37-.47-.943-.254-1.686-.997-1.94-1.94-.41-1.544-.448-4.635-.452-5.201v-.18c.004-.564.042-3.642.453-5.202.253-.943 1.014-1.704 1.939-1.958 1.454-.382 6.59-.442 8.154-.451zM9.806 8.404V15l5.727-3.299-5.727-3.298z"/>
3509</svg>
3510
3511</span>
3512<span class="visually-hidden"></span>
3513        </a>
3514    
3515
3516</div>
3517                </li>
3518            
3519                <li class="footer__social-media-item" data-context="footer-social-media-menu-item">
3520                    
3521                    <div>
3522
3523    
3524    
3525        <a role="button" href="https://www.instagram.com/yorn" target="_blank">
3526            <span class="icon icon--fill 8" style="width: ; height: ;">
3527    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
3528    <path fill="#FFF" d="M8.225 3C5.347 3 3 5.347 3 8.225v7.55C3 18.653 5.347 21 8.225 21h7.55C18.653 21 21 18.653 21 15.775v-7.55C21 5.347 18.653 3 15.775 3h-7.55zm0 1.385h7.55c2.129 0 3.84 1.709 3.84 3.84v7.55c0 2.129-1.709 3.84-3.84 3.84h-7.55c-2.129 0-3.84-1.709-3.84-3.84v-7.55c0-2.129 1.709-3.84 3.84-3.84zm8.967 1.384c-.573 0-1.038.465-1.038 1.039 0 .573.465 1.038 1.038 1.038.574 0 1.039-.465 1.039-1.038 0-.574-.465-1.039-1.039-1.039zM12 7.154C9.33 7.154 7.154 9.33 7.154 12c0 2.67 2.177 4.846 4.846 4.846 2.67 0 4.846-2.177 4.846-4.846 0-2.67-2.177-4.846-4.846-4.846zm0 1.384c1.92 0 3.462 1.542 3.462 3.462 0 1.92-1.542 3.462-3.462 3.462-1.92 0-3.462-1.542-3.462-3.462 0-1.92 1.542-3.462 3.462-3.462z"/>
3529</svg>
3530
3531</span>
3532<span class="visually-hidden"></span>
3533        </a>
3534    
3535
3536</div>
3537                </li>
3538            
3539                <li class="footer__social-media-item" data-context="footer-social-media-menu-item">
3540                    
3541                    <div>
3542
3543    
3544    
3545        <a role="button" href="https://www.tiktok.com/@yorn?_t=8qYpK2WaMlf&_r=1" target="_blank">
3546            <span class="icon icon--fill 8" style="width: ; height: ;">
3547    <svg viewBox="0 0 24 24" width="24" height="24"><path id="Tik-Tok" fill="#FFFFFF" d="M19,10.282c-0.142,0.013-0.285,0.022-0.431,0.022c-1.638,0-3.078-0.865-3.916-2.173 c0,3.431,0,7.334,0,7.399c0,3.02-2.385,5.469-5.326,5.469S4,18.551,4,15.531s2.385-5.469,5.326-5.469 c0.111,0,0.22,0.01,0.329,0.017v2.695c-0.109-0.013-0.217-0.034-0.329-0.034c-1.502,0-2.719,1.249-2.719,2.791 s1.217,2.791,2.719,2.791s2.828-1.215,2.828-2.757C12.154,15.506,12.181,3,12.181,3h2.509C14.925,5.303,16.736,7.121,19,7.287 V10.282z"></path></svg>
3548</span>
3549<span class="visually-hidden"></span>
3550        </a>
3551    
3552
3553</div>
3554                </li>
3555            
3556        </ul>
3557    </div>
3558</div>
3559
3560</div>
3561</footer></div>
3562
3563    
3564</div>
3565</div>
3566
3567    
3568</div>
3569
3570    
3571</div>
3572</div>
3573
3574
3575  
3576    
3577    
3578
3579
3580    
3581    
3582
3583
3584
3585
3586
3587
3588
3589
3590
3591
3592
3593
3594    
3594<script type="text/javascript">
3595        (function(a,b,c,d){
3596        a='https://tags.vodafone.pt/pt-universal/prod/utag.js';
3597        b=document;c='script';d=b.createElement(c);d.src=a;d.type='text/java'+c;d.async=true;
3598        d.addEventListener('load', function() {tealiumBus.$emit('utag-loaded')}, false);
3599        a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a);
3600        })();
3601	</script>
3601
3602
3603<script>
3604    //Smooth Scroll
3605    window.addEventListener('load', smoothScrollTemplate);
3606    window.addEventListener('hashchange', smoothScrollTemplate);
3607
3608    function smoothScrollTemplate() {
3609        var url = window.location;
3610        var hash = url.hash ? url.hash.substring(1) : null
3611
3612        if (hash !== null) {
3613            if (document.getElementById(hash) != null) {
3614
3615                var top = $('#'+hash).offset().top;
3616                var scrollHeight = 0;
3617
3618                scrollHeight = top;
3619
3620                scrollHeight = scrollHeight - 100;
3621
3622                $('html, body').animate({
3623                    scrollTop: scrollHeight
3624                }, 1000);
3625            }
3626        }
3627    }
3628</script>
3628
3629
3630    
3631
3632
3633<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=4&cb=670083506" async></script>
3633</body>
3634
3635</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.