{"product_id":"mochila-16-spider-man-x1-14922-xeryus","title":"Mochila 16 Spider Man X1 - 14922 - Xeryus","description":"\u003c!-- Estilos de Animação e Layout (Tema Spider-Man Miles Morales) --\u003e\n\u003cstyle\u003e\n  \/* Animação dos Ícones *\/\n  .miles-hover-icon { transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); display: inline-block; cursor: default; }\n  .miles-hover-icon:hover { transform: scale(1.25) rotate(15deg); }\n  \n  \/* Efeito de Hover no Card Principal *\/\n  .miles-card-hover:hover { transform: translateY(-3px); box-shadow: 0 8px 15px rgba(211, 47, 47, 0.15) !important; }\n  \n  \/* Interação do Post-it (Nota) *\/\n  .miles-tip-interaction {\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    cursor: help;\n  }\n  .miles-tip-interaction:hover {\n    transform: rotate(0deg) scale(1.02) !important;\n    box-shadow: 0 15px 30px rgba(0,0,0,0.15) !important;\n    background-color: #212121 !important; \/* Fundo escuro *\/\n    color: #fff !important; \/* Texto claro *\/\n    z-index: 10;\n  }\n  .miles-tip-interaction:hover h4, .miles-tip-interaction:hover p {\n     color: #fff !important;\n  }\n\n  \/* Ajuste para Celular *\/\n  @media (max-width: 600px) {\n    .miles-header-icon {\n      position: static !important;\n      display: inline-block !important;\n      margin: 0 10px 5px 10px !important;\n      font-size: 30px !important;\n    }\n    h2 { margin-top: 10px !important; font-size: 20px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv id=\"miles-product-container\" style=\"font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; max-width: 850px; margin: 0 auto; line-height: 1.6; color: #333; padding: 25px; background-color: #f5f5f5; background-image: linear-gradient(#cfd8dc 1px, transparent 1px); background-size: 100% 2em; border: 1px solid #b0bec5; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); position: relative; overflow: hidden;\"\u003e\n\n\u003c!-- Cabeçalho Temático --\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 30px; position: relative;\"\u003e\n    \u003c!-- Ícones Flutuantes --\u003e \n    \u003cspan class=\"miles-hover-icon miles-header-icon\" style=\"font-size: 45px; position: absolute; left: 10px; top: -5px; color: #d32f2f;\"\u003e🕷️\u003c\/span\u003e \n    \u003cspan class=\"miles-hover-icon miles-header-icon\" style=\"font-size: 45px; position: absolute; right: 10px; top: -5px; color: #212121;\"\u003e🕸️\u003c\/span\u003e\n    \n    \u003ch2 style=\"color: #b71c1c; display: inline-block; border-bottom: 3px solid #212121; padding-bottom: 8px; margin: 15px 0 20px 0; background-color: #f5f5f5; padding-left: 20px; padding-right: 20px; text-transform: uppercase; letter-spacing: 1px;\"\u003e\n        Mochila Spider-Man Miles Morales\n    \u003c\/h2\u003e\n    \u003cdiv style=\"font-size: 14px; color: #212121; font-weight: bold; margin-top: -15px;\"\u003eEdição Especial 16\" - Marvel\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Introdução com Destaque --\u003e\n\u003cdiv style=\"font-size: 16px; margin-bottom: 30px; background-color: #fff; padding: 20px; border-radius: 8px; border-left: 5px solid #d32f2f; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\"\u003e\n    \u003cp style=\"margin: 0;\"\u003e\n        Transforme a rotina escolar em uma verdadeira missão heróica! Inspirada no estilo tecnológico de \u003cstrong\u003eMiles Morales\u003c\/strong\u003e e no dinamismo do Spider-Man, esta mochila une resistência e um design de alta definição para os pequenos fãs do Aranhaverso.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- Box de Benefícios (Estilo Fichário) --\u003e\n\u003cdiv class=\"miles-card-hover\" style=\"background-color: #fff; border: 1px solid #ef9a9a; border-radius: 12px; overflow: hidden; margin-bottom: 35px; transition: all 0.3s ease;\"\u003e\n    \u003c!-- Cabeçalho do Card --\u003e\n    \u003cdiv style=\"background: linear-gradient(90deg, #d32f2f, #212121); color: white; padding: 12px 25px; font-weight: bold; display: flex; align-items: center; justify-content: space-between;\"\u003e\n        \u003cspan\u003e🎒 Detalhes da Missão\u003c\/span\u003e \u003cspan style=\"font-size: 12px; background: rgba(255,255,255,0.2); padding: 2px 10px; border-radius: 20px;\"\u003eOficial Marvel\u003c\/span\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"padding: 25px;\"\u003e\n        \u003c!-- Seção Visual --\u003e\n        \u003ch3 style=\"color: #b71c1c; margin-top: 0; font-size: 18px; display: flex; align-items: center;\"\u003e\n            \u003cspan style=\"margin-right: 8px;\"\u003e🏙️\u003c\/span\u003e Design e Conforto\n        \u003c\/h3\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0 0 25px 0;\"\u003e\n            \u003cli style=\"border-bottom: 1px dashed #cfd8dc; padding: 12px 0; display: flex; align-items: start;\"\u003e\n                \u003cspan style=\"font-size: 20px; margin-right: 15px; min-width: 25px;\"\u003e🎨\u003c\/span\u003e\n                \u003cdiv\u003e\n                    \u003cstrong style=\"color: #212121;\"\u003eEstampa HD:\u003c\/strong\u003e \u003cspan style=\"display: block; font-size: 14px; color: #555; margin-top: 3px;\"\u003eArte frontal vibrante com detalhes dos heróis Miles Morales e Homem-Aranha em ação.\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n            \u003cli style=\"border-bottom: 1px dashed #cfd8dc; padding: 12px 0; display: flex; align-items: start;\"\u003e\n                \u003cspan style=\"font-size: 20px; margin-right: 15px; min-width: 25px;\"\u003e☁️\u003c\/span\u003e\n                \u003cdiv\u003e\n                    \u003cstrong style=\"color: #212121;\"\u003eErgonomia Infantil:\u003c\/strong\u003e \u003cspan style=\"display: block; font-size: 14px; color: #555; margin-top: 3px;\"\u003eAlças de costas acolchoadas e totalmente ajustáveis para proteger os ombros durante todo o dia.\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003c!-- Divisor Visual --\u003e\n        \u003chr style=\"border: 0; border-top: 2px dashed #b0bec5; margin: 10px 0 25px 0;\"\u003e\n\n        \u003c!-- Seção Funcionalidade --\u003e\n        \u003ch3 style=\"color: #b71c1c; margin-top: 0; font-size: 18px; display: flex; align-items: center;\"\u003e\n            \u003cspan style=\"margin-right: 8px;\"\u003e🚀\u003c\/span\u003e Capacidade Total\n        \u003c\/h3\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0;\"\u003e\n            \u003cli style=\"border-bottom: 1px dashed #cfd8dc; padding: 12px 0; display: flex; align-items: start;\"\u003e\n                \u003cspan style=\"font-size: 20px; margin-right: 15px; min-width: 25px;\"\u003e📂\u003c\/span\u003e\n                \u003cdiv\u003e\n                    \u003cstrong style=\"color: #212121;\"\u003eEspaço de Sobra:\u003c\/strong\u003e \u003cspan style=\"display: block; font-size: 14px; color: #555; margin-top: 3px;\"\u003eAmplo compartimento principal para cadernos e livros, mais um bolso frontal estratégico.\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n            \u003cli style=\"padding: 12px 0 0 0; display: flex; align-items: start;\"\u003e\n                \u003cspan style=\"font-size: 20px; margin-right: 15px; min-width: 25px;\"\u003e💧\u003c\/span\u003e\n                \u003cdiv\u003e\n                    \u003cstrong style=\"color: #212121;\"\u003eHidratação:\u003c\/strong\u003e \u003cspan style=\"display: block; font-size: 14px; color: #555; margin-top: 3px;\"\u003eBolsos laterais em tela ideais para o transporte prático e seguro de garrafinhas.\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Tags Visuais (Pills) --\u003e\n\u003cdiv style=\"text-align: center; margin-bottom: 35px;\"\u003e\n    \u003cspan class=\"miles-hover-icon\" style=\"display: inline-block; background-color: #ffebee; border: 1px solid #d32f2f; color: #b71c1c; padding: 8px 20px; border-radius: 30px; font-size: 14px; font-weight: bold; margin: 5px; box-shadow: 2px 2px 0px #ffcdd2;\"\u003e🕷️ Miles Morales\u003c\/span\u003e \n    \u003cspan class=\"miles-hover-icon\" style=\"display: inline-block; background-color: #eceff1; border: 1px solid #263238; color: #263238; padding: 8px 20px; border-radius: 30px; font-size: 14px; font-weight: bold; margin: 5px; box-shadow: 2px 2px 0px #cfd8dc;\"\u003e🎒 Mochila Costas\u003c\/span\u003e \n    \u003cspan class=\"miles-hover-icon\" style=\"display: inline-block; background-color: #fff; border: 1px solid #d32f2f; color: #d32f2f; padding: 8px 20px; border-radius: 30px; font-size: 14px; font-weight: bold; margin: 5px; box-shadow: 2px 2px 0px #ef5350;\"\u003e✨ Alta Definição\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003c!-- Tabela Técnica --\u003e\n\u003ch3 style=\"color: #444; margin-bottom: 15px; font-size: 18px; display: flex; align-items: center;\"\u003e\n    \u003cspan style=\"font-size: 22px; margin-right: 10px;\"\u003e📏\u003c\/span\u003e Especificações Técnicas\n\u003c\/h3\u003e\n\u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #b0bec5; border-radius: 8px; overflow: hidden; margin-bottom: 35px; background: #fff; font-size: 14px;\"\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd style=\"padding: 12px 15px; background-color: #eceff1; border-bottom: 1px solid #cfd8dc; font-weight: bold; width: 35%; color: #263238;\"\u003eDimensões (AxLxP)\u003c\/td\u003e\n            \u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #f5f5f5;\"\u003e43 x 30 x 17 cm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd style=\"padding: 12px 15px; background-color: #eceff1; border-bottom: 1px solid #cfd8dc; font-weight: bold; color: #263238;\"\u003eUso Recomendado\u003c\/td\u003e\n            \u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #f5f5f5;\"\u003eEscolar, Passeios e Viagens\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd style=\"padding: 12px 15px; background-color: #eceff1; border-bottom: 1px solid #cfd8dc; font-weight: bold; color: #263238;\"\u003eMaterial\u003c\/td\u003e\n            \u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #f5f5f5;\"\u003eAlta Resistência e Leveza\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd style=\"padding: 12px 15px; background-color: #eceff1; font-weight: bold; color: #263238;\"\u003eDetalhe Extra\u003c\/td\u003e\n            \u003ctd style=\"padding: 12px 15px;\"\u003eZíperes Personalizados\u003c\/td\u003e\n        \u003c\/tr\u003e\n    \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003c!-- Box de Dicas Estilo Post-it (Com Interação) --\u003e\n\u003cdiv class=\"miles-tip-interaction\" style=\"background-color: #ffebee; padding: 20px; border-radius: 2px; box-shadow: 2px 4px 8px rgba(0,0,0,0.1); margin-bottom: 30px; position: relative; transform: rotate(1deg); width: 90%; margin-left: auto; margin-right: auto; border-bottom-right-radius: 20px 5px;\"\u003e\n    \u003c!-- Efeito Durex --\u003e\n    \u003cdiv style=\"position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: 90px; height: 25px; background-color: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 1px 3px rgba(0,0,0,0.05);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \n    \u003ch4 style=\"color: #b71c1c; margin-top: 0; margin-bottom: 8px; font-size: 16px; border-bottom: 1px dashed #ef9a9a; padding-bottom: 5px; display: flex; align-items: center;\"\u003e\n        \u003cspan style=\"margin-right: 5px;\"\u003e🕸️\u003c\/span\u003e Sentido Aranha:\n    \u003c\/h4\u003e\n    \u003cp style=\"margin: 0; font-size: 14px; color: #d32f2f; font-family: 'Comic Sans MS', 'Chalkboard SE', sans-serif;\"\u003e\n        O material de alta resistência é super fácil de limpar: basta um pano úmido! Lembre-se de ajustar bem as alças para equilibrar o peso e proteger as costas.\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- Rodapé --\u003e\n\u003cdiv style=\"text-align: center; border-top: 2px solid #212121; padding-top: 25px; margin-top: 40px; background-color: #fff; padding: 20px; border-radius: 0 0 8px 8px;\"\u003e\n    \u003cp style=\"color: #777; font-size: 13px; margin: 0;\"\u003eProduto Oficial \u0026amp; Licenciado \u003cbr\u003e\u003cstrong style=\"color: #b71c1c; font-size: 18px; letter-spacing: 1px;\"\u003eLOJA DO THOR\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Xeryus","offers":[{"title":"Default Title","offer_id":42729053782064,"sku":"867344","price":140.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0658\/9389\/2144\/files\/0dfe0973df7330e591f2eaf08bc4ff46.png?v=1769534934","url":"https:\/\/www.lojadothor.com\/products\/mochila-16-spider-man-x1-14922-xeryus","provider":"Loja Do Thor","version":"1.0","type":"link"}