{"title":"Beef Protein","description":"","products":[{"product_id":"beef-protein-suplemento-alimentar-de-proteinas-em-po-soldiers-nutrition","title":"Beef Protein 26g Proteína - 900g","description":"\u003cstyle\u003e\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;600;700\u0026family=Red+Hat+Display:wght@400;500;600;700;800\u0026display=swap');\n\n    \/* =====================================================================\n       TOKENS - fonte unica de verdade do template.\n       LARGURA: so existem --maxw (todo bloco de conteudo) e --maxw-text\n       (textos de apoio centralizados). Nenhum componente define max-width\n       proprio: quem alinha e o container (.blk \/ .tophead \/ .factory-banner).\n       TIPOGRAFIA: so existe a escala --fs-*. Nao usar px solto em font-size.\n       ===================================================================== *\/\n    .sn-tpl.sn-tpl.sn-tpl {\n        --ink: #0d0d0d;\n        --paper: #fff;\n        --soft: #f7f6f1;\n        --text: #2a2a26;\n        --muted: #5c5952;\n        --line: #e7e3d9;\n        --accent: #F6C800;\n        --accent-txt: #8a6f27;\n        --accent-soft: #fdf6d5;\n        --dark-card: #1a1a1a;\n        --dark-line: #333;\n        --sh-sm: 0 1px 2px rgba(18, 18, 18, .05), 0 1px 10px rgba(18, 18, 18, .04);\n        --sh-md: 0 18px 44px -20px rgba(18, 18, 18, .45);\n\n        --f-head: 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n        --f-body: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n\n        --fs-xs: 12.5px;\n        --fs-sm: 14px;\n        --fs-md: 16px;\n        --fs-lg: 18px;\n        --fs-xl: 20px;\n        --fs-h1: clamp(28px, 4.4vw, 44px);\n        --fs-h2: clamp(26px, 3.4vw, 34px);\n        --fs-stat: clamp(38px, 4.6vw, 54px);\n\n        --maxw: 1080px;\n        --maxw-text: 720px;\n        --gut: 32px;\n        --pad-y: 64px;\n        --pad-y-tight: 48px;\n\n        font-family: var(--f-body);\n        color: var(--text);\n        line-height: 1.7;\n        font-size: var(--fs-md);\n        -webkit-font-smoothing: antialiased;\n        text-rendering: optimizeLegibility;\n        background: var(--paper);\n        position: relative !important;\n        width: 100vw !important;\n        max-width: 100vw !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n    }\n\n    .sn-tpl.sn-tpl.sn-tpl * { box-sizing: border-box; }\n\n    \/* A section rich-text do tema aplica `.rich-text__text p { height:100%;\n       overflow:hidden }` sem escopo (sections\/rich-text.liquid). Como a descricao\n       do produto e renderizada dentro dessa section, todo paragrafo virava\n       altura-cheia: dentro de um container com altura definida (o .intro-card e\n       grid, entao a coluna de texto estica) cada paragrafo pedia 100% da coluna,\n       o flex encolhia todos por igual e o espaco sobrava entre os blocos - alem\n       de cortar texto no overflow. Devolver height\/overflow ao normal resolve. *\/\n    .sn-tpl.sn-tpl.sn-tpl p {\n        margin: 0 0 14px !important;\n        padding: 0 !important;\n        height: auto !important;\n        overflow: visible !important;\n    }\n\n    \/* O editor do Shopify costuma inserir paragrafos vazios ao salvar a\n       descricao. Eles inflam o espaco entre os blocos, entao somem aqui.\n       As duas regras ficam separadas de proposito: se o navegador nao\n       entender :has(), so a segunda e descartada. *\/\n    .sn-tpl.sn-tpl.sn-tpl p:empty { display: none !important; }\n    .sn-tpl.sn-tpl.sn-tpl p:has(\u003e br:only-child) { display: none !important; }\n\n    \/* O editor do Shopify injeta \u003cbr\u003e dentro dos paragrafos ao salvar a\n       descricao. Cada um cria uma linha vazia e incha a altura do bloco: foi\n       isso que deu a impressao de altura travada no card. Este template nao\n       usa \u003cbr\u003e em lugar nenhum, entao todos podem sumir com seguranca. *\/\n    .sn-tpl.sn-tpl.sn-tpl br { display: none !important; }\n\n    .sn-tpl.sn-tpl.sn-tpl img { max-width: 100%; display: block; }\n    .sn-tpl.sn-tpl.sn-tpl h1, .sn-tpl.sn-tpl.sn-tpl h2, .sn-tpl.sn-tpl.sn-tpl h3, .sn-tpl.sn-tpl.sn-tpl h4 {\n        margin: 0 !important; padding: 0 !important; font-family: var(--f-head); font-weight: 900; color: var(--ink); line-height: 1.2;\n    }\n\n    \/* ===== container unico =====\n       o recuo lateral e o maior entre a sarjeta minima e a sobra ate --maxw,\n       entao todo bloco alinha o conteudo exatamente na mesma coluna. *\/\n    .sn-tpl.sn-tpl.sn-tpl .blk, .sn-tpl.sn-tpl.sn-tpl .tophead, .sn-tpl.sn-tpl.sn-tpl .factory-banner {\n        padding-left: max(var(--gut), calc((100% - var(--maxw)) \/ 2));\n        padding-right: max(var(--gut), calc((100% - var(--maxw)) \/ 2));\n    }\n    .sn-tpl.sn-tpl.sn-tpl .blk { padding-top: var(--pad-y); padding-bottom: var(--pad-y); }\n    .sn-tpl.sn-tpl.sn-tpl .blk--tight { padding-top: var(--pad-y-tight); padding-bottom: var(--pad-y-tight); }\n    .sn-tpl.sn-tpl.sn-tpl .blk--dark { background: var(--ink); color: #e9e7e0; }\n    .sn-tpl.sn-tpl.sn-tpl .blk--soft { background: var(--soft); }\n    .sn-tpl.sn-tpl.sn-tpl .center { text-align: center !important; }\n\n    .sn-tpl.sn-tpl.sn-tpl .kicker { font-size: var(--fs-sm); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px !important; line-height: 1; }\n    .sn-tpl.sn-tpl.sn-tpl .blk--dark .kicker { color: #fff; }\n    .sn-tpl.sn-tpl.sn-tpl .h2 { font-size: var(--fs-h2); text-transform: uppercase; letter-spacing: -2px; text-align: center !important; }\n    .sn-tpl.sn-tpl.sn-tpl .blk--dark .h2 { color: #fff; }\n    .sn-tpl.sn-tpl.sn-tpl .h2-sub { max-width: var(--maxw-text); margin: 14px auto 0 !important; text-align: center !important; color: var(--muted); font-size: var(--fs-md); padding-top: 0 !important; line-height: 1.2 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .blk--dark .h2-sub { color: #c7c4ba; }\n    .h2-sub b { font-weight: 900; color: var(--ink); }\n\n    .sn-tpl.sn-tpl.sn-tpl .imgslot { border: 1.5px dashed var(--line); border-radius: 16px; background: var(--soft); display: flex; align-items: center; justify-content: center; text-align: center !important; color: var(--muted); font-size: var(--fs-sm); padding: 18px; min-height: 220px; }\n    .sn-tpl.sn-tpl.sn-tpl .blk--dark .imgslot { background: #141414; border-color: var(--dark-line); color: #8a8880; }\n\n    \/* ===== 1. topo \/ hero ===== *\/\n    .sn-tpl.sn-tpl.sn-tpl .tophead { padding-top: 56px; padding-bottom: 0; text-align: center !important; background: var(--ink); }\n    .sn-tpl.sn-tpl.sn-tpl .tophead h1 { font-size: var(--fs-h1); text-transform: uppercase; letter-spacing: .01em; color: #fff; }\n    .sn-tpl.sn-tpl.sn-tpl .tophead h1 span { color: #fff; }\n    .sn-tpl.sn-tpl.sn-tpl .tophead .sub { margin: 50px 0 -35px !important; font-size: var(--fs-md); color: #b9b6ac; }\n    .formula { padding-top: 0 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .stat-row { display: flex; justify-content: center; width: 70%; margin: 38px auto 0 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .stat-box { flex: 1; padding: 0 14px; text-align: center !important; border-left: 1px solid var(--dark-line); }\n    .sn-tpl.sn-tpl.sn-tpl .stat-box:first-child { border-left: none; }\n    .sn-tpl.sn-tpl.sn-tpl .stat-box .v { display: block; font-family: var(--f-head); font-size: var(--fs-stat); font-weight: 700; line-height: 1.05; color: #fff; }\n    .sn-tpl.sn-tpl.sn-tpl .stat-box .l { display: block; font-size: var(--fs-sm); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #8a8880; margin-top: 8px !important; }\n    .sn-tpl.sn-tpl.sn-tpl .tophead .kicker { color: #b9b6ac; }\n    .sn-tpl.sn-tpl.sn-tpl .tophead .tagline { margin: -5px 0 0 !important; padding-top: 0 !important; font-size: var(--fs-lg); font-weight: 600; color: #fff; }\n    .sn-tpl.sn-tpl.sn-tpl .tophead .sub { padding-top: 0 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; width: 100%; margin: 30px auto 0 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .pill { background: #1a1a1a; border: 1px solid var(--dark-line); color: #e9e7e0; font-size: var(--fs-sm); font-weight: 600; padding: 8px 16px; border-radius: 999px; letter-spacing: .01em; }\n\n    \/* ===== 2. intro card ===== *\/\n    .sn-tpl.sn-tpl.sn-tpl .intro-card { display: grid; grid-template-columns: 1fr 1.56fr; gap: 34px; align-items: stretch; background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--sh-md); padding: 28px; width: 100%; margin: 0 auto !important; }\n    .sn-tpl.sn-tpl.sn-tpl .intro-img img, .sn-tpl.sn-tpl.sn-tpl .intro-img .imgslot { border-radius: 14px; overflow: hidden; width: 100%; height: 100%; min-height: 300px; object-fit: cover; }\n    .sn-tpl.sn-tpl.sn-tpl .intro-text { display: flex; flex-direction: column; justify-content: center; }\n    .sn-tpl.sn-tpl.sn-tpl .intro-text\u003e*:first-child { margin-top: 0 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .intro-text\u003e*:last-child { margin-bottom: 0 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .intro-text h3 { font-size: var(--fs-xl); margin: 18px 0 8px !important; text-align: left !important; text-transform: uppercase; }\n    .sn-tpl.sn-tpl.sn-tpl .intro-text p { text-align: left !important; font-size: var(--fs-md); color: var(--text); line-height: 20px; }\n    .sn-tpl.sn-tpl.sn-tpl .claim-box { width: 100%; margin: 20px auto 0 !important; background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 24px 28px; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .claim-box p { padding: 0; }\n    .sn-tpl.sn-tpl.sn-tpl .claim-box .claim-kicker { display: block; font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); margin-bottom: 10px !important; }\n    .sn-tpl.sn-tpl.sn-tpl .claim-box p { font-size: var(--fs-md); color: var(--ink); font-weight: 600; margin: 0 0 6px !important; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .claim-box .claim-note { font-weight: 400; color: var(--muted); font-size: var(--fs-sm); margin: 0 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .claim-box + .claim-box { margin-top: 14px !important; }\n\n    \/* ===== 3. destaques da formula (dark, 3 col) ===== *\/\n    .sn-tpl.sn-tpl.sn-tpl .feat-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 22px; align-items: center; margin-top: 36px !important; }\n    .sn-tpl.sn-tpl.sn-tpl .feat-col { display: flex; flex-direction: column; gap: 14px; }\n    .sn-tpl.sn-tpl.sn-tpl .feat-card { background: var(--dark-card); border: 1px solid var(--dark-line); border-radius: 12px; padding: 16px 20px; min-height: 88px; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 16px; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .feat-card.rev { flex-direction: row-reverse !important; }\n    .sn-tpl.sn-tpl.sn-tpl .feat-card:not(.rev), .sn-tpl.sn-tpl.sn-tpl .feat-card:not(.rev) b, .sn-tpl.sn-tpl.sn-tpl .feat-card:not(.rev)\u003ediv:first-child span { text-align: right !important; }\n    .sn-tpl.sn-tpl.sn-tpl .feat-card\u003ediv:first-child { flex: 1 1 auto; min-width: 0; }\n    .sn-tpl.sn-tpl.sn-tpl .feat-card .chk-box { flex: none !important; width: 32px; height: 32px; border-radius: 9px; border: 2px solid #8f8c85; display: flex; align-items: center; justify-content: center; }\n    .sn-tpl.sn-tpl.sn-tpl .feat-card .chk-box svg { width: 15px; height: 15px; }\n    .sn-tpl.sn-tpl.sn-tpl .feat-card b { display: block; color: #fff; font-size: var(--fs-lg); font-weight: 600; line-height: 1.3; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .feat-card span { display: block; color: #a9a69d; font-size: var(--fs-sm); line-height: 1.45; margin-top: 3px !important; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .feat-mid .imgslot { min-height: 340px; }\n\n    \/* input oculto usado pelas abas de sabor da tabela nutricional (.cf-tabs, secao 5) *\/\n    .sn-tpl.sn-tpl.sn-tpl .cf-radio { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }\n\n    \/* carrossel de fotos de embalagem por sabor: scroll-snap horizontal -\n       arrasta\/desliza com o dedo igual um carrossel nativo. Os pontos sao\n       links de ancora (#beef-pkg-N) que rolam ate o slide no clique;\n       o ponto ativo (classe .is-active) e controlado por um pequeno script\n       (excecao documentada a regra \"sem JS\" do template - ver v2.9 no changelog)\n       que observa o slide visivel via IntersectionObserver, entao o ponto\n       acompanha tanto o clique quanto o swipe manual. *\/\n    .sn-tpl.sn-tpl.sn-tpl .pkg-carousel { position: relative; width: 100%; }\n    .sn-tpl.sn-tpl.sn-tpl .pkg-slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; min-height: 340px; scrollbar-width: none; }\n    .sn-tpl.sn-tpl.sn-tpl .pkg-slides::-webkit-scrollbar { display: none; }\n    .sn-tpl.sn-tpl.sn-tpl .pkg-slide { flex: 0 0 100%; scroll-snap-align: center; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 340px; padding: 18px; }\n    .sn-tpl.sn-tpl.sn-tpl .pkg-slide img { max-width: 132%; max-height: 462px; object-fit: contain; margin: 0 auto !important; }\n    .sn-tpl.sn-tpl.sn-tpl .pkg-dots { display: flex; justify-content: center; gap: 14px; margin-top: 14px !important; }\n    \/* .pkg-dot e um \u003ca\u003e: o circulo visivel fica pequeno (9px), mas o\n       ::before cria uma area de toque de 40x40px em volta dele, centralizada\n       e invisivel - sem isso o alvo de toque no celular fica pequeno demais\n       e o dedo erra o clique, dando a impressao de que o carrossel travou. *\/\n    .sn-tpl.sn-tpl.sn-tpl .pkg-dot { position: relative; width: 9px; height: 9px; border-radius: 50%; background: #4a4a4a; cursor: pointer; display: block; }\n    .sn-tpl.sn-tpl.sn-tpl .pkg-dot::before { content: \"\"; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; transform: translate(-50%, -50%); }\n    .sn-tpl.sn-tpl.sn-tpl .pkg-dot.is-active { background: #fff; }\n\n    \/* ===== 4. por que escolher - lista a esquerda, foto a direita ===== *\/\n    .sn-tpl.sn-tpl.sn-tpl .why-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 40px; align-items: stretch; margin-top: 36px !important; }\n    .sn-tpl.sn-tpl.sn-tpl .why-list { display: flex; flex-direction: column; justify-content: center; }\n    .sn-tpl.sn-tpl.sn-tpl .diff { display: flex !important; flex-direction: row !important; align-items: flex-start !important; text-align: left !important; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }\n    .sn-tpl.sn-tpl.sn-tpl .diff:first-child { padding-top: 0; }\n    .sn-tpl.sn-tpl.sn-tpl .diff:last-child { border-bottom: none; padding-bottom: 0; }\n    .sn-tpl.sn-tpl.sn-tpl .diff-badge { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--ink); color: #fff; display: flex; align-items: center; justify-content: center; }\n    .sn-tpl.sn-tpl.sn-tpl .diff-badge svg { width: 23px; height: 23px; }\n    .sn-tpl.sn-tpl.sn-tpl .diff b { display: block; color: var(--ink); font-size: var(--fs-lg); font-weight: 700; margin-bottom: 3px !important; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .diff span { display: block; color: var(--muted); font-size: var(--fs-md); line-height: 1.5; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .why-img .imgslot { height: 100%; min-height: 380px; border-radius: 16px; }\n    .sn-tpl.sn-tpl.sn-tpl .why-img img { border-radius: 16px; width: 100%; height: 100%; min-height: 380px; object-fit: cover; display: block; }\n\n    \/* ===== 5. composicao por dose (dark) ===== *\/\n    .sn-tpl.sn-tpl.sn-tpl .blk--tab { position: relative; }\n    .sn-tpl.sn-tpl.sn-tpl .blk--tab::before { content: \"\"; position: absolute; top: -29px; left: 50%; transform: translateX(-50%); width: 45%; min-width: 220px; height: 30px; background: var(--ink); clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%); }\n    .sn-tpl.sn-tpl.sn-tpl .blk--tab::after { content: \"\"; position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%); width: 45%; min-width: 220px; height: 30px; background: var(--ink); clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 5% 100%); }\n    .sn-tpl.sn-tpl.sn-tpl .comp-note { max-width: var(--maxw-text); margin: 14px auto 30px !important; text-align: center !important; color: #c7c4ba; font-size: var(--fs-md); padding-top: 0 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .comp-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 22px; width: 100%; margin: 0 auto !important; }\n    .sn-tpl.sn-tpl.sn-tpl .comp-grid.comp-grid--1 { grid-template-columns: 1fr; max-width: 640px; margin: 0 auto !important; }\n    .sn-tpl.sn-tpl.sn-tpl .comp-card { background: var(--dark-card); border: 1px solid var(--dark-line); border-radius: 14px; overflow: hidden; }\n    .sn-tpl.sn-tpl.sn-tpl table.dnut { border-collapse: collapse; width: 100%; font-size: var(--fs-sm); }\n    .sn-tpl.sn-tpl.sn-tpl table.dnut th { background: #141414; color: #fff; font-weight: 600; font-size: var(--fs-xs); letter-spacing: .03em; text-transform: uppercase; padding: 12px 16px; text-align: right; border-bottom: 1px solid var(--dark-line); }\n    .sn-tpl.sn-tpl.sn-tpl table.dnut th:first-child { text-align: left; }\n    .sn-tpl.sn-tpl.sn-tpl table.dnut td { padding: 10px 16px; border-bottom: 1px solid var(--dark-line); text-align: right; color: #d8d5cc; }\n    .sn-tpl.sn-tpl.sn-tpl table.dnut tr:last-child td { border-bottom: none; }\n    .sn-tpl.sn-tpl.sn-tpl table.dnut td:first-child { text-align: left; }\n    .sn-tpl.sn-tpl.sn-tpl table.dnut tr.hi td { font-weight: 700; color: #fff; background: #222; }\n    .sn-tpl.sn-tpl.sn-tpl .table-scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n    .sn-tpl.sn-tpl.sn-tpl .comp-legal { width: 100%; margin: 26px auto 0 !important; color: #b9b6ac; font-size: var(--fs-sm); }\n    .sn-tpl.sn-tpl.sn-tpl .comp-legal .caps { display: block; font-weight: 700; color: #fff; letter-spacing: .02em; margin: 4px 0 !important; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .comp-legal .it { font-style: italic; color: #a9a69d; margin-top: 14px !important; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .comp-legal .ing-label { display: block; font-weight: 600; color: #fff; font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .03em; margin: 0 0 6px !important; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .comp-legal p { padding-top: 0 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .comp-legal .ing-label { margin-top: 30px !important; }\n    .sn-tpl.sn-tpl.sn-tpl .comp-subhead { font-size: var(--fs-xl); color: #fff; text-transform: uppercase; letter-spacing: .01em; text-align: center !important; margin: 0 0 6px !important; }\n    .sn-tpl.sn-tpl.sn-tpl .comp-subnote { text-align: center !important; color: #8a8880; font-size: var(--fs-xs); margin: 0 0 22px !important; }\n\n    \/* ===== 5b. carrossel de sabores na tabela nutricional (7 sabores, so CSS, sem JS) ===== *\/\n    .sn-tpl.sn-tpl.sn-tpl .comp-carousel { width: 100%; margin: 0 auto !important; position: relative; }\n    .sn-tpl.sn-tpl.sn-tpl .cf-tabs { display: flex; justify-content: center; gap: 10px; margin-bottom: 22px !important; flex-wrap: wrap; }\n    .sn-tpl.sn-tpl.sn-tpl .cf-tab { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px; cursor: pointer; background: var(--dark-card); border: 1.5px solid var(--dark-line); border-radius: 999px; padding: 7px 18px 7px 7px; color: #b9b6ac; font-size: var(--fs-sm); font-weight: 600; transition: border-color .15s, color .15s; }\n    .sn-tpl.sn-tpl.sn-tpl .cf-tab-photo { flex: none; width: 32px; height: 32px; border-radius: 50%; overflow: hidden; }\n    .sn-tpl.sn-tpl.sn-tpl .cf-tab-photo img { width: 100%; height: 100%; object-fit: cover; }\n    .sn-tpl.sn-tpl.sn-tpl .cf-panel { display: none; }\n    .sn-tpl.sn-tpl.sn-tpl .cf-panel.is-default { display: block; }\n    #cf-baunilha:checked~.cf-tabs label[for=\"cf-baunilha\"], #cf-morango:checked~.cf-tabs label[for=\"cf-morango\"], #cf-chocolate:checked~.cf-tabs label[for=\"cf-chocolate\"], #cf-mocaccino:checked~.cf-tabs label[for=\"cf-mocaccino\"], #cf-beijinho:checked~.cf-tabs label[for=\"cf-beijinho\"], #cf-cookies:checked~.cf-tabs label[for=\"cf-cookies\"] { border-color: #fff; color: #fff; }\n    #cf-baunilha:checked~.cf-panels .cf-panel-baunilha, #cf-morango:checked~.cf-panels .cf-panel-morango, #cf-chocolate:checked~.cf-panels .cf-panel-chocolate, #cf-mocaccino:checked~.cf-panels .cf-panel-mocaccino, #cf-beijinho:checked~.cf-panels .cf-panel-beijinho, #cf-cookies:checked~.cf-panels .cf-panel-cookies { display: block; }\n    #cf-baunilha:checked~.cf-panels .cf-panel:not(.cf-panel-baunilha), #cf-morango:checked~.cf-panels .cf-panel:not(.cf-panel-morango), #cf-chocolate:checked~.cf-panels .cf-panel:not(.cf-panel-chocolate), #cf-mocaccino:checked~.cf-panels .cf-panel:not(.cf-panel-mocaccino), #cf-beijinho:checked~.cf-panels .cf-panel:not(.cf-panel-beijinho), #cf-cookies:checked~.cf-panels .cf-panel:not(.cf-panel-cookies) { display: none; }\n\n    \/* ===== 6. sabores ===== *\/\n    .sn-tpl.sn-tpl.sn-tpl .flavor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 36px !important; }\n    .flavor-card { padding: 24px; border-radius: 20px; border: 1px solid #E7E3D9; }\n    .sn-tpl.sn-tpl.sn-tpl .flavor-photo { width: 170px; height: 170px; border-radius: 50%; overflow: hidden; margin: 0 auto 16px !important; box-shadow: var(--sh-sm); border: 1px solid var(--line); }\n    .sn-tpl.sn-tpl.sn-tpl .flavor-photo img { width: 100%; height: 100%; object-fit: cover; }\n    .sn-tpl.sn-tpl.sn-tpl .flavor-card b { display: block; font-size: var(--fs-lg); font-weight: 900; letter-spacing: .02em; text-transform: uppercase; margin-bottom: 6px !important; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .flavor-card span { display: block; max-width: 380px; margin: 0 auto !important; color: var(--muted); font-size: var(--fs-md); line-height: 1.5; text-align: left !important; }\n\n    \/* ===== 7. banner fabrica ===== *\/\n    .sn-tpl.sn-tpl.sn-tpl .factory-banner { position: relative; min-height: 280px; border-radius: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center !important; }\n    .sn-tpl.sn-tpl.sn-tpl .factory-banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.5); }\n    .sn-tpl.sn-tpl.sn-tpl .factory-banner .fb-content { position: relative; z-index: 1; width: 100%; color: #fff; padding: 48px 0; }\n    .sn-tpl.sn-tpl.sn-tpl .factory-banner .fb-kicker { font-size: var(--fs-sm); color: #fff; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; margin-bottom: 10px !important; }\n    .sn-tpl.sn-tpl.sn-tpl .factory-banner h3 { font-size: var(--fs-h2); color: #fff; text-transform: uppercase; letter-spacing: .01em; }\n\n    \/* ===== 8. como tomar ===== *\/\n    .sn-tpl.sn-tpl.sn-tpl .blk--gray { background: #e7e7e7; }\n    .sn-tpl.sn-tpl.sn-tpl .steps3 { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; margin: 36px auto 0 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .step3 { background: #fff; border: 1.5px solid var(--ink); border-radius: 14px; padding: 24px 26px; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .step3 .n { width: 34px; height: 34px; border-radius: 50%; background: var(--ink); color: #fff; font-family: var(--f-head); font-weight: 600; font-size: var(--fs-md); display: flex; align-items: center; justify-content: center; margin: 0 0 14px !important; }\n    .sn-tpl.sn-tpl.sn-tpl .step3 b { display: block; font-size: var(--fs-lg); font-weight: 900; line-height: 1.35; margin-bottom: 4px !important; text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .step3 span { color: var(--muted); font-size: var(--fs-md); text-align: left !important; }\n\n    \/* ===== 9. advertencias ===== *\/\n    .sn-tpl.sn-tpl.sn-tpl .warnbox { border: 1px solid #F6C800; background: #FFF9DC; border-radius: 14px; padding: 26px 28px; width: 100%; margin: 36px auto 0 !important; }\n    .sn-tpl.sn-tpl.sn-tpl .warnbox p { text-align: left !important; font-size: var(--fs-md); color: var(--ink); padding: 0; }\n    .sn-tpl.sn-tpl.sn-tpl .warnbox p:first-child { font-weight: 600; }\n    .sn-tpl.sn-tpl.sn-tpl .warnbox p:last-child { margin-bottom: 0 !important; }\n\n    \/* ===== 10. FAQ ===== *\/\n    .sn-tpl.sn-tpl.sn-tpl .faq-dark { width: 100%; margin: 36px auto 0 !important; border: 1px solid var(--dark-line); border-radius: 14px; overflow: hidden; }\n    .sn-tpl.sn-tpl.sn-tpl .faq-dark details { background: var(--dark-card); border-bottom: 1px solid var(--dark-line); }\n    .sn-tpl.sn-tpl.sn-tpl .faq-dark details:last-child { border-bottom: none; }\n    .sn-tpl.sn-tpl.sn-tpl .faq-dark summary { cursor: pointer; list-style: none; padding: 19px 60px 19px 24px; position: relative; font-weight: 900; color: #fff; font-size: var(--fs-lg); text-align: left !important; }\n    .sn-tpl.sn-tpl.sn-tpl .faq-dark summary::-webkit-details-marker { display: none; }\n    .sn-tpl.sn-tpl.sn-tpl .faq-dark summary::after { content: \"+\"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; background: #262626; color: #fff; font-size: var(--fs-xl); line-height: 26px; text-align: center; }\n    .sn-tpl.sn-tpl.sn-tpl .faq-dark details[open] summary::after { content: \"\\2013\"; }\n    .sn-tpl.sn-tpl.sn-tpl .faq-dark .ans { padding: 0 24px 20px; line-height: 1; color: #b9b6ac; font-size: var(--fs-md); text-align: left !important; }\n\n    \/* ===== responsivo: mudam os tokens, o alinhamento continua o mesmo ===== *\/\n    @media (max-width:1100px) {\n        .sn-tpl.sn-tpl.sn-tpl { --gut: 24px; --pad-y: 52px; --pad-y-tight: 40px; }\n    }\n    @media (max-width:820px) {\n        .sn-tpl.sn-tpl.sn-tpl { --gut: 20px; --pad-y: 44px; --pad-y-tight: 36px; --fs-lg: 17px; --fs-xl: 19px; }\n        .sn-tpl.sn-tpl.sn-tpl .stat-row {\n            display: flex;\n            flex-wrap: nowrap;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: none;\n            row-gap: 0;\n            gap: 12px;\n            width: 100% !important;\n            justify-content: flex-start;\n            margin: 30px 0 0 !important;\n            padding-left: 6px;\n        }\n        .sn-tpl.sn-tpl.sn-tpl .tophead .sub { margin-bottom: 0 !important; }\n        .sn-tpl.sn-tpl.sn-tpl .stat-row::-webkit-scrollbar { display: none; }\n        .sn-tpl.sn-tpl.sn-tpl .stat-box {\n            flex: 0 0 92%;\n            scroll-snap-align: center;\n            border: 1px solid var(--dark-line);\n            border-radius: 14px;\n            background: var(--dark-card);\n            padding: 18px 14px !important;\n        }\n        .sn-tpl.sn-tpl.sn-tpl .stat-box:first-child { border-left: 1px solid var(--dark-line); }\n        .sn-tpl.sn-tpl.sn-tpl .intro-card { grid-template-columns: 1fr; padding: 20px; }\n        .sn-tpl.sn-tpl.sn-tpl .intro-img img, .sn-tpl.sn-tpl.sn-tpl .intro-img .imgslot { min-height: 220px; max-height: 260px; }\n        .sn-tpl.sn-tpl.sn-tpl .feat-grid { grid-template-columns: 1fr; }\n        .sn-tpl.sn-tpl.sn-tpl .feat-mid { order: -1; }\n        .sn-tpl.sn-tpl.sn-tpl .feat-mid .imgslot { min-height: 220px; }\n        .sn-tpl.sn-tpl.sn-tpl .pkg-slides { min-height: 220px; }\n        .sn-tpl.sn-tpl.sn-tpl .pkg-slide { min-height: 220px; }\n        .sn-tpl.sn-tpl.sn-tpl .pkg-dots { gap: 18px; margin-top: 18px !important; }\n        .sn-tpl.sn-tpl.sn-tpl .pkg-slide img { max-height: 286px; }\n        .sn-tpl.sn-tpl.sn-tpl .why-grid { grid-template-columns: 1fr; gap: 26px; }\n        .sn-tpl.sn-tpl.sn-tpl .why-img { order: -1; }\n        .sn-tpl.sn-tpl.sn-tpl .why-img .imgslot, .sn-tpl.sn-tpl.sn-tpl .why-img img { min-height: 220px; max-height: 280px; }\n        .sn-tpl.sn-tpl.sn-tpl .comp-grid { grid-template-columns: 1fr; }\n        .sn-tpl.sn-tpl.sn-tpl .cf-tab { padding: 6px 14px 6px 6px; }\n\n        \/* Sabores, Como tomar, Destaques da formula (cartoes) e Por que\n           escolher (diferenciais) viram carrossel horizontal no mobile\n           (arrasta com o dedo, com scroll-snap para parar centralizado em\n           cada card). O card seguinte fica parcialmente visivel (flex-basis\n           \u003c 100%) para indicar que da pra deslizar - sem isso parece uma\n           lista cortada. *\/\n        .sn-tpl.sn-tpl.sn-tpl .flavor-grid, .sn-tpl.sn-tpl.sn-tpl .steps3 {\n            display: flex !important;\n            grid-template-columns: none;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: none;\n            padding-bottom: 4px;\n        }\n        .sn-tpl.sn-tpl.sn-tpl .flavor-grid::-webkit-scrollbar, .sn-tpl.sn-tpl.sn-tpl .steps3::-webkit-scrollbar { display: none; }\n        .sn-tpl.sn-tpl.sn-tpl .flavor-grid { gap: 16px; }\n        .sn-tpl.sn-tpl.sn-tpl .flavor-card { flex: 0 0 78%; scroll-snap-align: center; }\n        .sn-tpl.sn-tpl.sn-tpl .steps3 { gap: 14px; }\n        .sn-tpl.sn-tpl.sn-tpl .step3 { flex: 0 0 84%; scroll-snap-align: center; }\n\n        .sn-tpl.sn-tpl.sn-tpl .feat-col:not(.feat-mid) {\n            display: flex;\n            flex-direction: row;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: none;\n            gap: 12px;\n            padding-bottom: 4px;\n        }\n        .sn-tpl.sn-tpl.sn-tpl .feat-col:not(.feat-mid)::-webkit-scrollbar { display: none; }\n        .sn-tpl.sn-tpl.sn-tpl .feat-col:not(.feat-mid) .feat-card { flex: 0 0 82%; scroll-snap-align: center; }\n\n        .sn-tpl.sn-tpl.sn-tpl .why-list {\n            display: flex !important;\n            flex-direction: row !important;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: none;\n            gap: 14px;\n            padding-bottom: 4px;\n        }\n        .sn-tpl.sn-tpl.sn-tpl .why-list::-webkit-scrollbar { display: none; }\n        .sn-tpl.sn-tpl.sn-tpl .diff {\n            flex: 0 0 82%;\n            scroll-snap-align: center;\n            border: 1px solid var(--line) !important;\n            border-radius: 14px;\n            padding: 18px !important;\n            background: #fff;\n        }\n\n        \/* ===== ajustes so de mobile ===== *\/\n\n        \/* Card de descricao no mobile.\n           O tema da loja injeta margens e alturas nos elementos dentro da\n           descricao do produto, o que estourava o texto para fora do card.\n           Aqui o card vira um bloco simples, sem grid e sem altura calculada,\n           e as margens vao com !important para nao serem sobrescritas. *\/\n        .sn-tpl.sn-tpl.sn-tpl .intro-card { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }\n        .sn-tpl.sn-tpl.sn-tpl .intro-img, .sn-tpl.sn-tpl.sn-tpl .intro-text { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }\n        .sn-tpl.sn-tpl.sn-tpl .intro-img img, .sn-tpl.sn-tpl.sn-tpl .intro-img .imgslot { height: auto !important; margin: 0 0 18px !important; }\n        .sn-tpl.sn-tpl.sn-tpl .intro-text h3 { margin: 14px 0 4px !important; padding: 0 !important; }\n        .sn-tpl.sn-tpl.sn-tpl .intro-text p { margin: 0 0 8px !important; padding: 0 !important; line-height: 1.6; }\n        .sn-tpl.sn-tpl.sn-tpl .intro-text p:last-child { margin-bottom: 0 !important; }\n        .sn-tpl.sn-tpl.sn-tpl .feat-card, .sn-tpl.sn-tpl.sn-tpl .feat-card.rev { flex-direction: row-reverse !important; }\n        .sn-tpl.sn-tpl.sn-tpl .feat-card:not(.rev), .sn-tpl.sn-tpl.sn-tpl .feat-card:not(.rev) b, .sn-tpl.sn-tpl.sn-tpl .feat-card:not(.rev)\u003ediv:first-child span { text-align: left !important; }\n        .sn-tpl.sn-tpl.sn-tpl .warnbox p { margin: 0 0 8px !important; line-height: 1.55; }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"sn-tpl\"\u003e\n    \u003c!-- 1. TOPO \/ HERO --\u003e\n    \u003cheader class=\"tophead\"\u003e\n        \u003cdiv class=\"kicker\"\u003eSoldiers Nutrition · Suplemento Alimentar de Proteínas em Pó\u003c\/div\u003e\n        \u003ch1\u003eBEEF PROTEIN \u003cspan\u003e900G · 2 SABORES\u003c\/span\u003e\n\u003c\/h1\u003e\n        \u003cp class=\"tagline\"\u003eColágeno Hidrolisado + Proteína Hidrolisada de Carne Bovina\u003c\/p\u003e\n        \u003cp class=\"sub\"\u003e26g de proteína por dose · sem lactose · sem glúten\u003c\/p\u003e\n        \u003cdiv class=\"stat-row\"\u003e\n            \u003cdiv class=\"stat-box\"\u003e\n\u003cspan class=\"v\"\u003e26g\u003c\/span\u003e\u003cspan class=\"l\"\u003eProteína por dose\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"stat-box\"\u003e\n\u003cspan class=\"v\"\u003e900g\u003c\/span\u003e\u003cspan class=\"l\"\u003ePote\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"stat-box\"\u003e\n\u003cspan class=\"v\"\u003e30\u003c\/span\u003e\u003cspan class=\"l\"\u003eDoses por pote\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"stat-box\"\u003e\n\u003cspan class=\"v\"\u003e30g\u003c\/span\u003e\u003cspan class=\"l\"\u003ePeso da dose (2 medidas)\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pills\"\u003e\n            \u003cspan class=\"pill\"\u003e26g de proteína por dose\u003c\/span\u003e \u003cspan class=\"pill\"\u003eSem lactose e sem glúten\u003c\/span\u003e \u003cspan class=\"pill\"\u003e2 sabores\u003c\/span\u003e \u003cspan class=\"pill\"\u003eDireto da fábrica\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- 2. DESCRIÇÃO DO PRODUTO --\u003e\n    \u003cdiv class=\"blk blk--tight blk--dark\"\u003e\n        \u003cdiv class=\"intro-card\"\u003e\n            \u003cdiv class=\"intro-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/8397\/1577\/files\/Academia_01_430x.png?v=1788886752\" alt=\"Beef Protein Soldiers Nutrition - embalagem do produto\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"intro-text\"\u003e\n                \u003cp\u003eBeef Protein Soldiers Nutrition é um Suplemento Alimentar de Proteínas em Pó feito com colágeno hidrolisado e proteína hidrolisada de carne bovina, sem lactose e sem glúten, disponível em 2 sabores: Abacaxi com Hortelã e Manga com Maracujá.\u003c\/p\u003e\n                \u003ch3\u003ePara quem é\u003c\/h3\u003e\n                \u003cp\u003ePara quem busca uma fonte de proteína sem lactose e sem glúten, praticantes de atividade física e adultos (19 anos ou mais) que querem complementar a ingestão proteica diária.\u003c\/p\u003e\n                \u003ch3\u003eO que é\u003c\/h3\u003e\n                \u003cp\u003eSuplemento Alimentar de Proteínas em Pó elaborado com colágeno hidrolisado e proteína hidrolisada de carne bovina, com 26g de proteína por dose de 30g (2 medidas dosadoras). Embalagem de 900g.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"claim-box\"\u003e\n            \u003cspan class=\"claim-kicker\"\u003eAlegação autorizada · RDC nº 54\/2012\u003c\/span\u003e\n            \u003cp\u003eAlto teor de proteína.\u003c\/p\u003e\n            \u003cp class=\"claim-note\"\u003e26g de proteína por dose de 30g, equivalente a 53% do Valor Diário. Fonte de proteína, nutriente essencial à formação e manutenção da massa muscular. O consumo deve estar associado a uma alimentação equilibrada e hábitos de vida saudáveis.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 3. DESTAQUES DA FÓRMULA --\u003e\n    \u003cdiv class=\"blk blk--dark formula\"\u003e\n        \u003ch2 class=\"h2\"\u003eDestaques do Beef Protein\u003c\/h2\u003e\n        \u003cdiv class=\"feat-grid\"\u003e\n            \u003cdiv class=\"feat-col\"\u003e\n                \u003cdiv class=\"feat-card\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e26g de proteína\u003c\/b\u003e\u003cspan\u003eColágeno hidrolisado + proteína hidrolisada de carne bovina, por dose de 30g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"chk-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#9a978f\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 12.5 9.5 18 20 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"feat-card\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e53% VD de proteína\u003c\/b\u003e\u003cspan\u003ePor dose de 30g (2 medidas dosadoras)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"chk-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#9a978f\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 12.5 9.5 18 20 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"feat-card\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e0,8g de carboidratos\u003c\/b\u003e\u003cspan\u003eBaixíssimo teor de carboidratos por dose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"chk-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#9a978f\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 12.5 9.5 18 20 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feat-col feat-mid\"\u003e\n                \u003cdiv class=\"pkg-carousel\"\u003e\n                    \u003cdiv class=\"pkg-slides\"\u003e\n                        \u003cdiv class=\"pkg-slide pkg-slide-1\" id=\"beef-pkg-1\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/8397\/1577\/files\/Beefprotein_abacaxiehortela_01_47b93ab8-c617-4fbb-9890-329b1ca6f5e7.png?v=1784900869\" alt=\"Beef Protein 900g - sabor Abacaxi com Hortelã\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"pkg-slide pkg-slide-2\" id=\"beef-pkg-2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/8397\/1577\/files\/Beefprotein_Mangaemaracuja_01.png?v=1784900897\" alt=\"Beef Protein 900g - sabor Manga com Maracujá\"\u003e\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"pkg-dots\"\u003e\n\u003ca href=\"#beef-pkg-1\" class=\"pkg-dot\" aria-label=\"Ver sabor Abacaxi com Hortelã\"\u003e\u003c\/a\u003e \u003ca href=\"#beef-pkg-2\" class=\"pkg-dot\" aria-label=\"Ver sabor Manga com Maracujá\"\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feat-col\"\u003e\n                \u003cdiv class=\"feat-card rev\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e2 sabores\u003c\/b\u003e\u003cspan\u003eAbacaxi com Hortelã e Manga com Maracujá\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"chk-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#9a978f\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 12.5 9.5 18 20 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"feat-card rev\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eSem lactose\u003c\/b\u003e\u003cspan\u003ePode conter traços de derivados de leite e soja\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"chk-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#9a978f\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 12.5 9.5 18 20 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"feat-card rev\"\u003e\n\u003cdiv\u003e\n\u003cb\u003eSem glúten\u003c\/b\u003e\u003cspan\u003eDireto da fábrica Soldiers\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"chk-box\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#9a978f\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 12.5 9.5 18 20 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 4. POR QUE ESCOLHER --\u003e\n    \u003cdiv class=\"blk\"\u003e\n        \u003ch2 class=\"h2\"\u003ePor que escolher o Beef Protein\u003c\/h2\u003e\n        \u003cp class=\"h2-sub\"\u003eConfira os principais diferenciais do \u003cb\u003eBeef Protein\u003c\/b\u003e Soldiers Nutrition para a sua rotina.\u003c\/p\u003e\n        \u003cdiv class=\"why-grid\"\u003e\n            \u003cdiv class=\"why-list\"\u003e\n                \u003cdiv class=\"diff\"\u003e\n\u003cdiv class=\"diff-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 20V13M12 20V8M17 20V4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eColágeno hidrolisado + proteína bovina\u003c\/b\u003e\u003cspan\u003e26g de proteína por dose, a partir de colágeno hidrolisado e proteína hidrolisada de carne bovina.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"diff\"\u003e\n\u003cdiv class=\"diff-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3c-3 3-5 6-5 9a5 5 0 0 0 10 0c0-3-2-6-5-9Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eBaixíssimo teor de carboidratos\u003c\/b\u003e\u003cspan\u003eApenas 0,8g de carboidratos por dose, sem quantidades significativas de açúcares totais ou adicionados.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"diff\"\u003e\n\u003cdiv class=\"diff-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"9\" cy=\"12\" r=\"6\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"15\" cy=\"12\" r=\"6\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eSem lactose e sem glúten\u003c\/b\u003e\u003cspan\u003eAlternativa para quem evita lactose ou glúten (pode conter traços de derivados de leite e soja).\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"diff\"\u003e\n\u003cdiv class=\"diff-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2v4M12 18v4M4.9 4.9l2.8 2.8M16.3 16.3l2.8 2.8M2 12h4M18 12h4M4.9 19.1l2.8-2.8M16.3 7.7l2.8-2.8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eFácil de preparar\u003c\/b\u003e\u003cspan\u003eAdicione 2 medidas dosadoras (30g) em 200ml de água ou na bebida de sua preferência e consuma imediatamente.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n                \u003cdiv class=\"diff\"\u003e\n\u003cdiv class=\"diff-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 20h18M4 20V10l5 3V10l5 3V6l6 4v10\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eDireto da fábrica Soldiers Nutrition\u003c\/b\u003e\u003cspan\u003eFabricação própria, sem intermediário no preço.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"why-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/8397\/1577\/files\/Academia_02_430x.png?v=1788886752\" alt=\"Beef Protein Soldiers Nutrition - ambiente de academia\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 5. COMPOSIÇÃO POR DOSE --\u003e\n    \u003cdiv class=\"blk blk--dark blk--tab\"\u003e\n        \u003ch2 class=\"h2\"\u003eComposição por dose\u003c\/h2\u003e\n        \u003cp class=\"comp-note\"\u003ePorção: 30g (2 medidas dosadoras) · Porções por embalagem: 30\u003c\/p\u003e\n        \u003cdiv class=\"comp-grid comp-grid--1\"\u003e\u003cdiv class=\"comp-card\"\u003e\u003cdiv class=\"table-scroll\"\u003e\u003ctable class=\"dnut\"\u003e\u003ctbody\u003e\n            \u003ctr\u003e\n\u003cth\u003ePor porção (30g)\u003c\/th\u003e\n\u003cth\u003eQuantidade\u003c\/th\u003e\n\u003cth\u003e%VD*\u003c\/th\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eValor energético\u003c\/td\u003e\n\u003ctd\u003e109kcal\u003c\/td\u003e\n\u003ctd\u003e5%\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eCarboidratos\u003c\/td\u003e\n\u003ctd\u003e0,8g\u003c\/td\u003e\n\u003ctd\u003e0%\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr class=\"hi\"\u003e\n\u003ctd\u003eProteínas\u003c\/td\u003e\n\u003ctd\u003e26g\u003c\/td\u003e\n\u003ctd\u003e53%\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSódio\u003c\/td\u003e\n\u003ctd\u003e119mg\u003c\/td\u003e\n\u003ctd\u003e6%\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n        \u003cdiv class=\"comp-legal\" style=\"max-width:640px;margin:26px auto 0;\"\u003e\n\u003cspan class=\"ing-label\"\u003eIngredientes · Abacaxi com Hortelã\u003c\/span\u003e\u003cp\u003eColágeno hidrolisado, proteína hidrolisada de carne bovina, aromatizante, acidulante ácido cítrico, espessante goma xantana, edulcorantes acessulfame de potássio e sucralose, corantes azul brilhante, amarelo crepúsculo FCF e amarelo tartrazina.\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"comp-legal\" style=\"max-width:640px;margin:20px auto 0;\"\u003e\n\u003cspan class=\"ing-label\"\u003eIngredientes · Manga com Maracujá\u003c\/span\u003e\u003cp\u003eColágeno hidrolisado, proteína hidrolisada de carne bovina, aromatizante, acidulante ácido cítrico, espessante goma xantana, edulcorantes acessulfame de potássio e sucralose, corantes amarelo crepúsculo FCF e amarelo tartrazina.\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003cp style=\"color: #8a8880; font-size: var(--fs-xs); margin: 30px auto 0; max-width: 100%;\"\u003e*% Valores Diários com base em uma dieta de 2.000 kcal ou 8.400 kJ. Seus valores diários podem ser maiores ou menores dependendo de suas necessidades energéticas. Não contém quantidades significativas de açúcares totais, açúcares adicionados, gorduras totais, gorduras saturadas e fibra alimentar. Contém aromatizantes sintéticos idênticos aos naturais. Colorido artificialmente. Não contém glúten. Não contém lactose. Alérgicos: pode conter derivados de leite e soja.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 6. SABORES --\u003e\n    \u003cdiv class=\"blk\"\u003e\n        \u003ch2 class=\"h2\"\u003eSabores\u003c\/h2\u003e\n        \u003cp class=\"h2-sub\"\u003eO Beef Protein da Soldiers Nutrition possui 2 opções de sabores para você escolher:\u003c\/p\u003e\n        \u003cdiv class=\"flavor-grid\"\u003e\n            \u003cdiv class=\"flavor-card\"\u003e\n\u003cdiv class=\"flavor-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/8397\/1577\/files\/img-baunilha_1.png?v=1782909308\" alt=\"Beef Protein sabor Abacaxi com Hortelã\"\u003e\u003c\/div\u003e\n\u003cb\u003eAbacaxi com Hortelã\u003c\/b\u003e \u003cspan\u003eSabor refrescante de abacaxi com hortelã.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"flavor-card\"\u003e\n\u003cdiv class=\"flavor-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/8397\/1577\/files\/img-beijinho_1.png?v=1782909308\" alt=\"Beef Protein sabor Manga com Maracujá\"\u003e\u003c\/div\u003e\n\u003cb\u003eManga com Maracujá\u003c\/b\u003e \u003cspan\u003eSabor tropical de manga com maracujá.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 7. INSTITUCIONAL\/FÁBRICA --\u003e\n    \u003cdiv class=\"factory-banner\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0787\/8397\/1577\/files\/fabrica_430x.png?v=1788555987\" alt=\"Fábrica própria Soldiers Nutrition\"\u003e\n        \u003cdiv class=\"fb-content\"\u003e\n            \u003cdiv class=\"fb-kicker\"\u003eFabricação própria · Cajamar-SP\u003c\/div\u003e\n            \u003ch3\u003eDireto da fábrica Soldiers Nutrition\u003c\/h3\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 8. COMO TOMAR --\u003e\n    \u003cdiv class=\"blk blk--gray\"\u003e\n        \u003ch2 class=\"h2\"\u003eComo tomar\u003c\/h2\u003e\n        \u003cdiv class=\"steps3\"\u003e\n            \u003cdiv class=\"step3\"\u003e\n\u003cdiv class=\"n\"\u003e1\u003c\/div\u003e\n\u003cb\u003eAdicione 2 medidas dosadoras (30g)\u003c\/b\u003e\u003cspan\u003eEm 200ml de água ou na bebida de sua preferência.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"step3\"\u003e\n\u003cdiv class=\"n\"\u003e2\u003c\/div\u003e\n\u003cb\u003eMisture bem\u003c\/b\u003e\u003cspan\u003eAté dissolver por completo.\u003c\/span\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"step3\"\u003e\n\u003cdiv class=\"n\"\u003e3\u003c\/div\u003e\n\u003cb\u003eConsuma imediatamente\u003c\/b\u003e\u003cspan\u003eRecomenda-se 1 porção ao dia, ou conforme orientação de nutricionista ou médico.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 9. ADVERTÊNCIAS --\u003e\n    \u003cdiv class=\"blk blk--tight\"\u003e\n        \u003ch2 class=\"h2\"\u003eAdvertências e informações regulatórias\u003c\/h2\u003e\n        \u003cdiv class=\"warnbox\"\u003e\n            \u003cp\u003eEste produto não é um medicamento. Este produto não substitui uma alimentação equilibrada. Não exceder a recomendação diária de consumo indicada na embalagem. Mantenha fora do alcance de crianças.\u003c\/p\u003e\n            \u003cp\u003eAlérgicos: pode conter derivados de leite e soja. Não contém glúten. Não contém lactose.\u003c\/p\u003e\n            \u003cp\u003eContém aromatizantes sintéticos idênticos aos naturais. Colorido artificialmente.\u003c\/p\u003e\n            \u003cp\u003eEste produto não substitui uma alimentação equilibrada e seu consumo deve ser orientado por nutricionista ou médico. Produto indicado para o grupo populacional a partir de 19 anos. Este produto não deve ser consumido por gestantes, lactantes e crianças.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 10. FAQ --\u003e\n    \u003cdiv class=\"blk blk--dark\"\u003e\n        \u003ch2 class=\"h2\"\u003ePerguntas Frequentes\u003c\/h2\u003e\n        \u003cdiv class=\"faq-dark\"\u003e\n            \u003cdetails\u003e\u003csummary\u003eContém lactose?\u003c\/summary\u003e\u003cdiv class=\"ans\"\u003eNão contém lactose. Pode conter derivados de leite e soja devido ao processo de fabricação.\u003c\/div\u003e\u003c\/details\u003e\n            \u003cdetails\u003e\u003csummary\u003eContém glúten?\u003c\/summary\u003e\u003cdiv class=\"ans\"\u003eNão contém glúten.\u003c\/div\u003e\u003c\/details\u003e\n            \u003cdetails\u003e\u003csummary\u003eQuantas doses tem o pote de 900g?\u003c\/summary\u003e\u003cdiv class=\"ans\"\u003e30 doses de 30g cada (2 medidas dosadoras por dose).\u003c\/div\u003e\u003c\/details\u003e\n            \u003cdetails\u003e\u003csummary\u003eQuais sabores estão disponíveis?\u003c\/summary\u003e\u003cdiv class=\"ans\"\u003eAbacaxi com Hortelã e Manga com Maracujá.\u003c\/div\u003e\u003c\/details\u003e\n            \u003cdetails\u003e\u003csummary\u003eComo devo preparar?\u003c\/summary\u003e\u003cdiv class=\"ans\"\u003eAdicione 2 medidas dosadoras (30g) em 200ml de água ou na bebida de sua preferência e consuma imediatamente após o preparo.\u003c\/div\u003e\u003c\/details\u003e\n            \u003cdetails\u003e\u003csummary\u003eContém corantes ou aromatizantes artificiais?\u003c\/summary\u003e\u003cdiv class=\"ans\"\u003eSim. Contém aromatizantes sintéticos idênticos aos naturais e é colorido artificialmente — os corantes e aromatizantes usados estão listados na lista de ingredientes de cada sabor.\u003c\/div\u003e\u003c\/details\u003e\n            \u003cdetails\u003e\u003csummary\u003eQuem pode consumir?\u003c\/summary\u003e\u003cdiv class=\"ans\"\u003eProduto indicado para o grupo populacional a partir de 19 anos. Não deve ser consumido por gestantes, lactantes e crianças, e seu consumo deve ser orientado por nutricionista ou médico.\u003c\/div\u003e\u003c\/details\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function () {\n    document.querySelectorAll('.pkg-carousel').forEach(function (car) {\n        var track = car.querySelector('.pkg-slides');\n        var slides = Array.prototype.slice.call(car.querySelectorAll('.pkg-slide'));\n        var dots = Array.prototype.slice.call(car.querySelectorAll('.pkg-dots a'));\n        if (!track || !slides.length || !dots.length) return;\n\n        function setActive(idx) {\n            dots.forEach(function (d, i) { d.classList.toggle('is-active', i === idx); });\n        }\n        setActive(0);\n\n        dots.forEach(function (dot, i) {\n            dot.addEventListener('click', function (e) {\n                e.preventDefault();\n                slides[i].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n                setActive(i);\n            });\n        });\n\n        if ('IntersectionObserver' in window) {\n            var io = new IntersectionObserver(function (entries) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= 0.6) {\n                        var idx = slides.indexOf(entry.target);\n                        if (idx \u003e -1) setActive(idx);\n                    }\n                });\n            }, { root: track, threshold: 0.6 });\n            slides.forEach(function (s) { io.observe(s); });\n        }\n    });\n})();\n\u003c\/script\u003e","brand":"Soldiers Nutrition","offers":[{"title":"Manga com Maracujá","offer_id":48505097552121,"sku":"1505-1506","price":136.74,"currency_code":"BRL","in_stock":true},{"title":"Abacaxi com Hortelã","offer_id":48505097584889,"sku":"1505-1507","price":136.74,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0787\/8397\/1577\/files\/Beefprotein_abacaxiehortela_01_47b93ab8-c617-4fbb-9890-329b1ca6f5e7.png?v=1784900869"}],"url":"https:\/\/soldiersnutrition.com.br\/collections\/beef-protein.oembed","provider":"Soldiers Nutrition","version":"1.0","type":"link"}