PageSourceSearch

https://www.clashd.com.br/produtos/

html clashd.com.br collected 2026-10-06 03:25:40 UTC 72,550 bytes, 1,693 lines download raw bytes

1
2
3
4<!DOCTYPE html>
5<html lang="en">
6<head>
7    <!-- Google Tag Manager -->
8    
8<script>
vendor: 497 bytes, lines 8-17
8
9
10        (function (w, d, s, l, i) {
11            w[l] = w[l] || []; w[l].push({
12                'gtm.start':
13                    new Date().getTime(), event: 'gtm.js'
14            }); var f = d.getElementsByTagName(s)[0],
15                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
16                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
17        })(window, document, 'script', 'dataLayer', '
17GTM-TJPP2PC6
vendor: 11 bytes, lines 17-19
17');
18
19    
19</script>
19
20    <!-- End Google Tag Manager -->
21    <!-- OneTrust Cookies Consent Notice start for clashd.com.br -->
22    
22<script data-language="pt-BR" type="text/javascript" charset="UTF-8" data-domain-script="0192bde5-88b7-7f4d-a074-87a6c43e7e9e" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"></script>
22
23    
23<script type="text/javascript">
24        function OptanonWrapper() { }
25    </script>
25
26    <!-- OneTrust Cookies Consent Notice end for clashd.com.br -->
27
28    <meta charset="utf-8" />
29
30    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
31    <meta name="title" content=" | Clash&#x27;d" />
32    <meta name="description" content="" />
33    <meta name="keywords" content="">
34
35    <meta property="og:title" content=" | Clash&#x27;d">
36    <meta property="og:type" content="website">
37    <meta property="og:description" content="">
38    <meta property="og:image" content="https://www.clashd.com.br/media/qcejhncq/clashd-og-image.webp">
39    <meta name="seo-url" property="og:url" content="https://www.clashd.com.br/produtos/">
40
41    <meta property="twitter:card" content="sumary">
42    <meta property="twitter:site" content="@Clashd">
43    <meta property="twitter:title" content=" | Clash&#x27;d">
44    <meta property="twitter:description" content="">
45    <meta property="twitter:image" content="https://www.clashd.com.br/media/qcejhncq/clashd-og-image.webp">
46    <meta name="google-site-verification" content="LPvxz82Q7mOCpCww3d5-TJDAAlT694TAzJUOivY3org" />
47    <link rel="canonical" href="https://www.clashd.com.br/produtos/" />
48
49    <title> | Clash&#x27;d</title>
50
51    <!-- Favicon-->
52            <link rel="icon" type="image/x-icon" alttext="Clash&#x27;d" href="/media/13gj1dk3/clashd_primary_collider.svg" />
53
54    <!-- Bootstrap icons-->
55    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" />
56
57    <!-- Google Tag Manager (gtag) -->
58    
58<script>
59        window.dataLayer = window.dataLayer || [];
60        function gtag() { dataLayer.push(arguments); }
61    </script>
61
62    <!-- End Google Tag Manager (gtag) -->
63    <!-- Core theme CSS (includes Bootstrap)-->
64    <link rel="stylesheet" href="/css/bootstrap/scss/bootstrap.min.css" />
65    <link rel="stylesheet" href="/css/site.min.css?v=3009" />
66    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" />
67
68    
68<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
68
69    
69<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-3.3.2.min.js"></script>
69
70    
70<script src="/scripts/js.cookie.js"></script>
70
71    
71<script type="text/javascript" src="/scripts/yup.js"></script>
71
72    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
73    
73<script>
74        $(document).ready(function () {
75            if ($.browser.name == 'safari' && $.browser.versionNumber < 15) {
76                $('head').append('<link rel="stylesheet" type="text/css" href="/css/safari.css?v=2">')
77            }
78            if ($.browser.name == 'safari' && $.browser.versionNumber <= 13) {
79                $('head').append('<link rel="stylesheet" type="text/css" href="/css/safari-smaller-13.css?v=2">')
80            }
81        });
82    </script>
82
83    
83<script>
84        // Set the options globally
85        // to make LazyLoad self-initialize
86        window.lazyLoadOptions = {
87            // Your custom settings go here
88        };
89        // Listen to the initialization event
90        // and get the instance of LazyLoad
91        window.addEventListener(
92            "LazyLoad::Initialized",
93            function (event) {
94                window.lazyLoadInstance = event.detail.instance;
95            },
96            false
97        );
98    </script>
98
99    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/aos.css">
100    
100<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
100
101</head>
102<body class="d-flex flex-column" style="overflow-y: scroll">
103
104    
105
106<section class="age-gate-modal">
107        <div class="age-gate-overlay">
108            <div class="age-gate-content">
109                <div class="age-gate-display">
110                    <div class="age-gate">
111                        <div class="content-wrapper">
112                            <div class="container">
113                                <div class="row justify-content-center">
114                                    <div class="age-gate-form-wrapper">
115                                        <header class="age-gate-header">
116                                            
117        <div class="image">
118            <img src="/media/g52npzp3/clashd_primary_brandmark-1_sized.svg" loading="lazy" alt="" />
119        </div>
120
121 
122                                        </header>
123                                        <div class="age-gate-main">
124                                            <span class="age-gate-text-default">
125                                                
126<h1 class="typography heading xlarge contrast " title=""><p>Você tem mais de 18 anos?</p></h1>
127
128
129                                                
130
131
132                                            </span>
133
134                                            <span class="age-gate-denied-item">
135                                                
136<h1 class="typography heading xlarge contrast " title=""><p>Ops, você ainda não pode entrar...</p></h1>
137
138
139                                                
140
141
142                                            </span>
143                                                     
144                                            <div class="age-gate-button-wrapper">
145
146                                                
147
148
149<a href="#" class="button medium  secondary on-contrast" target="_self" id="click-no-agegate" data-id="" >
150
151
152    <span class="label " data-id="">N&#xE3;o</span>
153
154</a>
155
156
157
158                                                
159
160
161<a href="#" class="button medium  secondary on-contrast" target="_self" id="click-yes-agegate" data-id="" >
162
163
164    <span class="label " data-id="">Sim</span>
165
166</a>
167
168
169
170                                            </div>
171                                        </div>
172                                    </div>
173                                </div>
174                            </div>
175                            <aside class="image-wrapper">
176
177                                <span class="age-gate-text-default">
178                                    
179        <div class="image fluid">
180            <img src="/media/hysmhchv/clash-d-refrigerante-grupo-heineken-1.jpg" loading="lazy" width="1920" height="1080" alt="Clash&#x27;d the future is brewed" />
181        </div>
182
183 
184                                </span>
185
186                                <span class="age-gate-denied-item">
187                                    
188        <div class="image fluid">
189            <img src="/media/hysmhchv/clash-d-refrigerante-grupo-heineken-1.jpg" loading="lazy" width="1920" height="1080" alt="Clash&#x27;d the future is brewed" />
190        </div>
191
192 
193                                </span>
194
195                            </aside>
196                        </div>
197                        <footer class="age-gate-footer p-0">
198                            <section class="copyright">
199                                <div class="container-fluid">
200                                    <div class="row">
201
202                                            <div class="col">
203                                                
204<p class="typography caption  ">© HEINEKEN Brasil 2025</p>
205
206
207                                                
208        <div class="image">
209            <img src="/media/vmlci43l/logotipo-heineken-1.svg" class="heineken-logo" loading="lazy" alt="Logo Heineken" />
210        </div>
211
212 
213                                            </div>
214
215                                    </div>
216                                </div>
217                            </section>
218                        </footer>
219                    </div>
220
221                </div>
222
223            </div>
224        </div>
225
226</section>
227<script>
228    var largura = window.screen.width;
229    imageType = "image"
230    if (largura < 690)
231        imageType = "mobileImage"
232</script>
232
233
234    <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 234-236
234
235    <noscript>
236        <iframe src="https://www.googletagmanager.com/ns.html?id=
236GTM-TJPP2PC6
vendor: 111 bytes, lines 236-239
236"
237                height="0" width="0" style="display:none;visibility:hidden"></iframe>
238    </noscript>
239    
239<!-- End Google Tag Manager (noscript) -->
240    
241<div class="umb-block-list">
242
243
244<header class="header-wrapper-separated position-fixed " id="header" data-header-contrast="True">
245    <div class="container">
246        <div class="brand-social row">
247            <!-- brand main secondary -->
248            <a href="/" class="logo">
249                <!-- brand component: main | secondary -->
250                
251        <div class="image">
252            <img src="/media/s3ninzex/clashd_primary_brandmark.svg" class="brand" loading="lazy" alt="Logotipo de Clashd Colorido" />
253        </div>
254
255 
256            </a>
257            <!--<a href="/" class="logoMobile">-->
258                <!--Html.Raw(imageLogoMobile)
259            </a>-->
260            <!-- overflow menu - mobile only - triggers .navigation opened state -->
261            <div class="overflow-menu-wrap">
262                <div class="menu-wrapper">
263
264                    <button class="menu-icon menu " onclick="showNavigation()">
265                        
266
267<span class="icon mdi mdi-menu icon-medium " id="icon-menu-open" data-id=""></span>
268                        
269
270<span class="icon mdi mdi-close icon-medium hidden" id="icon-menu-close" data-id=""></span>
271                    </button>
272
273                </div>
274            </div>
275        </div>
276
277        <div class="navigation-wrapper">
278            <nav class="navigation  container" id="navigation">
279                <div class="login-m">
280
281                    <!-- search result input mobile -->
282                        <div class="search-result-header-mobile">
283                            <form action="/buscar-conteudo/" method="get" id="cgwf-search-form-result-header-mobile" data_analytics_category="Buscar Conteudo" data_analytics_action="search" data_analytics_label="" data_analytics_content_type="Todos">
284                                
285
286<div class="input-text-search ">
287    <span class="icon" onclick="pesquisar()">
288
289<span class="icon mdi mdi-magnify icon-medium " id="" data-id=""></span></span>
290
291    <input type="search" maxlength="100" name="Consulta" placeholder="Pesquisar..." id="pesquisa"  >
292</div>
293                            </form>
294                        </div>
295
296                </div>
297                <!-- navigation items list -->
298                <ul class="navlist left">
299
300                        <li class="navigation-item-wrapper">
301                            <!-- component navigation item - horizontal -->
302                            <div class="navigation-item">
303
304                                <a href="/" data-id="btn-menu">
305                                    <span class="paragraph">
306                                        Home
307                                    </span>
308                                </a>
309
310                            </div>
311                        </li>
312                        <li class="navigation-item-wrapper">
313                            <!-- component navigation item - horizontal -->
314                            <div class="navigation-item">
315
316                                <a href="/produtos/" data-id="btn-menu">
317                                    <span class="paragraph">
318                                        Produtos
319                                    </span>
320                                </a>
321
322                            </div>
323                        </li>
324                        <li class="navigation-item-wrapper">
325                            <!-- component navigation item - horizontal -->
326                            <div class="navigation-item">
327
328                                <a href="/brewed/" data-id="btn-menu">
329                                    <span class="paragraph">
330                                        Brewed
331                                    </span>
332                                </a>
333
334                            </div>
335                        </li>
336
337                </ul>
338
339                <div class="brand-social row">
340                    <!-- brand main secondary -->
341                    <a href="/" class="logo">
342                        <!-- brand component: main | secondary -->
343                        
344        <div class="image">
345            <img src="/media/s3ninzex/clashd_primary_brandmark.svg" class="brand" loading="lazy" alt="Logotipo de Clashd Colorido" />
346        </div>
347
348 
349                    </a>
350                </div>
351
352                <ul class="navlist right">
353
354                        <li class="navigation-item-wrapper">
355                            <!-- component navigation item - horizontal -->
356                            <div class="navigation-item">
357
358                                <a href="/onde-comprar/" data-id="btn-menu">
359                                    <span class="paragraph">
360                                        Onde Comprar
361                                    </span>
362                                </a>
363
364                            </div>
365                        </li>
366                        <li class="navigation-item-wrapper">
367                            <!-- component navigation item - horizontal -->
368                            <div class="navigation-item">
369
370                                <a href="/contato/" data-id="btn-menu">
371                                    <span class="paragraph">
372                                        Contato
373                                    </span>
374                                </a>
375
376                            </div>
377                        </li>
378
379                </ul>
380                <div class="post">
381                    <!-- social links icons - mobile only -->
382                    <div class="social-links-wrapper">
383
384<a href="https://www.facebook.com/profile.php?id=100089042573833&amp;mibextid=LQQJ4d" class="link icon-link"  data-id="" target="_blank">
385    
386
387<span class="icon mdi mdi-facebook icon-large " id="" data-id=""></span>
388</a><a href="https://instagram.com/clashdbrasil" class="link icon-link"  data-id="">
389    
390
391<span class="icon mdi mdi-instagram icon-large " id="" data-id=""></span>
392</a><a href="https://www.youtube.com/channel/UCEy5WqvW2uHmKTUA9aq6Pvg" class="link icon-link"  data-id="" target="_blank">
393    
394
395<span class="icon mdi mdi-youtube icon-large " id="" data-id=""></span>
396</a>
397                        <!-- button primary small -->
398
399
400                    </div>
401
402                    <!-- legal info link - mobile only -->
403                    <!-- component link main -->
404
405                    <!-- customer service info - mobile only -->
406                    <div class="customer">
407
408                        
409                        <!--<span class="typography paragraph">SAC:</span>-->
410                        <!-- component link main -->
411                        <!--<a href="tel:0800 888 1010" class="link main">0800 888 1010</a>
412                        <p class="typography paragraph more-info">(segunda à sexta-feira, 24h)</p>-->
413                    </div>
414                </div>
415
416                <div class="login-d">
417                </div>
418                <!-- search result input -->
419                    <div class="search-result-header-box">
420                        <form action="/buscar-conteudo/" method="get" id="cgwf-search-form-result-header" data_analytics_category="Buscar Conteudo" data_analytics_action="search" data_analytics_label="" data_analytics_content_type="Todos">
421                            
422
423<div class="input-text-search ">
424    <span class="icon" onclick="pesquisar()">
425
426<span class="icon mdi mdi-magnify icon-medium " id="" data-id=""></span></span>
427
428    <input type="search" maxlength="100" name="Consulta" placeholder="Pesquisar..." id="pesquisa"  >
429</div>
430                        </form>
431
432                        
433
434
435<a href="#" class="button medium iconStart primary " target="_self" id="icon-search-result-header" data-id="" >
436
437
438
439<span class="icon mdi mdi-magnify icon-medium " id="" data-id=""></span>
440    <span class="label iconStart" data-id=""></span>
441
442</a>
443
444
445                    </div>
446
447            </nav>
448        </div>
449
450    </div>
451
452</header>
vendor: 70 bytes, lines 452-457
452
453
454
455
456
457<script src="https://www.google.com/recaptcha/api.js?render=
4576LdP38MkAAAAAK6uLAGJnBSo1c6ezOyTOKuj4yFd
vendor: 13 bytes, line 457
457"></script>
458<!-- Modal Login -->
459<div class="modal-login modal fade" id="modal-login" tabindex="-1" role="dialog" aria-labelledby="modal-login-label"
460     aria-hidden="true" data-bs-backdrop="static">
461    <div class="modal-login-dialog modal-dialog" role="document">
462        <div class="modal-login-content modal-content">
463            <div class="modal-login-header modal-header">
464                <div>
465                    
466        <div class="image">
467            <img src="/media/s3ninzex/clashd_primary_brandmark.svg" class="brand" loading="lazy" alt="Logotipo de Clash&#x27;d" />
468        </div>
469
470 
471                    <p class="modal-login-header__paragraph">
472                        Não tem uma conta?
473                        <span class="modal-login-header__link" id="openRegisterUser">Cadastre-se</span>
474                    </p>
475
476                </div>
477                <button class="modal-login-header__close button medium icon mdi mdi-close" data-bs-dismiss="modal"></button>
478            </div>
479            <div class="modal-login-body modal-body signin">
480                <form class="modal-login-body-form" action="">
481                    <div class="text">
482                        <label for="signInEmail"> E-mail </label>
483                        <input type="email" maxlength="200" placeholder="[email protected]" id="signInEmail" name="signInEmail" />
484                        <div class="helper"></div>
485                    </div>
486
487                    <div class="text">
488                        <label for="signInPassword"> Senha </label>
489                        <div class="input-wrapper">
490                            <input type="password" maxlength="50" placeholder="digite sua senha" id="signInPassword" name="signInPassword" />
491                            <span class="form-group-input__icon-eye mdi mdi-eye-off-outline" id="togglePasswordSignIn"></span>
492                        </div>
493                        <div class="helper"></div>
494                    </div>
495                        <div class="modal-login-body-form-wrapper-text divider">
496                            <hr class="line-block" />
497
498                            <span>Ou conecte-se por</span>
499                            <hr class="line-block" />
500
501                        </div>
502                        <div class="modal-login-body-form-wrapper-btn">
503
504
505<button type="button" class="social-button btn-medium iconStart facebook " id="sign-in-social-login" data-id="modal-login-facebook" onclick="openSocialLogin('FB', 'signInUser')" >
506
507
508
509<span class="icon mdi mdi-facebook icon-medium " id="sign-in-social-login" data-id="modal-login-facebook"></span>
510    <span class="label iconStart FB" id="sign-in-social-login" data-id="modal-login-facebook">Facebook</span>
511
512</button>
513
514<button type="button" class="social-button btn-medium iconStart google " id="sign-in-social-login" data-id="modal-login-google" onclick="openSocialLogin('GO', 'signInUser')" >
515
516
517
518<span class="icon mdi mdi-google icon-medium " id="sign-in-social-login" data-id="modal-login-google"></span>
519    <span class="label iconStart GO" id="sign-in-social-login" data-id="modal-login-google">Google</span>
520
521</button>                        </div>
522                    
523
524
525<a href="javascript:void(0);" class="button medium  primary bt-submit-signin-form bt-modal " target="_self" id="submit-signin-form" data-id="" >
526
527
528    <span class="label " data-id="">Entrar</span>
529
530</a>
531
532
533
534                </form>
535            </div>
536            <div class="modal-login-footer">
537                <p class="modal-login-footer__paragraph">
538                    Esqueceu sua senha?
539                    <span class="modal-login-footer__link" href="#" data-toggle="modal"
540                          data-target="#modal-login-message-recover-passoword" id="openRecoverPasswordModal">Recuperar</span>
541                </p>
542            </div>
543        </div>
544    </div>
545</div>
546
547<!--Modal Login error message-->
548<div class="modal-login-message modal fade" id="modal-login-message-error" tabindex="-1" role="dialog"
549     aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
550    <div class="modal-login-message-dialog modal-dialog" role="document">
551        <div class="modal-login-message-content modal-content">
552            <div class="modal-login-message-header modal-header">
553                <h6 class="modal-login-message-header__title typography heading small">E-mail ou senha inválidos</h6>
554                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
555                        data-bs-dismiss="modal"></button>
556            </div>
557            <div class="modal-login-message-body modal-body">
558                <p class="modal-login-message-body__subtitle typography subtitle large">
559                    Oops! Parece que o e-mail ou senha que você digitou não estão corretos. <br /> Por favor, verifique e tente
560                    novamente. <br />Se precisar de ajuda para recuperar sua senha, recupere-a no botão abaixo.
561                </p>
562            </div>
563            <div class="modal-login-message-footer">
564                
565
566
567<a href="javascript:void(0);" class="button medium  primary " target="_self" id="login-message-error-login" data-id="" >
568
569
570    <span class="label " data-id="">Tente Novamente</span>
571
572</a>
573
574
575
576                
577
578
579<a href="javascript:void(0);" class="button medium  primary " target="_self" id="login-message-error-recovery" data-id="" >
580
581
582    <span class="label " data-id="">Recuperar Senha</span>
583
584</a>
585
586
587
588            </div>
589        </div>
590    </div>
591</div>
592
593
594<!--Modal Login error message-->
595<div class="modal-login-message modal fade" id="modal-login-message-error-rotation" tabindex="-1" role="dialog"
596     aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
597    <div class="modal-login-message-dialog modal-dialog" role="document">
598        <div class="modal-login-message-content modal-content">
599            <div class="modal-login-message-header modal-header">
600                <h6 class="modal-login-message-header__title typography heading small">E-mail ou senha inválidos</h6>
601                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
602                        data-bs-dismiss="modal"></button>
603            </div>
604            <div class="modal-login-message-body modal-body">
605                <p class="modal-login-message-body__subtitle typography subtitle large">
606                    Identificamos no histórico de atualização que a sua senha tem um período superior a 1 ano. Clique em Recuperar senha para atualizar.
607                </p>
608            </div>
609            <div class="modal-login-message-footer">
610
611                
612
613
614<a href="javascript:void(0);" class="button medium  primary " target="_self" id="login-message-error-recovery-rotation" data-id="" >
615
616
617    <span class="label " data-id="">Recuperar Senha</span>
618
619</a>
620
621
622
623            </div>
624        </div>
625    </div>
626</div>
627
628<!--Modal Login pending confirmation-->
629<div class="modal-login-message modal fade" id="modal-login-message-pedding" tabindex="-1" role="dialog"
630     aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
631    <div class="modal-login-message-dialog modal-dialog" role="document">
632        <div class="modal-login-message-content modal-content">
633            <div class="modal-login-message-header modal-header">
634                <h6 class="modal-login-message-header__title typography heading small">
635                    Confirmação de e-mail <br>
636                    pendente
637                </h6>
638                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
639                        data-bs-dismiss="modal"></button>
640            </div>
641            <div class="modal-login-message-body modal-body">
642                <p class="modal-login-message-body__subtitle typography subtitle large">
643                    Você já iniciou seu cadastro, porém, para acessar a área restrita é necessário que faça a confirmação do e-mail cadastrado. <br>
644                    Verifique sua caixa de e-mail e clique no link encaminhado para concluir o cadastro.
645                </p>
646
647                <input type="hidden" id="signInEmailPending" name="signInEmailPending" value="" />
648            </div>
649            <div class="modal-login-message-footer">
650
651                
652
653
654<a href="javascript:void(0);" class="button medium  primary " target="_self" id="message-email-submit-pending" data-id="" >
655
656
657    <span class="label " data-id="">Reenviar E-mail</span>
658
659</a>
660
661
662
663            </div>
664        </div>
665    </div>
666</div>
667
668
669<!--Modal Login User not found-->
670<div class="modal-login-message modal fade" id="modal-login-message-user-not-found" tabindex="-1" role="dialog"
671     aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
672    <div class="modal-login-message-dialog modal-dialog" role="document">
673        <div class="modal-login-message-content modal-content">
674            <div class="modal-login-message-header modal-header">
675                <h6 class="modal-login-message-header__title typography heading small">Usuário não encontrado</h6>
676                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
677                        data-bs-dismiss="modal"></button>
678            </div>
679            <div class="modal-login-message-body modal-body">
680                <p class="modal-login-message-body__subtitle typography subtitle large">
681                    O e-mail informado não está cadastrado nos conteúdos exclusivos de HEINEKEN. Inicie seu cadastro e tenha acesso a nosso conteúdo exclusivo HEINEKEN.
682                </p>
683            </div>
684            <div class="modal-login-message-footer">
685                <button class="button primary medium" id="submit-error-server-email">Cadastrar-se</button>
686                <button class="button primary medium" id="submit-error-server-sign-up">Tentar novamente</button>
687                
688
689
690<a href="javascript:void(0);" class="button medium  primary " target="_self" id="submit-error-server-email" data-id="" >
691
692
693    <span class="label " data-id="">Cadastrar-se</span>
694
695</a>
696
697
698
699                
700
701
702<a href="javascript:void(0);" class="button medium  primary " target="_self" id="submit-error-server-sign-up" data-id="" >
703
704
705    <span class="label " data-id="">Tentar novamente</span>
706
707</a>
708
709
710
711            </div>
712        </div>
713    </div>
714</div>
715<!--Modal Login User not found-->
716<div class="modal-login-message modal fade" id="modal-login-message-user-not-access" tabindex="-1" role="dialog"
717     aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
718    <div class="modal-login-message-dialog modal-dialog" role="document">
719        <div class="modal-login-message-content modal-content">
720            <div class="modal-login-message-header modal-header">
721                <h6 class="modal-login-message-header__title typography heading small">Usuário sem acesso</h6>
722
723                <button class="modal-login-message-header__close modal-login-message-error-access button medium icon mdi mdi-close"
724                        data-bs-dismiss="modal"></button>
725            </div>
726            <div class="modal-login-message-body modal-body">
727                <p class="modal-login-message-body__subtitle typography subtitle large">
728                    O Usuário não possui as permissões necessárias para acesso ao conteúdo.
729                </p>
730            </div>
731        </div>
732    </div>
733</div>
734<!--Modal Login recover password-->
735<div class="modal-login-message modal fade" id="modal-login-message-recover-password" tabindex="-1" role="dialog"
736     aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
737    <div class="modal-login-message-dialog modal-dialog" role="document">
738        <form class="modal-login-message-content modal-content">
739            <div class="modal-login-message-header modal-header signup">
740                <h6 class="modal-login-message-header__title typography heading small">Recuperar Senha</h6>
741                <button type="button" class="modal-login-message-header__close button medium icon mdi mdi-close"
742                        data-bs-dismiss="modal"></button>
743            </div>
744            <div class="modal-login-message-body message-body-recover-password modal-body">
745                <p class="modal-login-message-body__subtitle subtitle-recover-password typography subtitle large">
746                    Insira o e-mail cadastrado para receber a mensagem de recuperação de senha.
747                </p>
748                <div class="text">
749                    <label for="emailForgotPassword"> E-mail </label>
750                    <input type="email" maxlength="200" placeholder="[email protected]" id="emailForgotPassword" name="emailForgotPassword" />
751                    <div class="helper"></div>
752                </div>
753            </div>
754            <div class="modal-login-message-footer">
755                
756
757
758<a href="javascript:void(0);" class="button medium  primary " target="_self" id="submit-emailForgot-password-form" data-id="" >
759
760
761    <span class="label " data-id="">Enviar</span>
762
763</a>
764
765
766            </div>
767        </form>
768    </div>
769</div>
770
771<!--Modal Login recover password success-->
772<div class="modal-login-message modal fade" id="modal-login-message-recover-password-success" tabindex="-1"
773     role="dialog" aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
774    <div class="modal-login-message-dialog modal-dialog" role="document">
775        <div class="modal-login-message-content modal-content">
776            <div class="modal-login-message-header modal-header">
777                <h6 class="modal-login-message-header__title typography heading small">
778                    E-mail de recuperação <br>
779                    de senha enviado!
780                </h6>
781                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
782                        data-bs-dismiss="modal"></button>
783            </div>
784            <div class="modal-login-message-body modal-body">
785                <p class="modal-login-message-body__subtitle typography subtitle large">
786                    Solicitação de redefinição de senha recebida com sucesso. Em breve você receberá um e-mail contendo um link seguro para redefinir sua senha. <br> <br>
787                    O prazo limite para redefinição de senha é de 12H. Por favor, verifique sua caixa de entrada (e também sua pasta de spam, se necessário).
788                </p>
789            </div>
790            <div class="modal-login-message-footer">
791            </div>
792        </div>
793    </div>
794</div>
795
796<!--Modal Login recover password error-->
797<div class="modal-login-message modal fade" id="modal-login-message-recover-password-error" tabindex="-1"
798     role="dialog" aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
799    <div class="modal-login-message-dialog modal-dialog" role="document">
800        <div class="modal-login-message-content modal-content">
801            <div class="modal-login-message-header modal-header">
802                <h6 class="modal-login-message-header__title typography heading small">E-mail não cadastrado!</h6>
803                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
804                        data-bs-dismiss="modal"></button>
805            </div>
806            <div class="modal-login-message-body message-body-recover-password modal-body">
807                <p class="modal-login-message-body__subtitle typography subtitle large">
808                    O e-mail informado não está cadastrado nos conteúdos exclusivos de HEINEKEN. Tente novamente ou inicie o cadastro.
809                </p>
810            </div>
811            <div class="modal-login-message-footer">
812                
813
814
815<a href="javascript:void(0);" class="button medium  primary " target="_self" id="login-message-recover-password-error" data-id="" >
816
817
818    <span class="label " data-id="">Tente Novamente</span>
819
820</a>
821
822
823                
824
825
826<a href="javascript:void(0);" class="button medium  primary " target="_self" id="login-message-recover-password-register" data-id="" >
827
828
829    <span class="label " data-id="">Cadastrar-se</span>
830
831</a>
832
833
834            </div>
835        </div>
836    </div>
837</div>
838
839<!--Modal Login recover password error max attempt-->
840<div class="modal-login-message modal fade" id="modal-login-message-recover-password-error-max-attempt" tabindex="-1"
841     role="dialog" aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
842    <div class="modal-login-message-dialog modal-dialog" role="document">
843        <div class="modal-login-message-content modal-content">
844            <div class="modal-login-message-header modal-header">
845                <h6 class="modal-login-message-header__title typography heading small">E-mail Bloqueado</h6>
846                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
847                        data-bs-dismiss="modal"></button>
848            </div>
849            <div class="modal-login-message-body message-body-recover-password modal-body">
850                <p class="modal-login-message-body__subtitle typography subtitle large">
851                    Este endereço de e-mail foi bloqueado devido ao número excessivo de tentativas de login. Para recuperar o seu acesso redefina a senha.
852                </p>
853            </div>
854            <div class="modal-login-message-footer">
855                
856
857
858<a href="javascript:void(0);" class="button medium  primary " target="_self" id="login-message-recover-password-error-max-attempt" data-id="" >
859
860
861    <span class="label " data-id="">Redefinir Senha</span>
862
863</a>
864
865
866            </div>
867        </div>
868    </div>
869</div>
870
871<!--Modal Login recover password error max hour-->
872<div class="modal-login-message modal fade" id="modal-login-message-recover-password-error-max-hour" tabindex="-1"
873     role="dialog" aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
874    <div class="modal-login-message-dialog modal-dialog" role="document">
875        <div class="modal-login-message-content modal-content">
876            <div class="modal-login-message-header modal-header">
877                <h6 class="modal-login-message-header__title typography heading small">Redefinição Expirada</h6>
878                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
879                        data-bs-dismiss="modal"></button>
880            </div>
881            <div class="modal-login-message-body message-body-recover-password modal
881-body">
882                <p class="modal-login-message-body__subtitle typography subtitle large">
883                    O prazo limite para redefinição de senha expirou. Refaça sua solicitação de recuperação de senha.
884                </p>
885            </div>
886            <div class="modal-login-message-footer">
887                
888
889
890<a href="javascript:void(0);" class="button medium  primary " target="_self" id="login-message-recover-password-error-max-hour" data-id="" >
891
892
893    <span class="label " data-id="">Recuperar senha</span>
894
895</a>
896
897
898            </div>
899        </div>
900    </div>
901</div>
902
903<!--Modal Login recover password redefine-->
904<!--Modal Login recover password error history-->
905<div class="modal-login-message modal fade" id="modal-login-message-recover-password-error-history" tabindex="-1"
906     role="dialog" aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
907    <div class="modal-login-message-dialog modal-dialog" role="document">
908        <div class="modal-login-message-content modal-content">
909            <div class="modal-login-message-header modal-header">
910                <h6 class="modal-login-message-header__title typography heading small">Redefinição de senha</h6>
911                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
912                        data-bs-dismiss="modal"></button>
913            </div>
914            <div class="modal-login-message-body message-body-recover-password modal-body">
915                <p class="modal-login-message-body__subtitle typography subtitle large">
916                    A senha que está tentando inserir já foi utilizada anteriormente. Informe outra senha.
917                </p>
918            </div>
919            <div class="modal-login-message-footer">
920                
921
922
923<a href="javascript:void(0);" class="button medium  primary " target="_self" id="login-message-recover-password-error-history" data-id="" >
924
925
926    <span class="label " data-id="">Tente Novamente</span>
927
928</a>
929
930
931            </div>
932        </div>
933    </div>
934</div>
935
936<!--Modal Login recover password concluded-->
937<div class="modal-login-message modal fade" id="modal-login-message-recover-password-concluded" tabindex="-1"
938     role="dialog" aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
939    <div class="modal-login-message-dialog modal-dialog" role="document">
940        <div class="modal-login-message-content modal-content">
941            <div class="modal-login-message-header modal-header">
942                <h6 class="modal-login-message-header__title typography heading small">Cadastro Concluído</h6>
943                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
944                        data-bs-dismiss="modal"></button>
945            </div>
946            <div class="modal-login-message-body message-body-recover-password modal-body">
947                <p class="modal-login-message-body__subtitle typography subtitle large">
948                    Sua senha está redefinida, você pode tentar efetuar o login novamente!
949                </p>
950            </div>
951            <div class="modal-login-message-footer">
952            </div>
953        </div>
954    </div>
955</div>
956
957<!--Modal Register user success-->
958<div class="modal-login-message modal fade" id="modal-register-success" tabindex="-1"
959     role="dialog" aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
960    <div class="modal-login-message-dialog modal-dialog" role="document">
961        <div class="modal-login-message-content modal-content">
962            <div class="modal-login-message-header modal-header">
963                <h6 class="modal-login-message-header__title typography heading small">
964                    Seu cadastro foi concluído <br> com sucesso!
965                </h6>
966                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
967                        data-bs-dismiss="modal"></button>
968            </div>
969            <div class="modal-login-message-footer" id="submit-signup-form-email">
970                
971
972
973<a href="javascript:void(0);" class="button medium  primary " target="_self" id="message-email-submit-register-success" data-id="" >
974
975
976    <span class="label " data-id="">Conecte-se</span>
977
978</a>
979
980
981            </div>
982        </div>
983    </div>
984</div>
985
986<!--Modal Register user success confirm -->
987<div class="modal-login-message modal fade" id="modal-register-success-confirm" tabindex="-1"
988     role="dialog" aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
989    <div class="modal-login-message-dialog modal-dialog" role="document">
990        <div class="modal-login-message-content modal-content">
991            <div class="modal-login-message-header modal-header">
992                <h6 class="modal-login-message-header__title typography heading small">
993                    Seu cadastro foi concluído <br> com sucesso!
994                </h6>
995                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
996                        data-bs-dismiss="modal"></button>
997            </div>
998            <div class="modal-login-message-body modal-body">
999                <p class="modal-login-message-body__subtitle typography subtitle large">
1000                    Por favor, verifique seu e-mail e clique no link de confirmação enviado para ativar sua conta.
1001                </p>
1002            </div>
1003            <div class="modal-login-message-footer" id="submit-signup-form-email">
1004                
1005
1006
1007<a href="javascript:void(0);" class="button medium  primary " target="_self" id="message-email-submit-register-success-confirm" data-id="" >
1008
1009
1010    <span class="label " data-id="">Conecte-se</span>
1011
1012</a>
1013
1014
1015            </div>
1016        </div>
1017    </div>
1018</div>
1019
1020<!--Modal Register user error server-->
1021<div class="modal-login-message modal fade" id="modal-register-error-server" tabindex="-1" role="dialog"
1022     aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
1023    <div class="modal-login-message-dialog modal-dialog" role="document">
1024        <div class="modal-login-message-content modal-content">
1025            <div class="modal-login-message-header modal-header">
1026                <h6 class="modal-login-message-header__title typography heading small">Erro no Servidor</h6>
1027                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
1028                        data-bs-dismiss="modal"></button>
1029            </div>
1030            <div class="modal-login-message-body modal-body">
1031                <p class="modal-login-message-body__subtitle typography subtitle large">
1032                    Desculpe, nosso servidor identificou um erro e não foi possível concluir o cadastro. Tente <br> novamente mais tarde.
1033                </p>
1034            </div>
1035            <div class="modal-login-message-footer">
1036                
1037
1038
1039<a href="javascript:void(0);" class="button medium  primary " target="_self" id="submit-error-server" data-id="" >
1040
1041
1042    <span class="label " data-id="">Tentar Novamente</span>
1043
1044</a>
1045
1046
1047
1048            </div>
1049        </div>
1050    </div>
1051</div>
1052
1053<!--Modal Register user error email-->
1054<div class="modal-login-message modal fade" id="modal-register-error-email" tabindex="-1" role="dialog"
1055     aria-labelledby="modal-login-message-label" aria-hidden="true" data-bs-backdrop="static">
1056    <div class="modal-login-message-dialog modal-dialog" role="document">
1057        <div class="modal-login-message-content modal-content">
1058            <div class="modal-login-message-header modal-header">
1059                <h6 class="modal-login-message-header__title typography heading small">
1060                    Este e-mail não pode ser <br> cadastrado novamente
1061                </h6>
1062                <button class="modal-login-message-header__close button medium icon mdi mdi-close"
1063                        data-bs-dismiss="modal"></button>
1064            </div>
1065            <div class="modal-login-message-body modal-body">
1066                <p class="modal-login-message-body__subtitle typography subtitle large">
1067                    O e-mail informado já consta em nosso banco de dados. Verifique sua caixa de e-mail e confirme para finalizar o cadastro.
1068                </p>
1069            </div>
1070            <div class="modal-login-message-footer">
1071                
1072
1073
1074<a href="javascript:void(0);" class="button medium  primary " target="_self" id="message-email-submit-error" data-id="" >
1075
1076
1077    <span class="label " data-id="">Finalizar Cadastro</span>
1078
1079</a>
1080
1081
1082            </div>
1083        </div>
1084    </div>
1085</div>
1086
1087<!--Modal Register user completed email-->
1088<!--Modal Register user-->
1089<div class="modal-register-user modal fade" id="modal-register-user" tabindex="-1" role="dialog"
1090     aria-labelledby="modal-register-user-label" aria-hidden="true" data-bs-backdrop="static">
1091    <div class="modal-register-user-dialog modal-dialog" role="document">
1092        <div class="modal-register-user-content modal-content">
1093            <div class="modal-register-user-header modal-header">
1094                <div>
1095                    <div class="w-50 d-inline-block">
1096                        
1097        <div class="image">
1098            <img src="/media/s3ninzex/clashd_primary_brandmark.svg" class="brand" loading="lazy" alt="Logotipo de Clash&#x27;d" />
1099        </div>
1100
1101 
1102                    </div>
1103                    <p class="typography subtitle large">Cadastre-se para acessar os conteúdos exclusivos do Grupo HEINEKEN</p>
1104                    <p class="modal-register-user-header__paragraph">
1105                        Já tem uma conta?
1106                        <span class="modal-register-user-header__link" id="open-modal-login-register-link">Conecte-se</span>
1107                    </p>
1108                </div>
1109                <button class="modal-register-user-header__close button medium icon mdi mdi-close"
1110                        data-bs-dismiss="modal"></button>
1111            </div>
1112            <form class="modal-register-user-body modal-body">
1113                <div class="modal-register-user-body-form signup" action="">
1114                    <div class="text">
1115                        <label for="signUpName"> Nome </label>
1116                        <input type="text" maxlength="200" placeholder="Digite seu nome" id="signUpName" name="signUpName" />
1117                        <div class="helper"></div>
1118                    </div>
1119                    <div class="text">
1120                        <label for="signUpBirthdate">
1121                            Data de nascimento
1122                        </label>
1123                        <input type="text" placeholder="dd/mm/aaaa" id="signUpBirthdate" name="signUpBirthdate">
1124                        <div class="helper"></div>
1125                    </div>
1126                    <div class="text">
1127                        <label for="signUpPhone">
1128                            Celular
1129                        </label>
1130                        <input type="text" maxlength="13" placeholder="00-00000-0000" id="signUpPhone" name="signUpPhone">
1131                        <div class="helper"></div>
1132                    </div>
1133                    <div class="text">
1134                        <label for="signUpEmail">
1135                            E-mail
1136                        </label>
1137                        <input type="email" maxlength="200" placeholder="[email protected]" id="signUpEmail" name="signUpEmail">
1138                        <div class="helper"></div>
1139                    </div>
1140                    <div class="divider">
1141                        <hr class="line-block">
1142                    </div>
1143
1144                    <div id="password-wrapper">
1145                        <div class="text">
1146                            <label for="signUpPassword">Senha</label>
1147                            <div class="input-wrapper">
1148                                <input type="password" maxlength="50" placeholder="" id="signUpPassword" name="signUpPassword">
1149                                <span class="form-group-input__icon-eye mdi mdi-eye-off-outline" id="togglePasswordSignUp"></span>
1150                            </div>
1151                            <div class="helper"></div>
1152                        </div>
1153
1154                        <div class="text">
1155                            <label for="signUpConfirmPassword">
1156                                Confirmar senha
1157                            </label>
1158                            <div class="input-wrapper">
1159                                <input type="password" maxlength="50" placeholder="" id="signUpConfirmPassword" name="signUpConfirmPassword">
1160                                <span class="form-group-input__icon-eye mdi mdi-eye-off-outline" id="toggleConfirmPasswordSignUp"></span>
1161                            </div>
1162                            <div class="helper"></div>
1163                        </div>
1164
1165                        <div class="helper-info">
1166                            <b>A senha deve conter no mínimo 8 (oito) caracteres.</b> Senhas fortes costumam ter letras maiúsculas e minúsculas, números e símbolos.
1167                        </div>
1168
1169                    </div>
1170                    <div class="modal-register-user-body-form-wrapper-text divider">
1171                        <hr class="line-block" />
1172
1173                        <span>Ou conecte-se por</span>
1174                        <hr class="line-block" />
1175
1176                    </div>
1177                    <div class="modal-register-user-body-form-wrapper-btn">
1178
1179
1180
1181<button type="button" class="social-button btn-medium iconStart facebook " id="sign-in-social-login" data-id="modal-login-facebook" onclick="openSocialLogin('FB', 'signInUser')" >
1182
1183
1184
1185<span class="icon mdi mdi-facebook icon-medium " id="sign-in-social-login" data-id="modal-login-facebook"></span>
1186    <span class="label iconStart FB" id="sign-in-social-login" data-id="modal-login-facebook">Facebook</span>
1187
1188</button>
1189
1190<button type="button" class="social-button btn-medium iconStart google " id="sign-in-social-login" data-id="modal-login-google" onclick="openSocialLogin('GO', 'signInUser')" >
1191
1192
1193
1194<span class="icon mdi mdi-google icon-medium " id="sign-in-social-login" data-id="modal-login-google"></span>
1195    <span class="label iconStart GO" id="sign-in-social-login" data-id="modal-login-google">Google</span>
1196
1197</button>
1198                    </div>
1199                    <div class="modal-register-user-check">
1200                        <div class="check">
1201                            <input class="checkbox" type="checkbox" value="true" name="SignUpMediaConsent"
1202                                   id="SignUpMediaConsent">
1203                            <label for="SignUpMediaConsent" class="label">
1204                                Autorizo a HEINEKEN Brasil a me enviar notícias, promoções e ofertas sobre suas marcas e eventos, baseados nas minhas preferências e comportamentos, através de mídia online, e-mail ou telefone. Veja mais informações nos <a href="/informacoes-legais/termos-de-uso
1204/" target="_blank" class="link main">Termos de uso</a> e <a href="/informacoes-legais/politica-de-privacidade/" target="_blank" class="link main"> Política de privacidade </a>.
1205                            </label>
1206                            <div class="helper"></div>
1207                        </div>
1208                    </div>
1209
1210                    
1211
1212
1213<a href="javascript:void(0);" class="button medium  primary " target="_self" id="submit-signup-form" data-id="" disabled aria-disabled=true>
1214
1215
1216    <span class="label " data-id="">Cadastrar</span>
1217
1218</a>
1219
1220
1221                    
1222<span class="typography paragraph medium  submit-info">Você precisa preencher todos os campos obrigatórios (marcados com *) para continuar.</span>
1223
1224
1225                    <div class="modal-register-user-footer">
1226                        <p class="modal-register-user-footer__paragraph">
1227                            Ao se cadastrar, concorda com nossos  <br> <a href="/informacoes-legais/termos-de-uso/" target="_blank" class="link main">Termos de uso</a> e <a href="/informacoes-legais/politica-de-privacidade/" target="_blank" class="link main"> Política de privacidade </a>.
1228                        </p>
1229                    </div>
1230                </div>
1231            </form>
1232        </div>
1233    </div>
1234</div>
1235<script>
1236
1237    document.getElementById('openRecoverPasswordModal').addEventListener('click', function (event) {
1238        event.preventDefault();
1239        toggleModals('modal-login', 'modal-login-message-recover-password');
1240    });
1241
1242    document.getElementById('openRegisterUser').addEventListener('click', function (event) {
1243        event.preventDefault();
1244        toggleModals('modal-login', 'modal-register-user');
1245    });
1246
1247    document.getElementById('submit-error-server').addEventListener('click', function (event) {
1248        event.preventDefault();
1249        toggleModals('modal-register-error-server', 'modal-register-user');
1250    });
1251
1252    document.getElementById('submit-error-server-email').addEventListener('click', function (event) {
1253        event.preventDefault();
1254        toggleModals('modal-login-message-user-not-found', 'modal-register-user');
1255    });
1256
1257    document.getElementById('submit-error-server-sign-up').addEventListener('click', function (event) {
1258        event.preventDefault();
1259        toggleModals('modal-login-message-user-not-found', 'modal-login');
1260    });
1261
1262    document.getElementById('message-email-submit-register-success').addEventListener('click', function (event) {
1263        event.preventDefault();
1264        toggleModals('modal-register-success', 'modal-login');
1265    });
1266
1267    document.getElementById('message-email-submit-register-success-confirm').addEventListener('click', function (event) {
1268        event.preventDefault();
1269        toggleModals('modal-register-success-confirm', 'modal-login');
1270    });
1271
1272    document.getElementById('message-email-submit-error').addEventListener('click', function (event) {
1273        event.preventDefault();
1274        toggleModals('modal-register-error-email', 'modal-register-user');
1275    });
1276
1277    document.getElementById('login-message-recover-password-error').addEventListener('click', function (event) {
1278        event.preventDefault();
1279        toggleModals('modal-login-message-recover-password-error', 'modal-login');
1280    });
1281
1282    document.getElementById('login-message-recover-password-register').addEventListener('click', function (event) {
1283        event.preventDefault();
1284        toggleModals('modal-login-message-recover-password-error', 'modal-register-user');
1285    });
1286
1287    document.getElementById('login-message-error-recovery').addEventListener('click', function (event) {
1288        event.preventDefault();
1289        toggleModals('modal-login-message-error', 'modal-login-message-recover-password');
1290    });
1291
1292    document.getElementById('login-message-recover-password-error-max-attempt').addEventListener('click', function (event) {
1293        event.preventDefault();
1294        toggleModals('modal-login-message-recover-password-error-max-attempt', 'modal-login-message-recover-password');
1295    });
1296
1297    document.getElementById('login-message-recover-password-error-max-hour').addEventListener('click', function (event) {
1298        event.preventDefault();
1299        toggleModals('modal-login-message-recover-password-error-max-hour', 'modal-login-message-recover-password');
1300    });
1301
1302    document.getElementById('login-message-error-login').addEventListener('click', function (event) {
1303        event.preventDefault();
1304        toggleModals('modal-login-message-error', 'modal-login');
1305    });
1306
1307    document.getElementById('login-message-error-recovery-rotation').addEventListener('click', function (event) {
1308        event.preventDefault();
1309        toggleModals('modal-login-message-error-rotation', 'modal-login-message-recover-password');
1310    });
1311
1312    $('#modal-login-message-recover-password-concluded').on('hide.bs.modal', function () {
1313        ReloadWithoutParams();
1314    });
1315
1316    window.shouldRedirectPageUrl = /perfil-do-usuario/;
1317</script>
1317
1318</div>
1319
1320
1321    <main>
1322        
1323
1324<div class="umb-block-list">
1325
1326
1327    <section class="headline">
1328
1329        <div class="container">
1330            <div class="row">
1331                <div class="col-xs-12 content-wrapper">
1332                    <div class="text">
1333
1334<p class="typography overline  ">EXPLICAR O INEXPLICÁVEL? A GENTE TENTA</p>
1335                        
1336<h1 class="typography heading xlarge  " title=""><p>Ingredientes 100% Naturais, 100% Brewed</p></h1>
1337
1338<p class="typography paragraph medium">Esse é o seu primeiro refrigerante a base de malte, produzido pelo Grupo HEINEKEN. São 3 combinações de sabores sofisticadas e uma nova experiência sensorial.</p>                    </div>
1339                </div>
1340            </div>
1341        </div>
1342
1343    </section>
1344</div>
1345
1346
1347    <section class="container pt-5 card-product-wrapper">
1348        <div class="row product-grid-items">
1349
1350                    <div class="col col-xs-12 col-sm-6 col-md-4">
1351
1352                        <div class="card-product">
1353                            <a href="/produtos/maca-golden-capim-limao-e-hortela/">
1354                                <div class="card-product-image" style="background-color: #44beac">
1355                                    
1356        <div class="image fixed aspect-ratio-1x1">
1357            <img src="/media/uxga3t2n/maca_angulo_endosso.png" loading="lazy" width="5441" height="9000" alt="" />
1358        </div>
1359
1360 
1361                                </div>
1362                            </a>
1363                            <div class="card-product-content">
1364                                <h2 class="typography heading small">
1365Ma&#xE7;&#xE3; golden, capim lim&#xE3;o e hortel&#xE3;                                </h2>
1366                            </div>
1367                        </div>
1368
1369                    </div>
1370                    <div class="col col-xs-12 col-sm-6 col-md-4">
1371
1372                        <div class="card-product">
1373                            <a href="/produtos/limao-siciliano-morango-e-gengibre/">
1374                                <div class="card-product-image" style="background-color: #f2786e">
1375                                    
1376        <div class="image fixed aspect-ratio-1x1">
1377            <img src="/media/g2xjefvy/limao_angulo_endosso.png" loading="lazy" width="5441" height="9000" alt="" />
1378        </div>
1379
1380 
1381                                </div>
1382                            </a>
1383                            <div class="card-product-content">
1384                                <h2 class="typography heading small">
1385Lim&#xE3;o siciliano, morango e gengibre                                </h2>
1386                            </div>
1387                        </div>
1388
1389                    </div>
1390                    <div class="col col-xs-12 col-sm-6 col-md-4">
1391
1392                        <div class="card-product">
1393                            <a href="/produtos/frutas-vermelhas-e-hibisco/">
1394                                <div class="card-product-image" style="background-color: #49be94">
1395                                    
1396        <div class="image fixed aspect-ratio-1x1">
1397            <img src="/media/r5coak2o/frutas_angulo_endosso.png" loading="lazy" width="5441" height="9000" alt="" />
1398        </div>
1399
1400 
1401                                </div>
1402                            </a>
1403                            <div class="card-product-content">
1404                                <h2 class="typography heading small">
1405Frutas vermelhas e hibisco                                </h2>
1406                            </div>
1407                        </div>
1408
1409                    </div>
1410        </div>
1411
1412    </section>
1413
1414
1415<script type="application/ld+json">
1416
1417    {
1418  "@context": "https://schema.org",
1419  "@type": "BreadcrumbList",
1420  "itemListElement": [
1421    {
1422      "@type": "ListItem",
1423      "position": 1,
1424      "item": {
1425        "@id": "https://www.clashd.com.br/",
1426        "name": "Home"
1427      }
1428    },
1429    {
1430      "@type": "ListItem",
1431      "position": 2,
1432      "item": {
1433        "@id": "https://www.clashd.com.br/produtos/",
1434        "name": "Produtos"
1435      }
1436    }
1437  ]
1438}
1439</script>
1439
1440
1441    
1441<script type="application/ld+json">
1442        {
1443  "@context": "https://schema.org",
1444  "@id": "#product",
1445  "@type": "IndividualProduct",
1446  "additionalType": "https://www.clashd.com.br/produtos/maca-golden-capim-limao-e-hortela/",
1447  "name": "Ingredientes 100% Naturais, 100% BREWED",
1448  "description": "",
1449  "image": "https://www.clashd.com.br/media/uxga3t2n/maca_angulo_endosso.png"
1450}
1451    </script>
1451
1452    
1452<script type="application/ld+json">
1453        {
1454  "@context": "https://schema.org",
1455  "@id": "#product",
1456  "@type": "IndividualProduct",
1457  "additionalType": "https://www.clashd.com.br/produtos/limao-siciliano-morango-e-gengibre/",
1458  "name": "Ingredientes 100% Naturais, 100% BREWED",
1459  "description": "geral",
1460  "image": "https://www.clashd.com.br/media/g2xjefvy/limao_angulo_endosso.png"
1461}
1462    </script>
1462
1463    
1463<script type="application/ld+json">
1464        {
1465  "@context": "https://schema.org",
1466  "@id": "#product",
1467  "@type": "IndividualProduct",
1468  "additionalType": "https://www.clashd.com.br/produtos/frutas-vermelhas-e-hibisco/",
1469  "name": "Ingredientes 100% Naturais, 100% BREWED",
1470  "description": "",
1471  "image": "https://www.clashd.com.br/media/r5coak2o/frutas_angulo_endosso.png"
1472}
1473    </script>
1473
1474
1475
1476
1477        <div class="sidebar" style="--margin-top: ">
1478            <ul class="nav-links">
1479                    <a href="https://icom.app/heineken-site" target="_blank">
1480                    <li class="user-ways-accessibility">
1481                        <img src="/Content/assets/libras.svg" loading="lazy" alt="Atendimento em Libras" />
1482                    </li>
1483                    </a>
1484            </ul>
1485        </div>
1486
1487            <div class="btn-back-to-top position-fixed">
1488                <a href="#" class="button medium primary " target="" id="btn-back-to-top" data-id="">
1489                    <span class="icon mdi mdi-chevron-up icon-medium " data-id=""></span>
1490                    <span class="label" data-id="">Voltar ao topo</span>
1491                </a>
1492            </div>
1493    </main>
1494    <!-- Footer-->
1495    
1496<div class="umb-block-list">
1497
1498
1499<footer class="footer">
1500    <section class="content">
1501        <div class="container">
1502            <div class="row">
1503                <div class="brand-info col-xs-12 col-lg-4">
1504
1505                    
1506    <img src="/media/g52npzp3/clashd_primary_brandmark-1_sized.svg" class="brand-logo" loading="lazy" alt="" />
1507
1508
1509                        <div class="social-links-wrapper">
1510                            <ul>
1511                                    <li class="social-link-item">
1512                                        <a href="https://www.facebook.com/profile.php?id=100089042573833&amp;mibextid=LQQJ4d" target="_blank">
1513                                            
1514
1515<span class="icon mdi mdi-facebook icon-medium " id="" data-id=""></span>
1516                                        </a>
1517                                    </li>
1518                                    <li class="social-link-item">
1519                                        <a href="https://instagram.com/clashdbrasil" target="_blank">
1520                                            
1521
1522<span class="icon mdi mdi-instagram icon-medium " id="" data-id=""></span>
1523                                        </a>
1524                                    </li>
1525                                    <li class="social-link-item">
1526                                        <a href="https://www.youtube.com/channel/UCEy5WqvW2uHmKTUA9aq6Pvg" target="_blank">
1527                                            
1528
1529<span class="icon mdi mdi-youtube icon-medium " id="" data-id=""></span>
1530                                        </a>
1531                                    </li>
1532                            </ul>
1533                        </div>
1534
1535                </div>
1536                    <nav class="footer-navigation col-xs-12 col-lg-8">
1537
1538                                <div class="footer-navigation-column">
1539
1540                                    
1541<p class="typography overline  ">Clash'd</p>
1542
1543
1544                                    <ul>
1545                                            <li class="footer-navigation-item">
1546                                                <a href="/sobre/" class="link main"  data-id="btn-footer-menu">
1547    Sobre
1548</a>
1549                                            </li>
1550                                            <li class="footer-navigation-item">
1551                                                <a href="/produtos/" class="link main"  data-id="btn-footer-menu">
1552    Produtos
1553</a>
1554                                            </li>
1555                                            <li class="footer-navigation-item">
1556                                                <a href="/brewed/" class="link main"  data-id="btn-footer-menu">
1557    Brewed
1558</a>
1559                                            </li>
1560                                    </ul>
1561
1562                                </div>
1563                                <div class="footer-navigation-column">
1564
1565                                    
1566<p class="typography overline  ">Ajuda</p>
1567
1568
1569                                    <ul>
1570                                            <li class="footer-navigation-item">
1571                                                <a href="/contato/" class="link main"  data-id="btn-footer-menu">
1572    Contato
1573</a>
1574                                            </li>
1575                                            <li class="footer-navigation-item">
1576                                                <a href="/onde-comprar/" class="link main"  data-id="btn-footer-menu">
1577    Onde Comprar
1578</a>
1579                                            </li>
1580                                    </ul>
1581
1582                                </div>
1583                                <div class="footer-navigation-column">
1584
1585                                    
1586<p class="typography overline  ">Informações legais</p>
1587
1588
1589                                    <ul>
1590                                            <li class="footer-navigation-item">
1591                                                <a href="/informacoes-legais/ace
1591sso-a-dados-pessoais/" class="link main"  data-id="btn-footer-menu">
1592    Acesso a dados pessoais
1593</a>
1594                                            </li>
1595                                            <li class="footer-navigation-item">
1596                                                <a href="/informacoes-legais/politica-de-cookies/" class="link main"  data-id="btn-footer-menu">
1597    Pol&#xED;tica de Cookies
1598</a>
1599                                            </li>
1600                                            <li class="footer-navigation-item">
1601                                                <a href="/informacoes-legais/politica-de-privacidade/" class="link main"  data-id="btn-footer-menu">
1602    Pol&#xED;tica de Privacidade
1603</a>
1604                                            </li>
1605                                            <li class="footer-navigation-item">
1606                                                <a href="/informacoes-legais/termos-de-uso/" class="link main"  data-id="btn-footer-menu">
1607    Termos de Uso
1608</a>
1609                                            </li>
1610                                            <li class="footer-navigation-item">
1611                                                <a href="https://privacyportal-de.onetrust.com/ui/#/preferences/multipage/login/ddb8237d-cc4e-4bb3-b8ad-087d0cc70e5a" class="link main"  data-id="btn-footer-menu" target="_blank">
1612    Centro de Prefer&#xEA;ncias
1613</a>
1614                                            </li>
1615                                    </ul>
1616
1617                                </div>
1618                    </nav>
1619            </div>
1620        </div>
1621    </section>
1622    <section class="contact">
1623        <div class="container">
1624            <p class="typography paragraph medium">SAC:&nbsp;<a href="tel:08008881010" class="link main" data-id="btn-footer-menu">0800 888 1010</a></p>
1625<p class="typography paragraph medium">(segunda à sexta-feira, das 09h às 19h)</p>
1626        </div>
1627    </section>
1628    <section class="copyright">
1629        <div class="container">
1630            <div class="row">
1631                <div class="col-12 col-lg-6">
1632                </div>
1633                <div class="copyright-text col-12 col-lg-6">
1634                    
1635<p class="typography caption  ">© HEINEKEN Brasil 2025</p>
1636
1637                    
1638        <div class="image">
1639            <img src="/media/vmlci43l/logotipo-heineken-1.svg" class="heineken-logo" loading="lazy" alt="Logotipo da cervejaria Heineken" />
1640        </div>
1641
1642 
1643                </div>
1644            </div>
1645        </div>
1646    </section>
1647
1648</footer></div>
1649
1650
1651
1652    <!-- Bootstrap core JS-->
1653    
1653<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
1653
1654    
1654<script integrity="sha512-pHVGpX7F/27yZ0ISY+VVjyULApbDlD0/X0rgGbTqCE7WFW5MezNTWG/dnhtbBuICzsd0WQPgpE4REBLv+UqChw==" crossorigin="anonymous" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
1654
1655    
1655<script integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
1655
1656    
1656<script async src="https://cdn.jsdelivr.net/npm/[email protected]/dist/lazyload.min.js"></script>
1656
1657
1658    <!-- Componentes and Sections JS-->
1659    
1659<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
1659
1660    
1660<script>
1661        AOS.init();
1662    </script>
1662
1663    
1663<script>
1664
1665        var brandValidAge = 18;
1666        var brandName = 'Clash&#x27;d';
1667        var recaptchaSiteKey = '6LdP38MkAAAAAK6uLAGJnBSo1c6ezOyTOKuj4yFd';
1668
1669        var url = window.location.pathname;
1670
1671        const actives = document.querySelectorAll('.navigation-item');
1672        actives[0].classList.remove('active');
1673
1674        const links = document.querySelectorAll('.navlist a');
1675        links.forEach(l => {
1676            if (url == l.getAttribute("href")) {
1677                l.parentNode.classList.add("active");
1678            }
1679        });
1680
1681    </script>
1681
1682    
1682<script src="/scripts/jquery.form.min.js"></script>
1682
1683    
1683<script src="/scripts/jbrowser.min.js"></script>
1683
1684    
1684<script src="/scripts/scripts.min.js?v=3009"></script>
1684
1685    
1685<script src="/scripts/state-cities.plugin.js?v=0001"></script>
1685
1686
1687    
1687<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.16.0/jquery.validate.min.js"></script>
1687
1688    
1688<script src="https://ajax.aspnetcdn.com/ajax/mvc/5.2.3/jquery.validate.unobtrusive.min.js"></script>
vendor: 74 bytes, lines 1688-1690
1688
1689
1690    <script defer src="https://www.google.com/recaptcha/api.js?render=
16906LdP38MkAAAAAK6uLAGJnBSo1c6ezOyTOKuj4yFd
vendor: 13 bytes, line 1690
1690"></script>
1691</body>
1692</html>
1693

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.