1 2<!DOCTYPE html> 3<html lang="pt-br"> 4 <head> 5 <meta charset="utf-8"> 6 <meta content='width=device-width, initial-scale=1.0, maximum-scale=2.0' name='viewport' /> 7 <title>Tracinho</title> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="generator" content="Loja Integrada" /> 10 11 <link rel="dns-prefetch" href="https://cdn.awsli.com.br/"> 12 <link rel="preconnect" href="https://cdn.awsli.com.br/"> 13 <link rel="preconnect" href="https://fonts.googleapis.com"> 14 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 15 16 17 <meta property="og:url" content="https://tracinhotracojovem.finotracoeditora.com.br/conta/login" /> 18 <meta property="og:type" content="website" /> 19 <meta property="og:site_name" content="Tracinho" /> 20 <meta property="og:locale" content="pt_BR" /> 21 22 23 24 25
25<script> 26 setTimeout(function() { 27 if (typeof removePageLoading === 'function') { 28 removePageLoading(); 29 }; 30 }, 7000); 31 </script>
31 32 33 34 35 36 37 38 39 40 <meta property="og:title" content="Tracinho" /> 41 42 <meta property="og:image" content="https://cdn.awsli.com.br/2379/2379182/logo/c5a1453d6e.png" /> 43 44 45 46 47 48 49 50 51 52 <meta name="robots" content="index, follow" /> 53 54 55 56 57 58 <link rel="shortcut icon" href="https://cdn.awsli.com.br/2379/2379182/favicon/artboard-1-ipirvu.png" /> 59 60 <link rel="icon" href="https://cdn.awsli.com.br/2379/2379182/favicon/artboard-1-ipirvu.png" sizes="192x192"> 61 62 63 <meta name="theme-color" content="#C42627"> 64 65 66 67 <link rel="stylesheet" href="https://cdn.awsli.com.br/production/static/loja/estrutura/v1/css/all.min.css?v=edee9a8" type="text/css"> 68 69 <!--[if lte IE 8]><link rel="stylesheet" href="https://cdn.awsli.com.br/production/static/loja/estrutura/v1/css/ie-fix.min.css" type="text/css"><![endif]--> 70 <!--[if lte IE 9]><style type="text/css">.lateral-fulbanner { position: relative; }</style><![endif]--> 71 72 73 <link rel="stylesheet" href="https://cdn.awsli.com.br/production/static/loja/estrutura/v1/css/tema-escuro.min.css?v=edee9a8" type="text/css"> 74 75 76 77 78 <link href="https://fonts.googleapis.com/css2?family=Open%20Sans:wght@300;400;600;700&display=swap" rel="stylesheet"> 79 80 81 82 <link rel="stylesheet" href="https://cdn.awsli.com.br/production/static/loja/estrutura/v1/css/bootstrap-responsive.css?v=edee9a8" type="text/css"> 83 <link rel="stylesheet" href="https://cdn.awsli.com.br/production/static/loja/estrutura/v1/css/style-responsive.css?v=edee9a8"> 84 85 86 <link rel="stylesheet" href="/tema.css?v=20250113-131853"> 87 88 89 90
90<script type="text/javascript"> 91 var LOJA_ID = 2379182; 92 var MEDIA_URL = "https://cdn.awsli.com.br/"; 93 var API_URL_PUBLIC = 'https://api.awsli.com.br/'; 94 95 var CARRINHO_PRODS = []; 96 97 var ENVIO_ESCOLHIDO = 0; 98 var ENVIO_ESCOLHIDO_CODE = 0; 99 var CONTRATO_INTERNACIONAL = false; 100 var CONTRATO_BRAZIL = !CONTRATO_INTERNACIONAL; 101 var IS_STORE_ASYNC = true; 102 var IS_CLIENTE_ANONIMO = false; 103 </script>
103 104 105 106 107 <!-- Editor Visual --> 108 109 110
110<script> 111 112 113 const isPreview = JSON.parse(sessionStorage.getItem('preview', true)); 114 if (isPreview) { 115 const url = location.href 116 location.search === '' && url + (location.search = '?preview=None') 117 } 118 </script>
118 119 120 121
121<script src="https://cdn.awsli.com.br/production/static/loja/estrutura/v1/js/all.min.js?v=edee9a8"></script>
121 122 123 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 124 <!--[if lt IE 9]> 125
125<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
125 126
126<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
126 127 <![endif]--> 128 129 <link rel="stylesheet" href="https://cdn.awsli.com.br/production/static/loja/estrutura/v1/css/slick.min.css" type="text/css"> 130
130<script src="https://cdn.awsli.com.br/production/static/loja/estrutura/v1/js/slick.min.js?v=edee9a8"></script>
130 131 <link rel="stylesheet" href="https://cdn.awsli.com.br/production/static/css/jquery.fancybox.min.css" type="text/css" /> 132
132<script src="https://cdn.awsli.com.br/production/static/js/jquery/jquery.fancybox.pack.min.js"></script>
132 133
133<script defer src="https://cdn.awsli.com.br/production/static/js/li-challenge.v1.js?v=edee9a8" data-sample="1.00"></script>
133 134 135 136 137
137<script type="text/javascript"> 138 $(document).ready(function(){ 139 var hash = window.location.hash; 140 if (hash == '#recuperar_senha') { 141 $('#modalRecuperarSenha').modal('show'); 142 }; 143 $('#btnRecuperarSenha').click(function(event) { 144 event.preventDefault(); 145 var url = "https://tracinhotracojovem.finotracoeditora.com.br/conta/recuperar_senha"; 146 var input_email = $('#id_email_recuperar_senha'); 147 var email = input_email.val(); 148 $.getJSON(url, { email: email }, function(data) { 149 if (data.status == 'erro') { 150 $('#respostaMensagem').removeClass('alert-success'); 151 $('#respostaMensagem').addClass('alert-danger'); 152 input_email.addClass('error'); 153 } else { 154 $('#respostaMensagem').addClass('alert-success'); 155 $('#respostaMensagem').removeClass('alert-danger'); 156 $('#conteudoRecuperarSenha').hide(); 157 } 158 $('#respostaMensagem').html(data.mensagem); 159 $('#respostaMensagem').show(); 160 }); 161 }); 162 $('.conteudoRecuperarSenha form').submit(function(e) { 163 e.preventDefault(); 164 $('#btnRecuperarSenha').click(); 165 return false; 166 }); 167 $('a.recuperar-senha').click(function(event) { 168 $('#respostaMensagem').hide(); 169 $('#id_email_recuperar_senha').val(''); 170 $('#conteudoRecuperarSenha').show(); 171 }); 172 }); 173 </script>
173 174 175 176 177 178
179<script> 180 var url = '/_events/api/setEvent'; 181 182 var sendMetrics = function(event, user = {}) { 183 var unique_identifier = uuidv4(); 184 185 try { 186 var data = { 187 request: { 188 id: unique_identifier, 189 environment: 'production' 190 }, 191 store: { 192 id: 2379182, 193 name: 'Tracinho', 194 test_account: false, 195 has_meta_app: window.has_meta_app ?? false, 196 li_search: true 197 }, 198 device: { 199 is_mobile: /Mobi/.test(window.navigator.userAgent), 200 user_agent: window.navigator.userAgent, 201 ip: '###device_ip###' 202 }, 203 page: { 204 host: window.location.hostname, 205 path: window.location.pathname, 206 search: window.location.search, 207 type: 'login', 208 title: document.title, 209 referrer: document.referrer 210 }, 211 timestamp: '###server_timestamp###', 212 user_timestamp: new Date().toISOString(), 213 event, 214 origin: 'store' 215 }; 216 217 if (window.performance) { 218 var [timing] = window.performance.getEntriesByType('navigation'); 219 220 data['time'] = { 221 server_response: Math.round(timing.responseStart - timing.requestStart) 222 }; 223 } 224 225 var _user = {}, 226 user_email_cookie = $.cookie('user_email'), 227 user_data_cookie = $.cookie('LI-UserData'); 228 229 if (user_email_cookie) { 230 var user_email = decodeURIComponent(user_email_cookie); 231 232 _user['email'] = user_email; 233 } 234 235 if (user_data_cookie) { 236 var user_data = JSON.parse(user_data_cookie); 237 238 _user['logged'] = user_data.logged; 239 _user['id'] = user_data.id ?? undefined; 240 } 241 242 $.each(user, function(key, value) { 243 _user[key] = value; 244 }); 245 246 if (!$.isEmptyObject(_user)) { 247 data['user'] = _user; 248 } 249 250 try { 251 var session_identifier = $.cookie('li_session_identifier'); 252 253 if (!session_identifier) { 254 session_identifier = uuidv4(); 255 }; 256 257 var expiration_date = new Date(); 258 259 expiration_date.setTime(expiration_date.getTime() + (30 * 60 * 1000)); // 30 minutos 260 261 $.cookie('li_session_identifier', session_identifier, { 262 expires: expiration_date, 263 path: '/' 264 }); 265 266 data['session'] = { 267 id: session_identifier 268 }; 269 } catch (err) { } 270 271 try { 272 var user_session_identifier = $.cookie('li_user_session_identifier'); 273 274 if (!user_session_identifier) { 275 user_session_identifier = uuidv4(); 276 277 $.cookie('li_user_session_identifier', user_session_identifier, { 278 path: '/' 279 }); 280 }; 281 282 data['user_session'] = { 283 id: user_session_identifier 284 }; 285 } catch (err) { } 286 287 var _cookies = {}, 288 fbc = $.cookie('_fbc'), 289 fbp = $.cookie('_fbp'); 290 291 if (fbc) { 292 _cookies['fbc'] = fbc; 293 } 294 295 if (fbp) { 296 _cookies['fbp'] = fbp; 297 } 298 299 if (!$.isEmptyObject(_cookies)) { 300 data['session']['cookies'] = _cookies; 301 } 302 303 try { 304 var ab_test_cookie = $.cookie('li_ab_test_running'); 305 306 if (ab_test_cookie) { 307 var ab_test = JSON.parse(atob(ab_test_cookie)); 308 309 if (ab_test.length) { 310 data['store']['ab_test'] = ab_test; 311 } 312 } 313 } catch (err) { } 314 315 var _utm = {}; 316 317 $.each(sessionStorage, function(key, value) { 318 if (key.startsWith('utm_')) { 319 var name = key.split('_')[1]; 320 321 _utm[name] = value; 322 } 323 }); 324 325 if (!$.isEmptyObject(_utm)) { 326 data['session']['utm'] = _utm; 327 } 328 329 var controller = new AbortController(); 330 331 setTimeout(function() { 332 controller.abort(); 333 }, 5000); 334 335 fetch(url, { 336 keepalive: true, 337 method: 'POST', 338 headers: { 339 'Content-Type': 'application/json' 340 }, 341 body: JSON.stringify({ data }), 342 signal: controller.signal 343 }); 344 } catch (err) { } 345 346 return unique_identifier; 347 } 348</script>
348 349 350
351<script> 352 (function() { 353 var initABTestHandler = function() { 354 try { 355 if ($.cookie('li_ab_test_running')) { 356 return 357 }; 358 var running_tests = []; 359 360 361 362 363 364 365 var running_tests_to_cookie = JSON.stringify(running_tests); 366 running_tests_to_cookie = btoa(running_tests_to_cookie); 367 $.cookie('li_ab_test_running', running_tests_to_cookie, { 368 path: '/' 369 }); 370 371 372 if (running_tests.length > 0) { 373 setTimeout(function() { 374 $.ajax({ 375 url: "/conta/status" 376 }); 377 }, 500); 378 }; 379 380 } catch (err) { } 381 } 382 setTimeout(initABTestHandler, 500); 383 }()); 384</script>
384 385 386
387<script> 388 $(function() { 389 // Clicar em um produto 390 $('.listagem-item').click(function() { 391 var row, column; 392 393 var $list = $(this).closest('[data-produtos-linha]'), 394 index = $(this).closest('li').index(); 395 396 if($list.find('.listagem-linha').length === 1) { 397 var productsPerRow = $list.data('produtos-linha'); 398 399 row = Math.floor(index / productsPerRow) + 1; 400 column = (index % productsPerRow) + 1; 401 } else { 402 row = $(this).closest('.listagem-linha').index() + 1; 403 column = index + 1; 404 } 405 406 var body = { 407 item_id: $(this).attr('data-id'), 408 item_sku: $(this).find('.produto-sku').text(), 409 item_name: $(this).find('.nome-produto').text().trim(), 410 item_row: row, 411 item_column: column 412 }; 413 414 var eventID = sendMetrics({ 415 type: 'event', 416 name: 'select_product', 417 data: body 418 }); 419 420 $(document).trigger('li_select_product', [eventID, body]); 421 }); 422 423 // Clicar no "Fale Conosco" 424 $('#modalContato').on('show', function() { 425 var value = 'Fale Conosco'; 426 427 var eventID = sendMetrics({ 428 type: 'event', 429 name: 'start_contact', 430 data: { text: value } 431 }); 432 433 $(document).trigger('li_start_contact', [eventID, value]); 434 }); 435 436 // Clicar no WhatsApp 437 $('.li-whatsapp a').click(function() { 438 var value = 'WhatsApp'; 439 440 var eventID = sendMetrics({ 441 type: 'event', 442 name: 'start_contact', 443 data: { text: value } 444 }); 445 446 $(document).trigger('li_start_contact', [eventID, value]); 447 }); 448 449 450 // Login 451 var eventID = sendMetrics({ 452 type: 'pageview', 453 name: 'login' 454 }); 455 456 $(document).trigger('li_login', [eventID]); 457 458 }); 459</script>
459 460 461 462 463 464 465 466 467 468 469 470 471 <link rel="stylesheet" href="/avancado.css?v=20250113-131853" type="text/css" /> 472 473 474 475 476 477 <link rel="manifest" href="/manifest.json" /> 478 479 480 481 482 </head> 483 <body class="pagina-login tema-transparente "> 484 <div id="fb-root"></div> 485 486 487 <div id="full-page-loading"> 488 <div class="conteiner" style="height: 100%;"> 489 <div class="loading-placeholder-content"> 490 <div class="loading-placeholder-effect loading-placeholder-header"></div> 491 <div class="loading-placeholder-effect loading-placeholder-body"></div> 492 </div> 493 </div> 494
494<script> 495 var is_full_page_loading = true; 496 function removePageLoading() { 497 if (is_full_page_loading) { 498 try { 499 $('#full-page-loading').remove(); 500 } catch(e) {} 501 try { 502 var div_loading = document.getElementById('full-page-loading'); 503 if (div_loading) { 504 div_loading.remove(); 505 }; 506 } catch(e) {} 507 is_full_page_loading = false; 508 }; 509 }; 510 $(function() { 511 setTimeout(function() { 512 removePageLoading(); 513 }, 1); 514 }); 515 </script>
515 516 <style> 517 #full-page-loading { position: fixed; z-index: 9999999; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } 518 #full-page-loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .98); background: radial-gradient(rgba(255, 255, 255, .99), rgba(255, 255, 255, .98)); } 519 .loading-placeholder-content { height: 100%; display: flex; flex-direction: column; position: relative; z-index: 1; } 520 .loading-placeholder-effect { background-color: #F9F9F9; border-radius: 5px; width: 100%; animation: pulse-loading 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite; } 521 .loading-placeholder-content .loading-placeholder-body { flex-grow: 1; margin-bottom: 30px; } 522 .loading-placeholder-content .loading-placeholder-header { height: 20%; min-height: 100px; max-height: 200px; margin: 30px 0; } 523 @keyframes pulse-loading{50%{opacity:.3}} 524 </style> 525 </div> 526 527 528 529 530 531 532 533 534 535 536 537<div class="barra-inicial fundo-secundario"> 538 <div class="conteiner"> 539 <div class="row-fluid"> 540 <div class="lista-redes span3 hidden-phone"> 541 542 <ul> 543 544 <li> 545 <a href="https://facebook.com/#" target="_blank" aria-label="Siga nos no Facebook"><i class="icon-facebook"></i></a> 546 </li> 547 548 549 550 <li> 551 <a href="https://x.com/#" target="_blank" aria-label="Siga nos no X"><i class="icon-twitter"></i></a> 552 </li> 553 554 555 556 <li> 557 <a href="https://instagram.com/#" target="_blank" aria-label="Siga nos no Instagram"><i class="icon-instagram"></i></a> 558 </li> 559 560 561 562 </ul> 563 564 </div> 565 <div class="canais-contato span9"> 566 <ul> 567 <li class="hidden-phone"> 568 <a href="#modalContato" data-toggle="modal" data-target="#modalContato"> 569 <i class="icon-comment"></i> 570 Fale Conosco 571 </a> 572 </li> 573 574 <li> 575 <span> 576 <i class="icon-phone"></i>Telefone: (31) 3212-4197 577 </span> 578 </li> 579 580 581 <li class="tel-whatsapp"> 582 <span> 583 <i class="fa fa-whatsapp"></i>Whatsapp: (31) 98899-0454 584 </span> 585 </li> 586 587 588 </ul> 589 </div> 590 </div> 591 </div> 592</div> 593 594 595 596 597 <div class="conteiner-principal"> 598 599 600 601<div id="cabecalho"> 602 603 <div class="atalhos-mobile visible-phone fundo-secundario borda-principal"> 604 <ul> 605 606 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/" class="icon-home"> </a></li> 607 608 <li class="fundo-principal"><a href="https://tracinhotracojovem.finotracoeditora.com.br/carrinho/index" class="icon-shopping-cart"> </a></li> 609 610 611 <li class="menu-user-logged" style="display: none;"><a href="https://tracinhotracojovem.finotracoeditora.com.br/conta/logout" class="icon-signout menu-user-logout"> </a></li> 612 613 614 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/conta/index" class="icon-user"> </a></li> 615 616 <li class="vazia"><span> </span></li> 617 618 </ul> 619 </div> 620 621 <div class="conteiner"> 622 <div class="row-fluid"> 623 <div class="span3"> 624 <h2 class="logo cor-secundaria"> 625 <a href="https://tracinhotracojovem.finotracoeditora.com.br/" title="Tracinho"> 626 627 <img src="https://cdn.awsli.com.br/400x300/2379/2379182/logo/c5a1453d6e.png" alt="Tracinho" /> 628 629 </a> 630 </h2> 631 632 633 </div> 634 635 <div class="conteudo-topo span9"> 636 <div class="superior row-fluid hidden-phone"> 637 <div class="span8"> 638 639 640 <div class="btn-group menu-user-logged" style="display: none;"> 641 <a href="https://tracinhotracojovem.finotracoeditora.com.br/conta/index" class="botao secundario pequeno dropdown-toggle" data-toggle="dropdown">
642 Olá, <span class="menu-user-name"></span> 643 <span class="icon-chevron-down"></span> 644 </a> 645 <ul class="dropdown-menu"> 646 <li> 647 <a href="https://tracinhotracojovem.finotracoeditora.com.br/conta/index" title="Minha conta">Minha conta</a> 648 </li> 649 650 <li> 651 <a href="https://tracinhotracojovem.finotracoeditora.com.br/conta/pedido/listar" title="Minha conta">Meus pedidos</a> 652 </li> 653 654 <li> 655 <a href="https://tracinhotracojovem.finotracoeditora.com.br/conta/favorito/listar" title="Meus favoritos">Meus favoritos</a> 656 </li> 657 <li> 658 <a href="https://tracinhotracojovem.finotracoeditora.com.br/conta/logout" title="Sair" class="menu-user-logout">Sair</a> 659 </li> 660 </ul> 661 </div> 662 663 664 <a href="https://tracinhotracojovem.finotracoeditora.com.br/conta/login" class="bem-vindo cor-secundaria menu-user-welcome"> 665 Bem-vindo, <span class="cor-principal">identifique-se</span> para fazer pedidos 666 </a> 667 668 669 </div> 670 <div class="span4"> 671 <ul class="acoes-conta borda-alpha"> 672 673 <li> 674 <i class="icon-list fundo-principal"></i> 675 <a href="https://tracinhotracojovem.finotracoeditora.com.br/conta/pedido/listar" class="cor-secundaria">Meus Pedidos</a> 676 </li> 677 678 679 <li> 680 <i class="icon-user fundo-principal"></i> 681 <a href="https://tracinhotracojovem.finotracoeditora.com.br/conta/index" class="cor-secundaria">Minha Conta</a> 682 </li> 683 684 </ul> 685 </div> 686 </div> 687 688 <div class="inferior row-fluid "> 689 <div class="span8 busca-mobile"> 690 <a href="javascript:;" class="atalho-menu visible-phone icon-th botao principal"> </a> 691 692 <div class="busca borda-alpha"> 693 <form id="form-buscar" action="/buscar" method="get"> 694 <input id="auto-complete" type="text" name="q" placeholder="Digite o que você procura" value="" autocomplete="off" maxlength="255" /> 695 <button class="botao botao-busca icon-search fundo-secundario" aria-label="Buscar"></button> 696 </form> 697 </div> 698 699 </div> 700 701 702 <div class="span4 hidden-phone"> 703 704 705 <div class="carrinho vazio"> 706 707 <a href="https://tracinhotracojovem.finotracoeditora.com.br/carrinho/index"> 708 <i class="icon-shopping-cart fundo-principal"></i> 709 <strong class="qtd-carrinho titulo cor-secundaria" style="display: none;">0</strong> 710 <span style="display: none;"> 711 712 <b class="titulo cor-secundaria"><span>Meu Carrinho</span></b> 713 714 <span class="cor-secundaria">Produtos adicionados</span> 715 </span> 716 717 <span class="titulo cor-secundaria vazio-text">Carrinho vazio</span> 718 719 </a> 720 721 <div class="carrinho-interno-ajax"></div> 722 </div> 723 724<div class="minicart-placeholder" style="display: none;"> 725 <div class="carrinho-interno borda-principal"> 726 <ul> 727 <li class="minicart-item-modelo"> 728 729 <div class="preco-produto com-promocao destaque-preco "> 730 <div> 731 <s class="preco-venda"> 732 R$ --PRODUTO_PRECO_DE-- 733 </s> 734 <strong class="preco-promocional cor-principal"> 735 R$ --PRODUTO_PRECO_POR-- 736 </strong> 737 </div> 738 </div> 739 740 <a data-href="--PRODUTO_URL--" class="imagem-produto"> 741 <img data-src="https://cdn.awsli.com.br/64x64/--PRODUTO_IMAGEM--" alt="--PRODUTO_NOME--" /> 742 </a> 743 <a data-href="--PRODUTO_URL--" class="nome-produto cor-secundaria"> 744 --PRODUTO_NOME-- 745 </a> 746 <div class="produto-sku hide">--PRODUTO_SKU--</div> 747 </li> 748 </ul> 749 <div class="carrinho-rodape">
750 <span class="carrinho-info"> 751 752 <i>--CARRINHO_QUANTIDADE-- produto no carrinho</i> 753 754 755 756 <span class="carrino-total"> 757 Total: <strong class="titulo cor-principal">R$ --CARRINHO_TOTAL_ITENS--</strong> 758 </span> 759 760 761 </span> 762 <a href="https://tracinhotracojovem.finotracoeditora.com.br/carrinho/index" class="botao principal"> 763 764 <i class="icon-shopping-cart"></i>Ir para o carrinho 765 766 </a> 767 </div> 768 </div> 769</div> 770 771 772 773 </div> 774 775 </div> 776 777 </div> 778 </div> 779 780 781 782 783 784 785<div class="menu superior"> 786 <ul class="nivel-um"> 787 788 789 <li class="categoria-paginas com-filho borda-principal"> 790 <a href="javascript:;" title="Institucional"> 791 <strong class="titulo cor-secundaria">Páginas</strong> 792 <i class="icon-chevron-down fundo-secundario"></i> 793 </a> 794 <ul class="nivel-dois borda-alpha"> 795 796 <li class="categoria-pagina-796536"> 797 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/a-cabaninha.html" title="A Cabaninha"> 798 A Cabaninha 799 </a> 800 </li> 801 802 <li class="categoria-pagina-796562"> 803 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/a-casa-vazia.html" title="A Casa Vazia"> 804 A Casa Vazia 805 </a> 806 </li> 807 808 <li class="categoria-pagina-796561"> 809 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/ate-ze.html" title="Até, Zé!"> 810 Até, Zé! 811 </a> 812 </li> 813 814 <li class="categoria-pagina-673431"> 815 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/fale-conosco.html" title="Fale conosco"> 816 Fale conosco 817 </a> 818 </li> 819 820 <li class="categoria-pagina-673420"> 821 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/o-que-e-tracinho-e-traco-jovem.html" title="O que é "Tracinho" e "Traço Jovem"?"> 822 O que é "Tracinho" e "Traço Jovem"? 823 </a> 824 </li> 825 826 <li class="categoria-pagina-943104"> 827 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/o-rei-tristes-e-a-orquestra-monstres.html" title="O Rei Tristês e a orquestra Monstrês"> 828 O Rei Tristês e a orquestra Monstrês 829 </a> 830 </li> 831 832 <li class="categoria-pagina-948027"> 833 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/o-segredo-de-clarice.html" title="O Segredo De Clarice"> 834 O Segredo De Clarice 835 </a> 836 </li> 837 838 <li class="categoria-pagina-943093"> 839 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/ouvindo-o-ceu.html" title="Ouvindo o Céu"> 840 Ouvindo o Céu 841 </a> 842 </li> 843 844 <li class="categoria-pagina-796564"> 845 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/patigua.html" title="Patiguá"> 846 Patiguá 847 </a> 848 </li> 849 850 <li class="categoria-pagina-673421"> 851 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/pnld-2022.html" title="PNLD 2022"> 852 PNLD 2022 853 </a> 854 </li> 855 856 <li class="categoria-pagina-943075"> 857 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/pnld-2023.html" title="PNLD 2023"> 858 PNLD 2023 859 </a> 860 </li> 861 862 </ul> 863 </li> 864 865 866 867 868 869 870 871 872 <li class="categoria-id-17425623 borda-principal"> 873 <a href="https://tracinhotracojovem.finotracoeditora.com.br/lancamentos-17425623" title="Lançamentos"> 874 <strong class="titulo cor-secundaria">Lançamentos</strong> 875 876 </a> 877 878 </li> 879 880 <li class="categoria-id-17280772 com-filho borda-principal"> 881 <a href="https://tracinhotracojovem.finotracoeditora.com.br/loja-virtual" title="Loja Virtual"> 882 <strong class="titulo cor-secundaria">Loja Virtual</strong> 883 884 <i class="icon-chevron-down fundo-secundario"></i> 885 886 </a> 887 888 <ul class="nivel-dois borda-alpha"> 889 890 891 <li class="categoria-id-17280790 "> 892 <a href="https://tracinhotracojovem.finotracoeditora.com.br/leitor-critico-12/13-anos" title="Leitor CrÃtico (12/13 anos)"> 893 894 Leitor CrÃtico (12/13 anos) 895 </a> 896 897 </li> 898 899 <li class="categoria-id-17280779 "> 900 <a href="https://tracinhotracojovem.finotracoeditora.com.br/leitor-em-processo-8/9-anos" title="Leitor em Processo (8/9 anos)"> 901 902 Leitor em Processo (8/9 anos) 903 </a> 904 905 </li> 906 907 <li class="categoria-id-17280784 "> 908 <a href="https://tracinhotracojovem.finotracoeditora.com.br/leitor-fluente-10/11-anos" title="Leitor Fluente (10/11 anos)"> 909 910 Leitor Fluente (10/11 anos) 911 </a> 912 913 </li> 914 915 <li class="categoria-id-17280776 "> 916 <a href="https://tracinhotracojovem.finotracoeditora.com.br/leitor-iniciante-6/7-anos" title="Leitor Iniciante (6/7 anos)"> 917 918 Leitor Iniciante (6/7 anos) 919 </a> 920 921 </li> 922 923 <li class="categoria-id-17280773 "> 924 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pre-leitor-3/4-anos" title="Pré-Leitor (3/4 anos)"> 925 926 Pré-Leitor (3/4 anos) 927 </a> 928 929 </li> 930 931 932 </ul> 933 934 </li> 935 936 </ul> 937</div> 938 939 940 941 942 943 </div> 944 <span id="delimitadorBarra"></span> 945</div> 946 947 948 949 950 951 952 953 954 955 956 957 <div id="corpo"> 958 <div class="conteiner"> 959 960 961 962 963 964 <div class="cadastro"> 965 <div class="cabecalho-interno row-fluid"> 966 <div class="span12"> 967 <h1 class="titulo cor-secundaria">Identificação <small>Faça o seu login ou crie uma conta caso ainda não possua cadastro</small> </h1> 968 </div> 969 </div> 970 <div class="cadastro-logar row-fluid"> 971 <div class="span6"> 972 <div class="caixa-sombreada borda-principal"> 973 <form action="https://tracinhotracojovem.finotracoeditora.com.br/conta/login" method="post" class="form-horizontal"> 974 975 <input type="hidden" name="next" id="next" value="conta_index" /> 976 977 <fieldset> 978 <legend class="titulo cor-secundaria borda-alpha"><i class="icon-user"></i>Já sou cadastrado</legend> 979 <div class="control-group "> 980 <label for="id_email" class="control-label">E-mail:</label> 981 <div class="controls"> 982 <input class="span9" id="id_email" maxlength="128" name="email" type="text" /> 983 984 </div> 985 </div> 986 <div class="control-group "> 987 <label for="id_senha" class="control-label">Senha:</label> 988 <div class="controls"> 989 <input id="id_senha" maxlength="32" name="senha" type="password" /> 990 <button type="submit" class="botao principal">Prosseguir</button> 991 992 </div> 993 </div> 994 <a href="#modalRecuperarSenha" data-toggle="modal" data-target="#modalRecuperarSenha" class="recuperar-senha"> 995 <i class="icon-lock cor-secundaria"></i> 996 Esqueceu a senha ou precisa criar? 997 </a> 998 </fieldset> 999 <div class="control-group social-login-google" id="login-google"> 1000 <div class="controls"> 1001 1002 1003 <div class="button-auth-google " data-action="signin_with"></div> 1004 1005 1006 </div> 1007 </div> 1008 </form> 1009 </div> 1010 </div> 1011 <div class="span6"> 1012 <div class="caixa-sombreada borda-principal"> 1013 1014 <form action="https://tracinhotracojovem.finotracoeditora.com.br/conta/criar" method="get"> 1015 1016 <input type="hidden" name="next" value="conta_index" /> 1017 1018 <fieldset> 1019 <legend class="titulo cor-secundaria borda-alpha"><i class="icon-edit"></i>Ainda não possuo cadastro</legend> 1020 <label for="id_email">Digite o email que deseja cadastrar:</label> 1021 <div> 1022 <input class="span8" id="id_email" maxlength="128" name="email" type="text" /> 1023 <button type="submit" class="botao principal">Cadastrar</button> 1024 </div> 1025 </fieldset> 1026 <div class="control-group social-login-google" id="register-google"> 1027 <div class="controls"> 1028 1029 1030 <div class="button-auth-google " data-action="continue_with"></div> 1031 1032 1033 </div> 1034 </div> 1035 </form> 1036 </div> 1037 </div> 1038 </div> 1039 </div> 1040 1041 <div id="modalRecuperarSenha" class="modal hide"> 1042 <div class="modal-header"> 1043 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
1044 <span class="titulo cor-secundaria">Esqueceu a senha ou precisa criar?</span> 1045 </div> 1046 <div class="modal-body borda-principal"> 1047 <div id="respostaMensagem" class="alert hide"> 1048 </div> 1049 <div class="conteudoRecuperarSenha"> 1050 <p> 1051 Para recuperar ou criar uma senha é simples! Informe seu e-mail no campo abaixo e receba ela por email. 1052 </p> 1053 <form action="" method="" class="form-inline"> 1054 <label for="id_email_recuperar_senha"><strong>Informe seu e-mail:</strong></label> 1055 <input type="email" name="email" id="id_email_recuperar_senha" /> 1056 </form> 1057 </div> 1058 </div> 1059 <div class="modal-footer"> 1060 1061 <a href="#" data-dismiss="modal" class="botao">Fechar</a> 1062 1063 <button class="botao principal" id="btnRecuperarSenha">Enviar dados</button> 1064 </div> 1065 </div> 1066 1067 <div class="secao-secundaria"> 1068 1069 1070 </div> 1071 </div> 1072 </div> 1073 1074 1075 1076 1077 1078 1079<div id="barraNewsletter" class="hidden-phone posicao-rodape"> 1080 <div class="conteiner"> 1081 <div class="row-fluid"> 1082 1083<div class="span"> 1084 <div class="componente newsletter borda-principal"> 1085 <div class="interno"> 1086 <span class="titulo cor-secundaria"> 1087 <i class="icon-envelope-alt"></i>Newsletter 1088 </span> 1089 <div class="interno-conteudo"> 1090 <p class="texto-newsletter newsletter-cadastro">Fique por dentro de TODAS as novidades da editora! E ganhe 10% de desconto.</p> 1091 <div class="newsletter-cadastro input-conteiner"> 1092 <input type="text" name="email" placeholder="Digite seu email" /> 1093 <button class="botao botao-input fundo-principal icon-chevron-right newsletter-assinar" data-action="https://tracinhotracojovem.finotracoeditora.com.br/newsletter/assinar/" aria-label="Assinar"></button> 1094 </div> 1095 <div class="newsletter-confirmacao hide"> 1096 <i class="icon-ok icon-3x"></i> 1097 <span>Obrigado por se inscrever! Aproveite o seu cupom: 1098EMAIL10</span> 1099 </div> 1100 </div> 1101 </div> 1102 </div> 1103</div> 1104 1105 </div> 1106 </div> 1107</div> 1108 1109 1110<div id="rodape"> 1111 <div class="institucional fundo-secundario"> 1112 <div class="conteiner"> 1113 <div class="row-fluid"> 1114 <div class="span9"> 1115 <div class="row-fluid"> 1116 1117 1118 1119 1120 1121<div class="span4 links-rodape links-rodape-categorias"> 1122 <span class="titulo">Categorias</span> 1123 <ul class=" total-itens_2"> 1124 1125 1126 <li> 1127 <a href="https://tracinhotracojovem.finotracoeditora.com.br/lancamentos-17425623"> 1128 Lançamentos 1129 </a> 1130 </li> 1131 1132 1133 1134 <li> 1135 <a href="https://tracinhotracojovem.finotracoeditora.com.br/loja-virtual"> 1136 Loja Virtual 1137 </a> 1138 </li> 1139 1140 1141 </ul> 1142</div> 1143 1144 1145 1146 1147 1148 1149 <div class="span4 links-rodape links-rodape-paginas"> 1150 <span class="titulo">Conteúdo</span> 1151 <ul> 1152 <li><a href="#modalContato" data-toggle="modal" data-target="#modalContato">Fale Conosco</a></li> 1153 1154 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/a-cabaninha.html">A Cabaninha</a></li> 1155 1156 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/a-casa-vazia.html">A Casa Vazia</a></li> 1157 1158 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/ate-ze.html">Até, Zé!</a></li> 1159 1160 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/fale-conosco.html">Fale conosco</a></li> 1161 1162 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/o-que-e-tracinho-e-traco-jovem.html">O que é "Tracinho" e "Traço Jovem"?</a></li> 1163 1164 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/o-rei-tristes-e-a-orquestra-monstres.html">O Rei Tristês e a orquestra Monstrês</a></li> 1165 1166 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/o-segredo-de-clarice.html">O Segredo De Clarice</a></li> 1167 1168 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/ouvindo-o-ceu.html">Ouvindo o Céu</a></li> 1169 1170 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/patigua.html">Patiguá</a></li> 1171 1172 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/pnld-2022.html">PNLD 2022</a></li> 1173 1174 <li><a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/pnld-2023.html">PNLD 2023</a></li> 1175 1176 </ul> 1177 </div> 1178 1179 1180 1181 1182 1183 <div class="span4 sobre-loja-rodape"> 1184 <span class="titulo">Sobre a loja</span> 1185 <p> 1186 Selo de literatura infantojuvenil da Fino Traço Editora. 1187 </p> 1188</div> 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 <div class="span12 visible-phone">
1200 <span class="titulo">Contato</span> 1201 <ul> 1202 1203 <li> 1204 <a href="tel:(31) 3212-4197"> 1205 <i class="icon-phone"></i> Telefone: (31) 3212-4197 1206 </a> 1207 </li> 1208 1209 1210 <li class="tel-whatsapp"> 1211 <a href="https://api.whatsapp.com/send?phone=5531988990454" target="_blank"> 1212 <i class="fa fa-whatsapp"></i> Whatsapp: (31) 98899-0454 1213 </a> 1214 </li> 1215 1216 1217 1218 <li> 1219 <a href="mailto:[email protected]"> 1220 <i class="fa fa-envelope"></i> E-mail: [email protected] 1221 </a> 1222 </li> 1223 1224 </ul> 1225 </div> 1226 1227 </div> 1228 </div> 1229 1230 <!--googleoff: all--> 1231 <div class="span3"> 1232 <div class="redes-sociais borda-principal"> 1233 <span class="titulo cor-secundaria hidden-phone">Social</span> 1234 1235 1236 1237 <div class="lista-redes "> 1238 <ul> 1239 1240 <li class=""> 1241 <a href="https://facebook.com/#" target="_blank" aria-label="Siga nos no Facebook"><i class="icon-facebook"></i></a> 1242 </li> 1243 1244 1245 1246 <li> 1247 <a href="https://x.com/#" target="_blank" aria-label="Siga nos no X"><i class="icon-twitter"></i></a> 1248 </li> 1249 1250 1251 1252 <li> 1253 <a href="https://instagram.com/#" target="_blank" aria-label="Siga nos no Instagram"><i class="icon-instagram"></i></a> 1254 </li> 1255 1256 1257 1258 </ul> 1259 </div> 1260 1261 1262 </div> 1263 </div> 1264 <!--googleon: all--> 1265 1266 </div> 1267 </div> 1268 </div> 1269 1270 <div class="pagamento-selos"> 1271 <div class="conteiner"> 1272 <div class="row-fluid"> 1273 1274 1275 1276 1277 1278 1279 1280 <div class="span4 pagamento"> 1281 <span class="titulo cor-secundaria">Pague com</span> 1282 <ul class="bandeiras-pagamento"> 1283 1284 </ul> 1285 <ul class="gateways-rodape"> 1286 1287 1288 <li class="col-md-3"> 1289 <img src="https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/boleto-logo.png?v=edee9a8" alt="proxy-paghiper-v1" class="logo-rodape-boleto-proxy-paghiper-v1" /> 1290 </li> 1291 1292 1293 1294 1295 1296 1297 </ul> 1298 </div> 1299 1300 1301 1302 1303 1304 <div class="span4 selos "> 1305 <span class="titulo cor-secundaria">Selos</span> 1306 <ul> 1307 1308 1309 <li> 1310 <img src="https://cdn.awsli.com.br/production/static/img/struct/stamp_encryptssl.png" alt="Site Seguro"> 1311 </li> 1312 1313 1314 1315 1316 1317 1318 </ul> 1319</div> 1320 1321 1322 1323 1324 1325 1326 1327 </div> 1328 </div> 1329 </div> 1330 1331 <div style="background-color: #fff; border-top: 1px solid #ddd; position: relative; z-index: 10; font-size: 11px; display: block !important;"> 1332 <div class="conteiner"> 1333 <div class="row-fluid"> 1334 <div class="span9 span12" style="text-align: center; min-height: 20px; width: 100%;"> 1335 <p style="margin-bottom: 0;"> 1336 1337 FINO TRACO EDITORA LTDA - CNPJ: 07.028.685/0001-23 1338 1339 1340 © Todos os direitos reservados. 2026 1341 </p> 1342 </div> 1343 1344 <div style="min-height: 30px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; opacity: 1 !important; display: block !important; visibility: visible !important; height: 40px !important; width: 100% !important; margin: 0 !important; position: static !important;"> 1345 <a href="https://www.lojaintegrada.com.br?utm_source=lojas&utm_medium=rodape&utm_campaign=tracinhotracojovem.finotracoeditora.com.br" title="Loja Integrada - Plataforma de loja virtual." target="_blank" style="opacity: 1 !important; display: inline-block !important; visibility: visible !important; margin: 0 !important; position: static !important; overflow: visible !important;"> 1346 <img src="https://cdn.awsli.com.br/production/static/whitelabel/lojaintegrada/img/logo-rodape-loja.png?v=edee9a8" alt="Logomarca Loja Integrada" style="opacity: 1 !important; display: inline !important; visibility: visible !important; margin: 0 !important; position: static !important; max-width: 1000px !important; max-height: 1000px !important; width: auto !important; height: auto !important;" /> 1347 </a> 1348 </div> 1349 1350 1351 </div> 1352 </div> 1353 </div> 1354 1355</div> 1356 1357 1358 1359 1360 1361 1362 </div> 1363 1364 1365<div id="barraTopo" class="hidden-phone"> 1366 <div class="conteiner"> 1367 <div class="row-fluid"> 1368 <div class="span3 hidden-phone"> 1369 <h4 class="titulo"> 1370 <a href="https://tracinhotracojovem.finotracoeditora.com.br/" title="Tracinho" class="cor-secundaria">Tracinho</a> 1371 </h4> 1372 </div> 1373 <div class="span3 hidden-phone"> 1374 <div class="canais-contato"> 1375 <ul> 1376 <li><a href="#modalContato" data-toggle="modal" data-target="#modalContato"> 1377 <i class="icon-comment"></i>Fale Conosco</a> 1378 </li> 1379 1380 <li> 1381 <a href="#modalContato" data-toggle="modal" data-target="#modalContato"> 1382 <i class="icon-phone"></i>Tel: (31) 3212-4197 1383 </a> 1384 </li> 1385 1386 </ul> 1387 </div> 1388 </div> 1389 <div class="span6"> 1390 <div class="row-fluid"> 1391 <div class="busca borda-alpha span6"> 1392 <form action="/buscar" method="get"> 1393 <input type="text" name="q" placeholder="Digite o que você procura" maxlength="255" /> 1394 <button class="botao botao-busca botao-input icon-search fundo-secundario" aria-label="Buscar"></button> 1395 </form> 1396 </div> 1397 1398 <div class="span6 hidden-phone"> 1399 1400 1401 <div class="carrinho vazio"> 1402 1403 <a href="https://tracinhotracojovem.finotracoeditora.com.br/carrinho/index"> 1404 <i class="icon-shopping-cart fundo-principal"></i> 1405 <strong class="qtd-carrinho titulo cor-secundaria" style="display: none;">00</strong>
1406 <span style="display: none;"> 1407 1408 <b class="titulo cor-secundaria"><span>Produtos no carrinho</span></b> 1409 1410 </span> 1411 1412 <span class="titulo cor-secundaria vazio-text">Carrinho vazio</span> 1413 1414 </a> 1415 1416 <div class="carrinho-interno-ajax"></div> 1417 </div> 1418 1419<div class="minicart-placeholder" style="display: none;"> 1420 <div class="carrinho-interno borda-principal"> 1421 <ul> 1422 <li class="minicart-item-modelo"> 1423 1424 <div class="preco-produto com-promocao destaque-preco "> 1425 <div> 1426 <s class="preco-venda"> 1427 R$ --PRODUTO_PRECO_DE-- 1428 </s> 1429 <strong class="preco-promocional cor-principal"> 1430 R$ --PRODUTO_PRECO_POR-- 1431 </strong> 1432 </div> 1433 </div> 1434 1435 <a data-href="--PRODUTO_URL--" class="imagem-produto"> 1436 <img data-src="https://cdn.awsli.com.br/64x64/--PRODUTO_IMAGEM--" alt="--PRODUTO_NOME--" /> 1437 </a> 1438 <a data-href="--PRODUTO_URL--" class="nome-produto cor-secundaria"> 1439 --PRODUTO_NOME-- 1440 </a> 1441 <div class="produto-sku hide">--PRODUTO_SKU--</div> 1442 </li> 1443 </ul> 1444 <div class="carrinho-rodape"> 1445 <span class="carrinho-info"> 1446 1447 <i>--CARRINHO_QUANTIDADE-- produto no carrinho</i> 1448 1449 1450 1451 <span class="carrino-total"> 1452 Total: <strong class="titulo cor-principal">R$ --CARRINHO_TOTAL_ITENS--</strong> 1453 </span> 1454 1455 1456 </span> 1457 <a href="https://tracinhotracojovem.finotracoeditora.com.br/carrinho/index" class="botao principal"> 1458 1459 <i class="icon-shopping-cart"></i>Ir para o carrinho 1460 1461 </a> 1462 </div> 1463 </div> 1464</div> 1465 1466 1467 1468 </div> 1469 1470 </div> 1471 </div> 1472 </div> 1473 </div> 1474</div> 1475 1476 1477 <!--googleoff: all--> 1478 1479 <div id="modalWindow" class="modal hide"> 1480 <div class="modal-body"> 1481 <div class="modal-body"> 1482 Carregando conteúdo, aguarde... 1483 </div> 1484 </div> 1485 </div> 1486 1487 <div id="modalAlerta" class="modal hide"> 1488 <div class="modal-body"></div> 1489 <div class="modal-footer"> 1490 <a href="" data-dismiss="modal" class="botao principal" rel="nofollow">Fechar</a> 1491 </div> 1492 </div> 1493 1494 <div id="modalContato" class="modal hide" tabindex="-1" aria-labelledby="modalContatoLabel" aria-hidden="true"> 1495 <div class="modal-header"> 1496 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></button> 1497 <span class="titulo cor-secundaria">Fale Conosco</span> 1498 Preencha o formulário abaixo. 1499 </div> 1500 <form action="/contato/popup/" method="post" class="form-horizontal"> 1501 <div class="modal-body borda-principal"> 1502 <div class="contato-loading"> 1503 <i class="icon-spin icon-refresh"></i> 1504 </div> 1505 </div> 1506 </form> 1507 </div> 1508 1509 1510 <div id="modalNewsletter" class="hide"> 1511 <div class="row-fluid"> 1512 1513<div class="span"> 1514 <div class="componente newsletter borda-principal"> 1515 <div class="interno"> 1516 <span class="titulo cor-secundaria"> 1517 <i class="icon-envelope-alt"></i>Newsletter 1518 </span> 1519 <div class="interno-conteudo"> 1520 <p class="texto-newsletter newsletter-cadastro">Fique por dentro de TODAS as novidades da editora! E ganhe 10% de desconto.</p> 1521 <div class="newsletter-cadastro input-conteiner"> 1522 <input type="text" name="email" placeholder="Digite seu email" /> 1523 <button class="botao botao-input fundo-principal icon-chevron-right newsletter-assinar" data-action="https://tracinhotracojovem.finotracoeditora.com.br/newsletter/assinar/" aria-label="Assinar"></button> 1524 </div> 1525 <div class="newsletter-confirmacao hide"> 1526 <i class="icon-ok icon-3x"></i> 1527 <span>Obrigado por se inscrever! Aproveite o seu cupom: 1528EMAIL10</span> 1529 </div> 1530 </div> 1531 </div> 1532 </div> 1533</div> 1534 1535 </div> 1536</div>
1537<script type="text/javascript"> 1538 $(function() { 1539 1540 iniciarModalNews(); 1541 1542 }); 1543 function iniciarModalNews() { 1544 if (!$.cookie('showModalNews')) { 1545 1546 setTimeout(function(){ 1547 1548 1549 showModalNews(); 1550 1551 1552 }, 10000); 1553 1554 }; 1555 } 1556 function showModalNews() { 1557 $.fancybox.open({ 1558 type: 'html', 1559 minWidth: 270, 1560 maxWidth: 350, 1561 content: $('#modalNewsletter'), 1562 beforeClose: function() { 1563 $.cookie('showModalNews', 'hide', { 1564 expires: 1, 1565 path: '/' 1566 }); 1567 } 1568 }); 1569 } 1570</script>
1570 1571 1572 1573 1574 1575 1576 <div id="AdicionarFavoritoSucessoModal" class="modal hide" aria-modal="true" tabindex="-1" role="dialog"> 1577 <div class="modal-header"> 1578 <span>Favorito adicionado</span> 1579 </div> 1580 <div class="modal-body"> 1581 O produto foi adicionado com sucesso à sua <strong>Lista de Desejos</strong>. 1582 </div> 1583 <div class="modal-footer"> 1584 <a class="botao" data-dismiss="modal" aria-hidden="true">Fechar</a> 1585 <a class="botao principal" href="https://tracinhotracojovem.finotracoeditora.com.br/conta/favorito/listar">Visualizar Lista de Desejos</a> 1586 </div> 1587 </div> 1588 1589 <div id="AdicionarFavoritoErroModal" class="modal hide" aria-modal="true" tabindex="-1" role="dialog"> 1590 <div class="modal-header"> 1591 <span class="titulo cor-secundaria">Erro ao adicionar favorito</span> 1592 </div> 1593 <div class="modal-body"> 1594 <p> 1595 O produto não foi adicionado com sucesso ao seus favoritos, por favor tente mais tarde. 1596 <a href="https://tracinhotracojovem.finotracoeditora.com.br/conta/favorito/listar">Visualizar a lista de favoritos</a>. 1597 </p> 1598 </div> 1599 <div class="modal-footer"> 1600 <a class="botao" data-dismiss="modal" aria-hidden="true">Fechar</a> 1601 <a class='botao principal' style="display: none;" id="AdicionarFavoritoLogin">Logar</a> 1602 </div> 1603 </div> 1604 1605 1606 1607 1608 1609 1610<div id="avise-me-cadastro" style="display: none;"> 1611 1612 1613 <div class="avise-me"> 1614 <form action="" method="POST" class="avise-me-form"> 1615 <span class="avise-tit"> 1616 Ops! 1617 </span> 1618 <span class="avise-descr"> 1619 Esse produto encontra-se indisponÃvel.<br /> 1620 Deixe seu e-mail que avisaremos quando chegar. 1621 </span> 1622 1623 <div class="avise-input"> 1624 <div class="controls controls-row"> 1625 <input class="span5 avise-nome" name="avise-nome" type="text" placeholder="Digite seu nome" /> 1626 <label class="span7"> 1627 <i class="icon-envelope avise-icon"></i> 1628 <input class="span12 avise-email" name="avise-email" type="email" placeholder="Digite seu e-mail" /> 1629 </label> 1630 </div> 1631 </div> 1632 1633 <div class="avise-btn"> 1634 <input type="submit" value="Avise-me quando disponÃvel" class="botao fundo-secundario btn-block" /> 1635 </div> 1636 </form> 1637 </div> 1638 1639 1640</div> 1641 1642<div id="avise-me-sucesso" style="display: none;"> 1643 <span class="avise-suc-tit cor-principal"> 1644 Obrigado! 1645 </span> 1646 <span class="avise-suc-descr"> 1647 Você receberá um e-mail de notificação, assim que esse produto estiver disponÃvel em estoque 1648 </span> 1649</div> 1650 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 <!--googleon: all--> 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 1685 <!-- Functions --> 1686 1687
1687<script type="text/javascript" charset="utf-8"> 1688 $(document).ready(function(){ 1689 1690 1691 var tam = $(window).width(); 1692 1693 if (tam >= 768 ){ 1694 1695 $('#cabecalho').after('<div id="menuCat"><div class="conteiner"><div class="row-fluid"></div></div></div>'); 1696 $('#menuCat .row-fluid').append($('#cabecalho .menu.superior')); 1697 1698 if($('#cabecalho.logo-centro').length) { 1699 1700 $('#cabecalho.logo-centro>.conteiner>.row-fluid>.conteudo-topo:first-child').prepend( 1701 '<div class="cat">'+ 1702 '<span class="category"><i><div class="hamb-1 fundo-principal"></div><div class="hamb-1 fundo-principal"></div><div class="hamb-1 fundo-principal"></div></i></span>'+ 1703 '</div>' 1704 ); 1705 1706 $('.cat').on('click', function(){ 1707 $('#menuCat').toggleClass('active'); 1708 $('.category').toggleClass('active'); 1709 }); 1710 1711 $('#cabecalho.logo-centro .row-fluid .conteudo-topo:last-child .inferior .span12').prepend( 1712 '<div class="login-top">'+ 1713 '<span class="login-txt"><i class="fa fa-user cor-principal"></i>Entrar</span>'+ 1714 '<ul class="drop-login">'+ 1715 '<div class="append-login">'+ 1716 '<li><a href="../conta/pedido/listar">Meus Pedidos</a></li>'+ 1717 '<li><a href="../conta/index">Minha Conta</a></li>'+ 1718 '<li class="fundo-principal"><a href="../conta/login">Entre ou Cadastre-se</a></li>'+ 1719 '</div>'+ 1720 '</ul>'+ 1721 '</div>' 1722 ); 1723 1724 $('#cabecalho.logo-centro .row-fluid .conteudo-topo:last-child .inferior .span12').prepend( 1725 '<div class="atd-top">'+ 1726 '<span class="atd-txt"><i class="fa fa-question-circle cor-principal"></i>Suporte</span>'+ 1727 '<ul class="drop-atd">'+ 1728 '<li class="acompanhe-pedido fundo-principal"><a href="http://www2.correios.com.br/sistemas/rastreamento/" target="_blank"><i class="fa fa-truck"></i>Acompanhe seu pedido</a></li>'+ 1729 '</ul>'+ 1730 '</div>' 1731 ); 1732 1733 $('.carrinho>a>i').addClass('cor-principal'); 1734 $('.atd-top ul.drop-atd').prepend($('.barra-inicial .canais-contato.span9>ul>li')); 1735 $('#cabecalho.logo-centro .row-fluid .conteudo-topo').addClass('span4').removeClass('span3'); 1736 $('#cabecalho.logo-centro .row-fluid > .span6').addClass('span4').removeClass('span6'); 1737 $('#cabecalho.logo-centro .row-fluid .conteudo-topo:first-child .inferior .span12 .busca').appendTo($('.drop-search')); 1738 1739 } else { 1740 1741 $('.conteudo-topo').before( 1742 '<div class="cat">'+ 1743 '<span class="category"><i><div class="hamb-1 fundo-principal"></div><div class="hamb-1 fundo-principal"></div><div class="hamb-1 fundo-principal"></div></i></span>'+ 1744 '</div>' 1745 ); 1746 1747 $('.cat').on('click', function(){ 1748 $('#menuCat').toggleClass('active'); 1749 $('.category').toggleClass('active'); 1750 }); 1751 1752 $('.conteudo-topo .inferior .span8.busca-mobile').after( 1753 '<div class="login-top">'+ 1754 '<span class="login-txt"><i class="fa fa-user cor-principal"></i>Entrar</span>'+ 1755 '<ul class="drop-login">'+ 1756 '<div class="append-login">'+ 1757 '<li><a href="../conta/pedido/listar">Meus Pedidos</a></li>'+ 1758 '<li><a href="../conta/index">Minha Conta</a></li>'+ 1759 '<li class="fundo-principal"><a href="../conta/login">Entre ou Cadastre-se</a></li>'+ 1760 '</div>'+ 1761 '</ul>'+ 1762 '</div>' 1763 ); 1764 1765 $('.conteudo-topo .inferior .span8.busca-mobile').after( 1766 '<div class="atd-top">'+ 1767 '<span class="atd-txt"><i class="fa fa-question-circle cor-principal"></i>Suporte</span>'+ 1768 '<ul class="drop-atd">'+ 1769 '<li class="acompanhe-pedido fundo-principal"><a href="http://www2.correios.com.br/sistemas/rastreamento/" target="_blank"><i class="fa fa-truck"></i>Acompanhe seu pedido</a></li>'+ 1770 '</ul>'+ 1771 '</div>' 1772 ); 1773 1774 $('.carrinho>a>i').addClass('cor-principal'); 1775 $('.atd-top ul.drop-atd').prepend($('.barra-inicial .canais-contato.span9>ul>li')); 1776 1777 } 1778 1779 if( $('.drop-atd .tel-whatsapp>span').length ){ 1780 $('.drop-atd .tel-whatsapp>span').each(function () { 1781 var $this = $(this).text(); 1782 var $result = $(this).text().replace("Whatsapp:", ""); 1783 $(this).text($result); 1784 }); 1785 } 1786 1787 if( $('.drop-atd li:nth-child(2)>span').length ){ 1788 $('.drop-atd li:nth-child(2)>span').each(function () { 1789 var $this = $(this).text(); 1790 var $result = $(this).text().replace("Telefone:", ""); 1791 $(this).text($result); 1792 }); 1793 } 1794 1795 if( $('.drop-atd .tel-skype>a').length ){ 1796 $('.drop-atd .tel-skype>a').each(function () { 1797 var $this = $(this).text(); 1798 var $result = $(this).text().replace("Skype:", ""); 1799 $(this).text($result); 1800 }); 1801 } 1802 1803 $('.mini-banner .modulo.span4').addClass('span6').removeClass('span4'); 1804 $('.banner .newsletter .titulo').addClass('cor-principal').removeClass('cor-secundaria'); 1805 1806 if($('.marcas').length) { 1807 1808 $('#rodape').before( 1809 '<div id="marcas">'+ 1810 '<div class="conteiner">'+ 1811 '<div class="row-fluid">'+ 1812 '<div class="titulo-categoria borda-principal cor-principal">'+ 1813 '<strong>Navegue por marcas</strong>'+ 1814 '</div>'+ 1815 '</div>'+ 1816 '</div>'+ 1817 '</div>'); 1818 1819 $('#marcas .row-fluid').append($('.marcas')); 1820 1821 } else { 1822
1823 } 1824 1825 $('body').append('<a href="#" onclick="topFunction()" class="back-top borda-principal"><i class="fa fa-chevron-up"></i><span>Voltar<br/>ao topo</span></a>'); 1826 1827 window.onscroll = function() {scrollFunction()}; 1828 1829 function scrollFunction() { 1830 if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) { 1831 $(".back-top").addClass('show'); 1832 } else { 1833 $(".back-top").removeClass('show'); 1834 } 1835 } 1836 1837 function topFunction() { 1838 $('body').animate({scrollTop: '0'}, 200); 1839 } 1840 1841 $('.carrinho>a span').html('Carrinho'); 1842 $('#rodape').before( 1843 '<div id="sobreLoja">'+ 1844 '<div class="conteiner">'+ 1845 '<div class="row-fluid">'+ 1846 '<div class="sobreLogo span3"></div>'+ 1847 '<div class="sobreLoja span6"></div>'+ 1848 '<div class="sobreFb span3"></div>'+ 1849 '</div>'+ 1850 '</div>'+ 1851 '</div>'); 1852 1853 $('#cabecalho .logo').clone().appendTo($('.sobreLogo')); 1854 $('.sobreLoja').append($('#rodape .sobre-loja-rodape p')); 1855 $('.sobreFb').append($('#rodape .caixa-facebook')); 1856 1857 $('.pagina-categoria .secao-banners').before($('.breadcrumbs')); 1858 $('.pagina-categoria .breadcrumbs').append($('.conteudo h1')); 1859 1860 if ($('.conteudo-topo .superior .span8 .btn-group:first-child').is(':visible')) { 1861 $('.login-txt').html('<i class="fa fa-user cor-principal"></i>Olá!'); 1862 } 1863 1864 if ($('.conteudo-topo .superior .span8 .btn-group:first-child').is(':visible')) { 1865 $('.login-top ul.drop-login').replaceWith($('.conteudo-topo .superior .span8 .btn-group:first-child .dropdown-menu')); 1866 } 1867 1868 if ($('.conteudo-topo:first-child>.superior>.span12>.btn-group:first-child').is(':visible')) { 1869 $('.login-top .login-txt').html('<i class="fa fa-user cor-principal"></i>Olá!'); 1870 } 1871 1872 if ($('.conteudo-topo:first-child>.superior>.span12>.btn-group:first-child').is(':visible')) { 1873 $('.login-top ul.drop-login').replaceWith($('.conteudo-topo:first-child>.superior>.span12>.btn-group:first-child .dropdown-menu')); 1874 } 1875 1876 //Header fixo 1877 $(window).scroll(function(){ 1878 if ($(window).scrollTop() > 150){ 1879 $('#cabecalho').addClass('scroll'); 1880 $('#menuCat').addClass('scroll'); 1881 } else { 1882 $('#cabecalho').removeClass('scroll'); 1883 $('#menuCat').removeClass('scroll'); 1884 } 1885 }); 1886 1887 } 1888 1889 //inputs login 1890 $('.cadastro-logar .form-horizontal .controls #id_email').attr("placeholder", "E-mail"); 1891 $('.cadastro-logar .form-horizontal .controls #id_senha').attr("placeholder", "Senha"); 1892 $('.cadastro-logar>.span6:nth-child(2) #id_email').attr("placeholder", "Digite o email que deseja cadastrar:"); 1893 1894 $('.pagina-produto').append( 1895 '<section id="meuModal" class="modal hide in" tabindex="-1" role="dialog" aria-labelledby="meuModalLabel" aria-hidden="false">'+ 1896 '<header class="modal-header">'+ 1897 '<button class="close" data-dismiss="modal" aria-hidden="true"></button>'+ 1898 '<h3 id="meuModalLabel">FORMAS DE PAGAMENTO</h3>'+ 1899 '</header>'+ 1900 '<section class="modal-body">'+ 1901 '</section>'+ 1902 '</section>' 1903 ); 1904 1905 if ($('.atributos div ul li').hasClass('active')) { 1906 $('.pagina-produto #meuModal .modal-body').append($('.parcelas-produto')); 1907 } 1908 1909 $('.pagina-produto .produto .span6>.principal > .cep').before('<a class="span4" id="btn-forma-pagamento" data-toggle="modal" data-target="#meuModal"><i class="fa fa-credit-card-alt"></i> Formas de pagamento</a>'); 1910 $('.pagina-produto #meuModal .modal-body').append($('.parcelas-produto')); 1911 $('.produto #btn-forma-pagamento').after($('.produto-compartilhar .lista-favoritos')); 1912 $('#rodape > div:last-child .row-fluid > div:last-child a').before('<span class="monteiro"></span><a href="http://pixelset.com.br/" class="design-monteiro" target="_blank"><img src="https://cdn.awsli.com.br/1090/1090279/arquivos/pixelset-logo.png" alt="Pixel Set"></a>'); 1913 $('#rodape > div:last-child .row-fluid > div:first-child').removeClass('span9 span6 atendimento').addClass('assinatura').attr('style', ''); 1914 $('#rodape > div:last-child .row-fluid > div:last-child').attr('style', '').addClass('assinatura-rodape'); 1915 //$('#rodape .assinatura').prepend($('#rodape .institucional .lista-redes')); 1916 $('#barraNewsletter').before($('#rodape .institucional .lista-redes')); 1917 1918 if( $('.listagem-linha .listagem-item .bandeiras-produto .bandeira-promocao').length ){ 1919 $('.listagem-linha .listagem-item .bandeiras-produto .bandeira-promocao').each(function () { 1920 var $this = $(this).text(); 1921 var $result = $(this).text().replace("% Desconto", ""); 1922 $(this).text($result); 1923 }); 1924 } 1925 1926 if (tam <= 767 ){ 1927 1928 $('#cabecalho .conteiner .logo').before( 1929 '<div class="cat cor-principal">'+ 1930 '<span class="category"><i><div class="hamb-1 fundo-principal"></div><div class="hamb-1 fundo-principal"></div><div class="hamb-1 fundo-principal"></div></i></span>'+ 1931 '</div>' 1932 ); 1933 $('#cabecalho .menu.superior .nivel-um').prepend( 1934 '<div class="cab-nav">'+ 1935 '<a class="close-nav-full"></a>'+ 1936 '<div class="close-nav">'+ 1937 '<span class="category cor-principal"><i><div class="hamb-1 fundo-principal"></div><div class="hamb-1 fundo-principal"></div><div class="hamb-1 fundo-principal"></div></i></span>'+ 1938 '</div>'+ 1939 '<div class="acc-nav">'+ 1940 '</div>'+ 1941 '</div>' 1942 ); 1943 1944 if ($('#cabecalho .atalhos-mobile .icon-signout').is(':visible')) { 1945 $('#cabecalho .atalhos-mobile .icon-signout').appendTo($('#cabecalho .acc-nav')); 1946 } 1947 1948 $('.menu.superior .nivel-um .cab-nav .acc-nav').append($('#cabecalho a.icon-user')); 1949 $('#cabecalho .cab-nav a').addClass('cor-principal'); 1950 1951 $('.cat').click( 1952 function() { 1953 $('.menu.superior .nivel-um').toggleClass('active'); 1954 } 1955 ); 1956 1957 $('#cabecalho .close-nav').click( 1958 function() { 1959 $('.menu.superior .nivel-um').toggleClass('active'); 1960 } 1961 ); 1962 1963 $('.menu.superior .nivel-um .cab-nav .close-nav-full').click( 1964 function() { 1965 $('.menu.superior .nivel-um').toggleClass('active'); 1966 } 1967 ); 1968 1969 $('.produto .conteiner-imagem').before($('.produto .span6> .principal .info-principal-produto')); 1970 $('.atalhos-mobile li.fundo-principal').addClass('cor-principal borda-principal'); 1971 $('.atalhos-mobile li.fundo-principal a').addClass('cor-principal'); 1972 $('#cabecalho .conteiner .logo').after($('.atalhos-mobile li.fundo-principal')); 1973 1974 } 1975 1976 }); 1977 </script>
1977 1978 1979 1980 <!-- Botão Whats --> 1981 1982 <style> 1983 #botaoWhats { 1984 width: 50px; 1985 height: 50px; 1986 position: fixed; 1987 bottom: 100px; 1988 right: 45px; 1989 background-color: #0fbd69; 1990 box-shadow: 0 0 0 0 rgb(61 232 123 / 70%); 1991 -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); 1992 -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); 1993 -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); 1994 animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); 1995 text-align: center; 1996 line-height: 60px; 1997 font-size: 30px; 1998 border-radius: 30px; 1999 z-index: 9999999; 2000 } 2001 2002 #botaoWhats:hover { 2003 -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none; 2004 } 2005 2006 #botaoWhats .icon-whats { 2007 color: #fff; 2008 display: block; 2009 width: 80%; 2010 height: 80%; 2011 line-height: 50px; 2012 margin: 0 auto; 2013} 2014 2015 @-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}} 2016 @-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}} 2017 @-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}} 2018 @keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}} 2019</style> 2020 2021<div id="botaoWhats"> 2022 <a href="https://wa.me/5531988990454?text=Olá, Tenho uma Dúvida, pode me ajudar?" target="_blank" class="icon-whats"><i class="fa fa-whatsapp"></i></a> 2023</div> 2024 2025 2026 <!-- Menu --> 2027 2028
2028<script type="text/javascript" charset="utf-8"> 2029 // MENU 2030$('.menu.superior .categoria-paginas > a > .titulo').html('Loja Virtual'); 2031 2032$('.menu.superior > .nivel-um').prepend(` 2033<li class="categoria-id-home borda-principal"> 2034 <a href="https://tracinho.lojaintegrada.com.br/" title="Home"> 2035 <strong class="titulo cor-secundaria">Home</strong> 2036 <i class="icon-chevron-down fundo-secundario"></i> 2037 </a> 2038</li>`); 2039 2040 2041$('.menu.superior > .nivel-um').append(` 2042 2043 2044 2045<li class="categoria-id-pnld23 borda-principal"> 2046 <a href="https://tracinhotracojovem.finotracoeditora.com.br/pagina/pnld-2023.html" title="PNLD 2023"> 2047 <strong class="titulo cor-secundaria">PNLD 2023</strong> 2048 <i class="icon-chevron-down fundo-secundario"></i> 2049 </a> 2050</li> 2051 2052<li class="categoria-id-mat-apoio borda-principal"> 2053 <a href="https://tracinho.lojaintegrada.com.br/pagina/materiais-de-apoio-pedagogico.html" title="Guias Pedagógicos"> 2054 <strong class="titulo cor-secundaria">Guias Pedagógicos</strong> 2055 <i class="icon-chevron-down fundo-secundario"></i> 2056 </a> 2057</li> 2058 2059<li class="categoria-id-tracinho-jovem borda-principal"> 2060 <a href="https://tracinho.lojaintegrada.com.br/pagina/o-que-e-tracinho-e-traco-jovem.html" title="Tracinho/Traço Jovemo"> 2061 <strong class="titulo cor-secundaria">Tracinho/Traço Jovem</strong> 2062 <i class="icon-chevron-down fundo-secundario"></i> 2063 </a> 2064</li> 2065 2066<li class="categoria-id-fl-conosco borda-principal"> 2067 <a href="https://tracinho.lojaintegrada.com.br/pagina/fale-conosco.html" title="Fale conosco"> 2068 <strong class="titulo cor-secundaria">Fale conosco</strong> 2069 <i class="icon-chevron-down fundo-secundario"></i> 2070 </a> 2071</li>`); 2072 </script>
2072 2073 2074 2075 2076 2077 2078 2079
2079<script> 2080 window.fbAsyncInit = function() { 2081 if($('meta[property="fb:app_id"]').length) { 2082 FB.init({ 2083 appId : $('meta[property="fb:app_id"]').attr('content'), 2084 xfbml : true, 2085 version : 'v2.5' 2086 }); 2087 } else { 2088 FB.init({ 2089 xfbml : true, 2090 version : 'v2.5' 2091 }); 2092 } 2093 }; 2094 2095 (function(d, s, id){ 2096 var js, fjs = d.getElementsByTagName(s)[0]; 2097 if (d.getElementById(id)) {return;} 2098 js = d.createElement(s); js.id = id; 2099 js.src = "//connect.facebook.net/pt_BR/sdk.js"; 2100 fjs.parentNode.insertBefore(js, fjs); 2101 }(document, 'script', 'facebook-jssdk')); 2102 </script>
2102 2103 2104 2105 2106 2107 2108 2109
2109<script type="text/javascript"> 2110 if('serviceWorker' in navigator) { 2111 window.addEventListener('load', function() { 2112 navigator.serviceWorker.register('/service-worker.js'); 2113 }); 2114 } 2115 </script>
2115 2116 2117 2118 2119 </body> 2120</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.