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'd" /> 32 <meta name="description" content="" /> 33 <meta name="keywords" content=""> 34 35 <meta property="og:title" content=" | Clash'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'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'd</title> 50 51 <!-- Favicon--> 52 <link rel="icon" type="image/x-icon" alttext="Clash'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ã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'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'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&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'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'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çã golden, capim limão e hortelã </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ã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&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í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í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ê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: <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'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.