CINXE.COM
Claro - Voc锚 merece o novo.
<!DOCTYPE html> <html lang="pt-BR"> <head> <script type="text/javascript" src="https://dyna-agentless.clarobrasil.mobi/jstag/managed/89afdcfd-68f5-4edb-9a9a-215e44803e5f/8121cfb5dcc6c3f1_complete.js" crossorigin="anonymous"></script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1, minimum-scale=1"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="title" content="Claro - Voc锚 merece o novo."> <meta name="description" content=""> <meta name="url" content=""> <meta name="theme-color" content="#af282f"> <meta property="og:title" content="Claro - Voc锚 merece o novo."> <meta property="og:type" content="website"> <meta property="og:url" content=""> <meta property="og:image" content=""> <meta property="og:description" content=""> <title>Claro - Voc锚 merece o novo.</title> <link rel="icon" type="image/x-icon" href="img/favicon.ico"> <link rel="stylesheet" href="https://mondrian.claro.com.br/vanilla/pre-release/6_0_0/mondrian-vanilla-latest.css"> <link rel="stylesheet" href="https://mondrian.claro.com.br/tokens/claro-tokens-latest.custom-properties.css"> <link rel="stylesheet" href="css/style.min.css"><!-- Google TagManager--> <!-- Google TagManager--> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-TB4LW3L'); </script><!-- EndGoogle TagManager--> </head> <body> <!-- Snippet start --> <header class="mdn-Menu mdn-Menu--logged mdn-isMenuScrolling mdn-isInitialized"> <!-- Menu Top Start, here you can put geolocation, tabs of main page and acessibilitys modes --> <!-- Menu Top End --> <!-- Menu Main Start --> <div class="mdn-Menu-main"> <div class="mdn-Menu-container"> <nav class="mdn-Menu-content" aria-label="Site menu"> <!-- The menu is separate in two parts, left and right --> <!-- Left side Start, this part is hide in mobile --> <div class="mdn-Menu-content-left"> <a class="mdn-Menu-logo-link" href="mdn-Menu-logo-event" title="Click e confira a p谩gina"> <!-- Logo of Menu, here you put your brand, to more details visit our library of brand : https://mondrian.claro.com.br/brands --> <img class="mdn-Menu-logo" src="https://mondrian.claro.com.br/brands/horizontal/inverse/claro.svg" alt="Logo da Claro"> </a> </div> <!-- Right side Start, this part the first level is visibe in mobile --> <div class="mdn-Menu-content-right"> <!-- Menu list Start, have the same structure of Left side. Here you put all content has in your menu, level, subLevels and SubLevels. This part is visible on dekstop and Mobile --> <ul class="mdn-Menu-list"> <li class="mdn-Menu-list-item mdn-Menu-top-list-item-accessibility mdn-Menu-list-item-link"> <a href="#" class="mdn-Menu-top-event" title="Conhe莽a as iniciativas de Acessibilidade da Claro"> <span class="mdn-Icon-pcd mdn-Icon--sm" aria-hidden="true"></span> </a> </li> <li class="mdn-Menu-top-list-item mdn-Menu-top-list-item-accessibility mdn-Menu-list-item-link"> <button type="button" class="mdn-Menu-top-event" title="Assistente de Libras"> <span class="mdn-Icon-libras mdn-Icon--sm" aria-hidden="true"></span> </button> </li> <li class="mdn-Menu-top-list-item mdn-Menu-top-list-item-accessibility mdn-Menu-list-item-link"> <button class="mdn-Menu-top-event mdn-Menu-top-contrast-action" title="Op莽茫o de acessibilidade. Clique para alterar o contraste do Portal"> <span class="mdn-Icon-alto-contraste mdn-Icon--sm" aria-hidden="true"></span> </button> </li> <li class="mdn-Menu-top-list-item mdn-Menu-top-list-item-accessibility mdn-Menu-list-item-link"> <button class="mdn-Menu-top-event mdn-Modal--handler mdn-isInitialized" title="Modal Zoom texto" data-mdn-modal-id="modal-accessibility-zoom"> <span class="mdn-Icon-diminuir-tamanho mdn-Icon--sm mdn-Menu-text-icon" aria-hidden="true"></span> <span class="mdn-Icon-aumentar-tamanho mdn-Icon--sm mdn-Menu-text-icon" aria-hidden="true"></span> </button> </li> </ul> </div> </nav> </div> </div> <!-- this part use when are inside page, have title on top and inside content have other similar pages --> </header> <!-- Snippet end --> <div id="modal-accessibility-zoom" class="mdn-Modal mdn-Modal--sm mdn-Menu-modal-accessibility-zoom"> <div class="mdn-Modal-content"> <div class="mdn-Modal-body"> <!-- this content is just example to be show - Start --> <div class="mdn-Text mdn-Text--body"> <div>Para aumentar ou reduzir a fonte, utilize os atalhos nativos do seu navegador:<br> <ul> <li><span class="mdn-Icon-verificado mdn-Icon--sm" aria-hidden="true"></span>No windows <strong>CTRL</strong> + (para aumentar) e <strong>CTRL</strong> - (para diminuir)</li> <li><span class="mdn-Icon-verificado mdn-Icon--sm" aria-hidden="true"></span>No macOS (safari) <strong>CMD</strong>+ (para aumentar) e <strong>CMD</strong>- (para diminuir)</li> </ul> </div> </div> <!-- this content is just example to be show - End --> </div> <div class="mdn-Modal-footer"> <div class="mdn-Modal-footer-end"> <button class="mdn-Button mdn-Button--primary mdn-Button-close">Ok</button> </div> </div> </div> </div> <div class="mdn-u-padding--sm"> <!-- Snippet start --> <div class="mdn-Container cms-spacing-bottom--xl"> <div class="mdn-TitleGroup mdn-Topic mdn-Topic--horizontal mdn-Topic--sm mdn-u-marginTop--md"> <div class="mdn-Topic-symbol"> <i class="mdn-Icon-alerta mdn-Icon--xl"></i> </div> <h1 class="mdn-Heading mdn-Heading--xl">Daqui a pouco a gente volta</h1> </div> <p class="mdn-Text mdn-Text--body"> Ol谩! Nosso site est谩 em atualiza莽茫o neste momento e muito em breve estar谩 ativo novamente. <br> Enquanto isso, acesse os links r谩pidos dos servi莽os dispon铆veis. </p> </div> </div> <section data-component-id="doubleCard" class="sectionComponent cms-DoubleCard has-title cms-spacing-bottom--xl"> <div class="mdn-Container"> <div class="cms-Title cms-spacing-bottom--sm"> <h2 class="mdn-Heading mdn-Heading--md ">Acesso r谩pido para clientes Claro</h2> </div> <div class="cms-flex"> <div class="cms-flex-wrap"> <!-- item da lista --> <div class="list-item cms-i-flex cms-bgDefault"> <div class="col subdestaque-col-mondrian"> <div class="box-img"> <div class="cms-Image-wrapper"> <img src="img/minha-claro-movel-1.jpg" alt="imagem de uma mulher segurando um celular" aria-label="true"> </div> </div> </div> <div class="col subdestaque-col-mondrian"> <div class="cms-i-content cms-i-content-doublecard"> <h3 class="mdn-Heading mdn-Heading--sm">Minha Claro <br> m贸vel</h3> <div class="mdn-Text mdn-Text--body cms-flex-align cms-spacing-top--xs"> Atendimento para o seu celular: 2陋 via de boleto, consulta de saldo, fatura digital, recarga online, pacotes, promo莽玫es e muito mais. </div> <div class="wrap-btn cms-spacing-top--md"> <a href="https://auth.claro.com.br/authorize?client_id=MinhaClaroDIG&response_type=code&scope=openid+net_site+net_profile&nonce=abc123&authMs=UP,EP,DOCP,OTP&&redirect_uri=https://www.claro.com.br/credencial/callback-mcm" data-gtm-category="claro:cms-fora" data-gtm-action="click:botao" data-gtm-label="minha-claro-movel" title="Acessar o Minha Claro m贸vel." tabindex="0" role="buttom" class="mdn-Button mdn-Button--primary mdn-Button--lg gtm-link-event">Acessar</a> </div> </div> </div> </div> <!-- fim do item da lista --> <!-- item da lista --> <div class="list-item cms-i-flex cms-bgDefault"> <div class="col subdestaque-col-mondrian"> <div class="box-img"> <div class="cms-Image-wrapper"> <img src="img/minha-claro-residencial-1.jpg" alt="homem mexendo no notebook" aria-label="true"> </div> </div> </div> <div class="col subdestaque-col-mondrian"> <div class="cms-i-content cms-i-content-doublecard"> <h3 class="mdn-Heading mdn-Heading--sm">Minha Claro <br> residencial</h3> <div class="mdn-Text mdn-Text--body cms-flex-align cms-spacing-top--xs"> Atendimento para os produtos da sua casa: internet fixa, tv, Wi-Fi e telefone fixo, 2陋 via de boleto, consulta de sinal, visita t茅cnica, pacotes, promo莽玫es e muito mais. </div> <div class="wrap-btn cms-spacing-top--md"> <a href="https://auth.claro.com.br/authorize?client_id=MINHA_CLARO_RESIDENCIAL&redirect_uri=https%3A%2F%2Fminhaclaroresidencial.claro.com.br%2Flogin&response_type=code&scope=openid+minha_net+net_profile&authMs=UP" data-gtm-category="claro:cms-fora" data-gtm-action="click:botao" data-gtm-label="minha-claro-residencial" title="Acessar o Minha Claro residencial." tabindex="0" role="buttom" class="mdn-Button mdn-Button--primary mdn-Button--lg gtm-link-event">Acessar</a> </div> </div> </div> </div> <!-- fim do item da lista --> </div> </div> </div> </section> <section data-component-id="doubleCard" class="sectionComponent cms-DoubleCard has-title cms-spacing-bottom--xl"> <div class="mdn-Container"> <div class="cms-Title cms-spacing-bottom--sm"> <h2 class="mdn-Heading mdn-Heading--md ">Baixe os apps Minha Claro</h2> </div> <div class="cms-flex"> <div class="cms-flex-wrap"> <!-- item da lista --> <div class="list-item cms-i-flex cms-bgDefault"> <div class="col subdestaque-col-mondrian"> <div class="box-img"> <div class="cms-Image-wrapper"> <img src="img/app-minha-claro-1.jpg" alt="App minha claro" aria-label="true"> </div> </div> </div> <div class="col subdestaque-col-mondrian"> <div class="cms-i-content cms-i-content-doublecard"> <h3 class="mdn-Heading mdn-Heading--sm">App Minha Claro <br> m贸vel</h3> <div class="mdn-Text mdn-Text--body cms-flex-align cms-spacing-top--xs"> Autoatendimento na palma da sua m茫o para os produtos Claro p贸s, controle, pr茅 e internet m贸vel. <br><br> Dispon铆vel para Android e iOS. </div> <div class="wrap-btn cms-spacing-top--md"> <a href="https://www.claro.com.br/mc" data-gtm-category="claro:cms-fora" data-gtm-action="click:botao" data-gtm-label="baixar-app:minha-claro-movel" title="Baixar app Minha Claro m贸vel." tabindex="0" role="buttom" class="mdn-Button mdn-Button--primary mdn-Button--lg gtm-link-event">Baixar</a> </div> </div> </div> </div> <!-- fim do item da lista --> <!-- item da lista --> <div class="list-item cms-i-flex cms-bgDefault"> <div class="col subdestaque-col-mondrian"> <div class="box-img"> <div class="cms-Image-wrapper"> <img src="img/app-minha-claro-2.jpg" alt="app minha claro residencial" aria-label="true"> </div> </div> </div> <div class="col subdestaque-col-mondrian"> <div class="cms-i-content cms-i-content-doublecard"> <h3 class="mdn-Heading mdn-Heading--sm">App Minha Claro <br> residencial</h3> <div class="mdn-Text mdn-Text--body cms-flex-align cms-spacing-top--xs"> Autoatendimento na palma da sua m茫o para os produtos Claro net v铆rtua, TV e fone fixo. <br><br> Dispon铆vel para Android e iOS. </div> <div class="wrap-btn cms-spacing-top--md"> <a href="https://www.claro.com.br/mcr" data-gtm-category="claro:cms-fora" data-gtm-action="click:botao" data-gtm-label="baixar-app:minha-claro-residencial" title="Baixar app Minha Claro residencial" tabindex="0" role="buttom" class="mdn-Button mdn-Button--primary mdn-Button--lg gtm-link-event">Baixar</a> </div> </div> </div> </div> <!-- fim do item da lista --> </div> </div> </div> </section> <div class="mdn-u-padding--xl"> <div class="mdn-Container"> <div class="cms-Title cms-spacing-bottom--sm"> <h2 class="mdn-Heading mdn-Heading--md ">Ainda n茫o 茅 cliente Claro?</h2> </div> <div class="mdn-Swiper" data-mdn-slider-per-view-mobile="auto" data-mdn-slider-per-view-tablet="auto" data-mdn-slider-per-view-small-desktop="auto" data-mdn-slider-per-view="auto"> <div class="mdn-Swiper-wrapper"> <div class="mdn-Swiper-slide"> <!-- Snippet start --> <div class="mdn-CardInstitutional mdn-CardInstitutional--image"> <div class="mdn-CardInstitutional--imageThumb"> <img src="img/planos-para-casa-swipper-1.jpg" alt="planos para casa" aria-label="true"> </div> <div class="mdn-CardInstitutional-content"> <h3 class="mdn-Heading mdn-Heading--sm">Planos para sua casa</h3> <p class="mdn-Text mdn-Text--body">Internet fixa de ultravelocidade, TV com muito conte煤do, streamings e fone fixo.</p> <a href="https://planos.claro.com.br/" data-gtm-category="claro:cms-fora" data-gtm-action="click:botao" data-gtm-label="eu-quero:planos-residencial" title="Conhecer planos para sua casa." tabindex="0" role="buttom" class="cms-Link gtm-element-event mdn-Button mdn-Button--global">Eu quero</a> </div> </div> <!-- Snippet end --> </div> <div class="mdn-Swiper-slide"> <!-- Snippet start --> <div class="mdn-CardInstitutional mdn-CardInstitutional--image"> <div class="mdn-CardInstitutional--imageThumb"> <img src="img/planos-para-celular-swipper-2.jpg" alt="planos para celular" aria-label="true"> </div> <div class="mdn-CardInstitutional-content"> <h3 class="mdn-Heading mdn-Heading--sm">Planos para seu celular</h3> <p class="mdn-Text mdn-Text--body">Liga莽玫es 脿 vontade e apps para navegar sem limites onde estiver.</p> <a href="https://planoscelular.claro.com.br/" data-gtm-category="claro:cms-fora" data-gtm-action="click:botao" data-gtm-label="eu-quero:planos-movel" title="Conhecer planos para seu celular." tabindex="0" role="buttom" class="cms-Link gtm-element-event mdn-Button mdn-Button--global">Eu quero</a> </div> </div> <!-- Snippet end --> </div> <div class="mdn-Swiper-slide"> <!-- Snippet start --> <div class="mdn-CardInstitutional mdn-CardInstitutional--image"> <div class="mdn-CardInstitutional--imageThumb"> <img src="img/planos-para-empresa-swipper-3.jpg" alt="planos para empresa" aria-label="true"> </div> <div class="mdn-CardInstitutional-content"> <h3 class="mdn-Heading mdn-Heading--sm">Planos para sua empresa </h3> <p class="mdn-Text mdn-Text--body">Solu莽玫es completas para alavancar e digitalizar os seus neg贸cios.</p> <a href="https://planos.claro.com.br/empresas" data-gtm-category="claro:cms-fora" data-gtm-action="click:botao" data-gtm-label="eu-quero:planos-empresa" title="Conhecer planos para sua empresa." tabindex="0" role="buttom" class="cms-Link gtm-element-event mdn-Button mdn-Button--global">Eu quero</a> </div> </div> <!-- Snippet end --> </div> </div> <div class="mdn-Swiper-pagination"></div> </div> <!-- Snippet end --> <div class="mdn-TitleGroup mdn-Topic mdn-Topic--horizontal mdn-Topic--sm"> <div class="mdn-Topic-symbol"> <i class="mdn-Icon-whatsapp mdn-Icon--xl"></i> </div> <p class="mdn-Text mdn-Text--body whatsapp-text">Voc锚 tamb茅m pode contratar direto pelo WhatsApp da Claro clicando <a target="_blank" href="https://api.whatsapp.com/send?phone=5511993031052&text=Ol%C3%A1!%20Quero%20conhecer%20os%20planos%20da%20Claro!%20Meu%20c%C3%B3digo%20%C3%A9:%20SM403" sria-label="whatsapp da Claro">aqui</a>.</p> </div> </div> </div> <!-- Snippet start --> <footer class="mdn-Footer mdn-Footer--simple mdn-Footer--signature"> <div class="mdn-Container"> <div class="mdn-Footer-content"> <div class="mdn-Footer-disclaimer"></div> <div class="mdn-Footer-logo"></div> </div> </div> <script src="https://mondrian.claro.com.br/vanilla/pre-release/6_0_0/mondrian-vanilla-latest.js"></script> <script src="js/main.min.js"></script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-GTM-TB4LW3L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </footer> <!-- Snippet end --> </body> </html>