{"product_id":"panela-de-pressao-aco-inox-multifuncional","title":"Panela de Pressão TurboChef Aço Inoxidável - Á Prova de Explosões + Brinde: Kit Utensílios","description":"\u003cdiv class=\"html\"\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003cmeta name=\"description\" content=\"Panela de Pressão TurboChef em Aço Inox 304. Cozinha 70% mais rápido, economiza gás e possui tripla segurança. Oferta especial: 2 por 1!\"\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n        :root {\n            --brand: #FF9600;\n            --brand-dark: #E6851A;\n            --accent: #FFB300;\n            --danger: #E53935;\n            --success: #10B981;\n            --text: #1E293B;\n            --text-light: #475569;\n            --muted: #64748B;\n            --bg: #FFFFFF;\n            --bg-soft: #F8FAFC;\n            --bg-accent: #FFF7ED;\n            --border: #E2E8F0;\n            --radius: 14px;\n            --shadow: 0 10px 30px rgba(2,6,23,.10);\n            --shadow-lg: 0 20px 50px rgba(2,6,23,.15);\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', Arial, sans-serif;\n            line-height: 1.6;\n            color: var(--text);\n            background: var(--bg);\n            overflow-x: hidden;\n        }\n\n        \/* Section Spacing *\/\n        .section { padding: 3rem 0; }\n        .section--alt { background: var(--bg-soft); }\n\n        \/* Section Titles *\/\n        .section__title {\n            text-align: center;\n            font-size: clamp(1.5rem, 3vw, 2rem);\n            font-weight: 700;\n            color: var(--text);\n            margin-bottom: 3rem;\n            position: relative;\n        }\n        .section__title::after {\n            content: '';\n            position: absolute;\n            bottom: -0.5rem;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 3px;\n            background: var(--brand);\n            border-radius: 2px;\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            text-align: center;\n            padding: 2rem 1rem 3rem;\n            background: linear-gradient(135deg, var(--bg-accent) 0%, var(--bg) 100%);\n        }\n        .hero__title {\n            font-size: clamp(1.75rem, 4vw, 3rem);\n            font-weight: 800;\n            color: var(--text);\n            margin-bottom: 1rem;\n            line-height: 1.1;\n            letter-spacing: -0.02em;\n        }\n        .hero__subtitle {\n            font-size: clamp(1rem, 2.5vw, 1.25rem);\n            color: var(--muted);\n            margin-bottom: 2rem;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        .hero__badges {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 0.75rem;\n            margin-bottom: 2rem;\n        }\n        .badge {\n            background: var(--brand);\n            color: white;\n            padding: 0.6rem 1.2rem;\n            border-radius: 50px;\n            font-size: 0.875rem;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            transition: all 0.2s ease;\n            box-shadow: 0 4px 12px rgba(255, 150, 0, 0.3);\n        }\n        .badge:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(255, 150, 0, 0.4); }\n        .hero__image-container { max-width: 600px; margin: 0 auto 2rem; position: relative; }\n        .hero__image { width: 100%; height: auto; border-radius: var(--radius); box-shadow: var(--shadow-lg); }\n\n        \/* Benefits Grid *\/\n        .benefits__grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 1.5rem;\n        }\n        .benefit-card {\n            background: var(--bg);\n            padding: 2rem;\n            border-radius: var(--radius);\n            text-align: center;\n            transition: all 0.3s ease;\n            border: 1px solid var(--border);\n            position: relative;\n            overflow: hidden;\n        }\n        .benefit-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; height: 4px;\n            background: linear-gradient(90deg, var(--brand), var(--accent));\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.3s ease;\n        }\n        .benefit-card:hover::before { transform: scaleX(1); }\n        .benefit-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--brand); }\n        .benefit-card__icon { width: 56px; height: 56px; margin: 0 auto 1.5rem; fill: var(--brand); transition: transform 0.3s ease; }\n        .benefit-card:hover .benefit-card__icon { transform: scale(1.1); }\n        .benefit-card__title { font-size: 1.25rem; font-weight: 600; color: var(--text); margin-bottom: 1rem; }\n        .benefit-card__description { color: var(--text-light); font-size: 0.95rem; line-height: 1.6; }\n\n        \/* Product Gallery (desktop default) *\/\n        .gallery__grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 1.5rem;\n        }\n        .gallery__item {\n            position: relative;\n            border-radius: var(--radius);\n            overflow: hidden;\n            box-shadow: var(--shadow);\n            transition: all 0.3s ease;\n        }\n        .gallery__item:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }\n        .gallery__image { width: 100%; height: 240px; object-fit: cover; transition: transform 0.4s ease; }\n        .gallery__item:hover .gallery__image { transform: scale(1.05); }\n        .gallery__caption {\n            position: absolute;\n            bottom: 0; left: 0; right: 0;\n            background: linear-gradient(transparent, rgba(0,0,0,0.8));\n            color: white;\n            padding: 2rem 1.5rem 1.5rem;\n            font-size: 0.95rem;\n            font-weight: 500;\n        }\n\n        \/* ===== Reclame Aqui — Visual aprimorado ===== *\/\n:root{\n  --ra-green: #00A650;        \/* cor principal RA *\/\n  --ra-green-dark:#008C45;    \/* hover\/contraste *\/\n  --ra-text-dark:#0F172A;\n  --ra-text-muted:#475569;\n  --ra-border:#E2E8F0;\n  --ra-bg:#FFFFFF;\n  --ra-badge:#F1FFF6;         \/* fundo sutil esverdeado *\/\n}\n\n.reclame-aqui {\n  background: linear-gradient(180deg,#F7FAFC 0%, #EEF7F1 100%);\n  padding: 3rem 0;\n}\n\n.reclame-aqui__content {\n  display: grid;\n  grid-template-columns: 1.2fr 2fr;\n  gap: 2rem;\n  align-items: stretch;\n}\n\n@media (max-width: 992px){\n  .reclame-aqui__content { grid-template-columns: 1fr; }\n}\n\n\/* Card esquerdo: reputação *\/\n.ra-card {\n  background: var(--ra-bg);\n  border: 1px solid var(--ra-border);\n  border-radius: 16px;\n  box-shadow: var(--shadow);\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ra-card__logo {\n  display: flex; align-items: center; gap: .75rem;\n}\n\n.ra-badge {\n  display: inline-flex; align-items: center; gap:.5rem;\n  background: var(--ra-badge);\n  color: var(--ra-green);\n  padding: .35rem .6rem;\n  border-radius: 999px;\n  font-size: .8125rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .3px;\n}\n\n.ra-logo {\n  width: 140px; height: 28px; display: inline-block;\n}\n\n.ra-logo-img {\n  width: 160px;\n  height: auto;\n  display: inline-block;\n}\n@media (max-width: 768px) {\n  .ra-logo-img { width: 120px; }\n}\n\n\n.ra-logo svg { width: 100%; height: 100%; }\n\n.ra-score-wrap {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: .75rem 1rem;\n  align-items: center;\n}\n\n.ra-score {\n  font-size: 2.75rem;\n  line-height: 1;\n  font-weight: 800;\n  color: var(--ra-text-dark);\n}\n\n.ra-score__label {\n  color: var(--ra-text-muted);\n  font-size: .925rem;\n}\n\n.ra-pill {\n  background: rgba(0,166,80,.08);\n  color: var(--ra-green-dark);\n  padding: .35rem .65rem;\n  border-radius: 999px;\n  font-weight: 700;\n  font-size: .8125rem;\n  justify-self: start;\n}\n\n\/* Barras (métricas avançadas) *\/\n.ra-metrics {\n  display: grid;\n  gap: .75rem;\n  margin-top: .25rem;\n}\n\n.ra-meter {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  gap: .75rem;\n}\n\n.ra-meter__label {\n  font-size: .925rem;\n  color: var(--ra-text-dark);\n  font-weight: 600;\n}\n\n.ra-meter__bar {\n  width: 100%;\n  height: 10px;\n  background: #EDF2F7;\n  border-radius: 999px;\n  position: relative;\n  overflow: hidden;\n}\n\n.ra-meter__fill {\n  position:absolute; left:0; top:0; bottom:0;\n  background: var(--ra-green);\n  width: 0%;\n  border-radius: 999px;\n  transition: width .6s ease;\n}\n\n\/* Card direito: avaliações + callout *\/\n.ra-panel {\n  background: var(--ra-bg);\n  border: 1px solid var(--ra-border);\n  border-radius: 16px;\n  box-shadow: var(--shadow);\n  padding: 1.5rem;\n}\n\n.ra-panel__header {\n  display:flex; align-items:center; justify-content:space-between; gap:1rem;\n  margin-bottom: .5rem;\n}\n\n.ra-panel__title {\n  font-weight: 800; font-size: 1.25rem; color: var(--ra-text-dark);\n}\n\n.ra-stars {\n  display: inline-flex; gap: 4px;\n}\n.ra-stars svg { width: 18px; height: 18px; fill: #FFD54F; }\n\n.ra-list {\n  display: grid; gap: 1rem; margin-top: 1rem;\n}\n\n.ra-quote {\n  border-left: 3px solid var(--ra-green);\n  padding: .75rem 1rem;\n  background: #F8FFFB;\n  border-radius: 10px;\n  color: var(--ra-text-muted);\n  font-style: italic;\n}\n\n.ra-author {\n  display:flex; align-items:center; gap:.6rem; margin-top:.5rem; color: var(--ra-text-dark); font-weight:600;\n  font-size: .95rem;\n}\n\n.ra-cta {\n  display:flex; justify-content: space-between; align-items:center;\n  background: linear-gradient(90deg, rgba(0,166,80,.10), rgba(0,166,80,.03));\n  border: 1px dashed rgba(0,166,80,.35);\n  border-radius: 12px;\n  padding: .9rem 1rem;\n  margin-top: 1.25rem;\n  gap: .75rem;\n}\n\n.ra-cta__text { color: var(--ra-text-dark); font-weight: 600; }\n.ra-cta__sub  { color: var(--ra-text-muted); font-size: .9rem; }\n\n.ra-cta__btn {\n  appearance:none; border:0; border-radius: 999px;\n  padding: .6rem 1rem; font-weight: 700; cursor:pointer;\n  background: var(--ra-green); color:#fff;\n  transition: transform .15s ease, background .2s ease;\n  text-decoration: none; display:inline-flex; align-items:center; gap:.5rem;\n}\n.ra-cta__btn:hover { background: var(--ra-green-dark); transform: translateY(-1px); }\n\n\/* Animação inicial das barras (on-view simples) *\/\n@keyframes raFill { from { width: 0%; } to { width: var(--to); } }\n.ra-meter__fill[data-to] { --to: attr(data-to percentage); } \/* Fallback visual *\/\n\n        \/* Specifications Table *\/\n        .specs { background: white; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); margin: 2rem 0; }\n        .specs__table { width: 100%; border-collapse: collapse; }\n        .specs__row { border-bottom: 1px solid var(--border); transition: background-color 0.2s ease; }\n        .specs__row:hover { background: var(--bg-soft); }\n        .specs__label { padding: 1rem 1.5rem; font-weight: 600; color: var(--text); width: 40%; background: var(--bg-soft); }\n        .specs__value { padding: 1rem 1.5rem; color: var(--text-light); }\n\n        \/* Offer Section *\/\n        .offer {\n            background: linear-gradient(135deg, var(--brand), var(--brand-dark));\n            color: white; padding: 3rem 2rem; border-radius: var(--radius);\n            text-align: center; position: relative; overflow: hidden; margin: 2rem 0;\n        }\n        .offer::before {\n            content: '';\n            position: absolute; top: -50%; left: -50%;\n            width: 200%; height: 200%;\n            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n            animation: shimmer 4s infinite linear;\n        }\n        @keyframes shimmer { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n        .offer__badge {\n            background: var(--danger); color: white; padding: 0.75rem 1.5rem; border-radius: 50px;\n            font-size: 0.875rem; font-weight: 700; display: inline-block; margin-bottom: 1.5rem;\n            text-transform: uppercase; letter-spacing: 0.5px; animation: pulse-badge 2s infinite;\n        }\n        @keyframes pulse-badge { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n        .offer__title { font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; margin-bottom: 1rem; text-shadow: 0 2px 4px rgba(0,0,0,0.2); }\n        .offer__description { font-size: clamp(1rem, 2.5vw, 1.25rem); margin-bottom: 2rem; opacity: 0.95; }\n        .price { margin-bottom: 2rem; }\n        .price__old { font-size: clamp(1rem, 2.5vw, 1.25rem); text-decoration: line-through; opacity: 0.8; margin-right: 1rem; display: block; }\n        .price__current { font-size: clamp(2rem, 5vw, 3rem); font-weight: 800; text-shadow: 0 2px 4px rgba(0,0,0,0.2); display: block; margin-top: 0.5rem; }\n        .cta-button {\n            background: white; color: var(--brand); padding: 1.25rem 2.5rem; border: none; border-radius: var(--radius);\n            font-size: clamp(1rem, 2.5vw, 1.25rem); font-weight: 700; cursor: pointer; transition: all 0.3s ease;\n            text-decoration: none; display: inline-block; position: relative; z-index: 1; text-transform: uppercase;\n            letter-spacing: 0.5px; box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n        .cta-button:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,0.25); background: #f8f9fa; }\n        .offer__footer { margin-top: 1.5rem; font-size: 0.95rem; opacity: 0.9; }\n\n        \/* WhatsApp Float Button *\/\n        .whatsapp-float {\n            position: fixed; bottom: 20px; right: 20px;\n            background: #25D366; color: white; width: 64px; height: 64px; border-radius: 50%;\n            display: flex; align-items: center; justify-content: center; text-decoration: none;\n            box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4); z-index: 1000; transition: all 0.3s ease; animation: pulse-whatsapp 3s infinite;\n        }\n        .whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 12px 35px rgba(37, 211, 102, 0.5); }\n        @keyframes pulse-whatsapp {\n            0% { box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4), 0 0 0 0 rgba(37, 211, 102, 0.7); }\n            50% { box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4), 0 0 0 15px rgba(37, 211, 102, 0); }\n            100% { box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4), 0 0 0 0 rgba(37, 211, 102, 0); }\n        }\n        .whatsapp-icon { width: 32px; height: 32px; fill: currentColor; }\n\n        \/* --------- CONTROLES: dots\/nav ocultos no desktop --------- *\/\n        .gallery__dots, .gallery__nav { display: none; }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .hero { padding: 1.5rem 1rem 2rem; }\n            .section { padding: 2rem 0; }\n            .container { padding: 0 0.75rem; }\n            .hero__badges { flex-direction: column; align-items: center; }\n            .badge { width: fit-content; }\n\n            .benefits__grid { grid-template-columns: 1fr; gap: 1rem; }\n            .benefit-card { padding: 1.5rem; }\n\n            \/* --- Mobile: carrossel horizontal com Scroll-Snap --- *\/\n            .gallery__grid {\n                display: flex;\n                overflow-x: auto;\n                gap: 0.75rem;\n                scroll-snap-type: x mandatory;\n                -webkit-overflow-scrolling: touch;\n                padding-bottom: 0.5rem;\n            }\n            .gallery__grid::-webkit-scrollbar { display: none; }\n            .gallery__item {\n                flex: 0 0 85%;\n                scroll-snap-align: start;\n                scroll-snap-stop: always;\n            }\n            .gallery__image { height: 200px; } \/* mantém seu valor original no mobile *\/\n\n            \/* Paginação (bolinhas) e navegação — mobile only *\/\n            .gallery__dots { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }\n            .gallery__dot {\n                width: 8px; height: 8px; border-radius: 50%;\n                background: #cbd5e1; transition: transform .2s ease, background .2s ease; border: 0;\n            }\n            .gallery__dot.is-active { background: var(--brand); transform: scale(1.3); }\n\n            .gallery__nav { display:flex; justify-content:center; gap:.75rem; margin-top:.75rem; }\n\n            .reclame-aqui__content { gap: 2rem; }\n            .testimonials__grid { grid-template-columns: 1fr; gap: 1rem; }\n            .testimonial-card { padding: 1.5rem; }\n\n            .specs__label, .specs__value { padding: 0.75rem 1rem; font-size: 0.9rem; }\n\n            .offer { padding: 2rem 1rem; margin: 1rem 0; }\n            .price__old { margin-right: 0; margin-bottom: 0.5rem; }\n\n            .whatsapp-float { width: 56px; height: 56px; bottom: 15px; right: 15px; }\n            .whatsapp-icon { width: 28px; height: 28px; }\n        }\n\n        @media (max-width: 480px) {\n            .hero__badges { gap: 0.5rem; }\n            .badge { padding: 0.5rem 1rem; font-size: 0.8125rem; }\n            .benefit-card__icon { width: 48px; height: 48px; }\n            .gallery__grid { \/* continua flex no mobile *\/ }\n            .specs__table { font-size: 0.875rem; }\n            .specs__label { width: 35%; }\n        }\n\n        @media (min-width: 769px) {\n            .hero { padding: 3rem 2rem 4rem; }\n            .benefits__grid { grid-template-columns: repeat(3, 1fr); gap: 2rem; }\n            .gallery__grid { grid-template-columns: repeat(4, 1fr); }\n            .gallery__image { height: 280px; }\n            .reclame-aqui__content { grid-template-columns: 1fr 2fr; gap: 4rem; }\n            .testimonials__grid { grid-template-columns: repeat(2, 1fr); }\n        }\n\n        @media (min-width: 1024px) {\n            .benefits__grid { grid-template-columns: repeat(3, 1fr); gap: 2.5rem; }\n            .testimonials__grid { grid-template-columns: repeat(3, 1fr); }\n            .offer { padding: 4rem 3rem; }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"html\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch1 class=\"hero__title\"\u003ePanela de Pressão TurboChef Aço Inox 304\u003c\/h1\u003e\n\u003cp class=\"hero__subtitle\"\u003eRapidez, segurança e eficiência na sua cozinha. Cozinhe até 70% mais rápido e economize gás.\u003c\/p\u003e\n\u003cdiv class=\"hero__badges\"\u003e\u003cspan class=\"badge\"\u003e \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"\u003e\n                        \u003cpath d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e Garantia 12 Meses \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero__image-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0719\/1406\/2020\/files\/7.png?v=1755965576\" alt=\"Panela de Pressão TurboChef Aço Inox 304\" class=\"hero__image\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Benefits Section --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"section__title\"\u003ePor que escolher a TurboChef?\u003c\/h2\u003e\n\u003cdiv class=\"benefits__grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003csvg class=\"benefit-card__icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n                        \u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n\u003ch3 class=\"benefit-card__title\"\u003eEconomia de Tempo\u003c\/h3\u003e\n\u003cp class=\"benefit-card__description\"\u003eCozinha até 70% mais rápido que panelas convencionais, economizando seu tempo precioso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003csvg class=\"benefit-card__icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n                        \u003cpath d=\"M13 10V3L4 14h7v7l9-11h-7z\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n\u003ch3 class=\"benefit-card__title\"\u003eEconomia de Gás\u003c\/h3\u003e\n\u003cp class=\"benefit-card__description\"\u003eReduz o consumo de gás em até 50%, gerando economia real na sua conta\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003csvg class=\"benefit-card__icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n                        \u003cpath d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n\u003ch3 class=\"benefit-card__title\"\u003eAço Inox 304\u003c\/h3\u003e\n\u003cp class=\"benefit-card__description\"\u003eMaterial de alta qualidade, resistente à corrosão e seguro para alimentos\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003csvg class=\"benefit-card__icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n                        \u003cpath d=\"M12 15l-2-5h9l-2 5-2.5-1.5L12 15z\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n\u003ch3 class=\"benefit-card__title\"\u003eSistema Multi-Válvulas\u003c\/h3\u003e\n\u003cp class=\"benefit-card__description\"\u003eTripla segurança com válvulas de pressão, garantindo uso 100% seguro\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003csvg class=\"benefit-card__icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n                        \u003cpath d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547A8.014 8.014 0 004 21h16a8.014 8.014 0 00-.244-5.572z\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n\u003ch3 class=\"benefit-card__title\"\u003eFácil Limpeza\u003c\/h3\u003e\n\u003cp class=\"benefit-card__description\"\u003eSuperfície lisa e antiaderente, facilitando a limpeza após o uso\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003csvg class=\"benefit-card__icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\n                        \u003cpath d=\"M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 1.5-5 1.5-5 .5 1.5 1 3 2.5 2s.5-1.5.5-1.5c1.5 1 4 .5 4 .5-2.5.5-4 1.5-4 1.5 1.5.5 3.5-.5 3.5-.5-.5 1.5-2 3-2 3 1.5.5 2.5 2 2.5 2z\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n\u003ch3 class=\"benefit-card__title\"\u003eSistema Anti-Explosão\u003c\/h3\u003e\n\u003cp class=\"benefit-card__description\"\u003eMais segurança no preparo das suas refeições, evitando acidentes e garantindo tranquilidade na sua cozinha.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Product Gallery --\u003e\n\u003csection class=\"section section--alt\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"gallery__grid\" id=\"galleryGrid\"\u003e\n\u003cfigure class=\"gallery__item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0719\/1406\/2020\/files\/4.png?v=1755965576\" alt=\"Panela vista frontal\" class=\"gallery__image\" loading=\"lazy\"\u003e\n\u003cfigcaption class=\"gallery__caption\"\u003eVista frontal completa\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003cfigure class=\"gallery__item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0719\/1406\/2020\/files\/5.png?v=1755965576\" alt=\"Sistema de válvulas\" class=\"gallery__image\" loading=\"lazy\"\u003e\n\u003cfigcaption class=\"gallery__caption\"\u003eSistema de segurança\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003cfigure class=\"gallery__item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0719\/1406\/2020\/files\/3.png?v=1755965576\" alt=\"Interior da panela\" class=\"gallery__image\" loading=\"lazy\"\u003e\n\u003cfigcaption class=\"gallery__caption\"\u003eInterior em aço inox\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c!-- Paginação (bolinhas) --\u003e\n\u003cdiv class=\"gallery__dots\" id=\"galleryDots\" aria-label=\"Paginação da galeria\"\u003e\u003c\/div\u003e\n\u003c!-- Navegação (mobile only via CSS) --\u003e\n\u003cdiv class=\"gallery__nav\"\u003e\n\u003cbutton type=\"button\" id=\"prevSlide\" class=\"cta-button\" style=\"padding: .6rem 1rem;\"\u003eAnterior\u003c\/button\u003e \u003cbutton type=\"button\" id=\"nextSlide\" class=\"cta-button\" style=\"padding: .6rem 1rem;\"\u003ePróximo\u003c\/button\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.carousel-container {\n  position: relative;\n  overflow: hidden;\n  background: #ffffff;\n  padding: 10px 0; \/* Espaçamento vertical do topo reduzido *\/\n}\n\n.carousel-header {\n  background: #ffffff;\n  padding: 20px 0; \/* Menor altura do cabeçalho *\/\n  margin-bottom: 25px;\n}\n\n.carousel-title {\n  text-align: center;\n  font-size: 24px;\n  color: #333;\n  font-weight: 600;\n  max-width: 1000px;\n  margin: 0 auto;\n  line-height: 1.2;\n}\n\n.carousel-track {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 10%;\n  min-height: 500px;\n}\n\n.carousel-slide {\n  position: absolute;\n  width: 100%;\n  max-width: 360px;\n  aspect-ratio: 4 \/ 3; \/* 1080x1920 *\/\n  transition: all 0.8s ease;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.carousel-slide.active {\n  opacity: 1;\n  transform: translateX(0) scale(1.1);\n  z-index: 2;\n  pointer-events: auto;\n}\n\n.carousel-slide.prev {\n  opacity: 0.6;\n  transform: translateX(-100%) scale(0.9);\n  z-index: 1;\n}\n\n.carousel-slide.next {\n  opacity: 0.6;\n  transform: translateX(100%) scale(0.9);\n  z-index: 1;\n}\n\n. {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 12px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n}\n\n.carousel-link {\n  display: block;\n  width: 100%;\n  height: 100%;\n  line-height: 0;\n}\n\n\/* Responsivo *\/\n@media screen and (max-width: 768px) {\n  .carousel-track {\n    padding: 0 5%;\n    min-height: 400px;\n  }\n\n  .carousel-slide {\n    max-width: 230px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"html\"\u003e\n\u003c!-- Reclame Aqui Section (aprimorada com logo oficial) --\u003e\u003c!-- Specifications --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"specs\"\u003e\n\u003ctable class=\"specs__table\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"specs__row\"\u003e\n\u003ctd class=\"specs__label\"\u003eMaterial\u003c\/td\u003e\n\u003ctd class=\"specs__value\"\u003eAço Inoxidável 304\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"specs__row\"\u003e\n\u003ctd class=\"specs__label\"\u003eCapacidade\u003c\/td\u003e\n\u003ctd class=\"specs__value\"\u003e4 Litros a 10 Litros\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"specs__row\"\u003e\n\u003ctd class=\"specs__label\"\u003eDimensões\u003c\/td\u003e\n\u003ctd class=\"specs__value\"\u003e24cm x 16cm (diâmetro x altura)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"specs__row\"\u003e\n\u003ctd class=\"specs__label\"\u003ePeso\u003c\/td\u003e\n\u003ctd class=\"specs__value\"\u003e2,8 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"specs__row\"\u003e\n\u003ctd class=\"specs__label\"\u003eCompatibilidade\u003c\/td\u003e\n\u003ctd class=\"specs__value\"\u003eTodos os tipos de fogão\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"specs__row\"\u003e\n\u003ctd class=\"specs__label\"\u003eGarantia\u003c\/td\u003e\n\u003ctd class=\"specs__value\"\u003e12 meses\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"specs__row\"\u003e\n\u003ctd class=\"specs__label\"\u003eCertificação\u003c\/td\u003e\n\u003ctd class=\"specs__value\"\u003eINMETRO e ISO 9001\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Offer Section --\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"offer\"\u003e\n\u003cspan class=\"offer__badge\"\u003eOferta Limitada\u003c\/span\u003e\n\u003ch2 class=\"offer__title\"\u003eCompre Agora Mesmo!\u003c\/h2\u003e\n\u003cp class=\"offer__description\"\u003eAproveite nossa promoção especial e economize ainda mais!\u003c\/p\u003e\n\u003cdiv class=\"price\"\u003e\n\u003cspan class=\"price__old\"\u003eDe R$ 297,90\u003c\/span\u003e \u003cspan class=\"price__current\"\u003eA partir de \u003cbr\u003eR$ 147,90\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca href=\"#top\" class=\"cta-button\"\u003eCOMPRAR AGORA\u003c\/a\u003e\n\u003cdiv class=\"offer__footer\"\u003e💳 Até 12x no cartão | 🏷️ 5% desconto no PIX\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- JS do Carrossel (mobile only) --\u003e \u003cscript\u003e\n      (function () {\n        const grid = document.getElementById('galleryGrid');\n        const dotsWrap = document.getElementById('galleryDots');\n        const prev = document.getElementById('prevSlide');\n        const next = document.getElementById('nextSlide');\n        if (!grid || !dotsWrap) return;\n\n        const mql = window.matchMedia('(max-width: 768px)');\n        let initialized = false;\n\n        const init = () =\u003e {\n          if (initialized) return;\n          const items = Array.from(grid.querySelectorAll('.gallery__item'));\n          \/\/ Cria dots\n          items.forEach((_, i) =\u003e {\n            const dot = document.createElement('button');\n            dot.type = 'button';\n            dot.className = 'gallery__dot' + (i === 0 ? ' is-active' : '');\n            dot.setAttribute('aria-label', `Ir para slide ${i + 1}`);\n            dot.addEventListener('click', () =\u003e items[i].scrollIntoView({ behavior: 'smooth', inline: 'start' }));\n            dotsWrap.appendChild(dot);\n          });\n          const dots = Array.from(dotsWrap.querySelectorAll('.gallery__dot'));\n\n          \/\/ Atualiza dot ativo com base na visibilidade\n          let ticking = false;\n          const updateActive = () =\u003e {\n            const gridRect = grid.getBoundingClientRect();\n            let bestIdx = 0, bestArea = -1;\n            items.forEach((el, idx) =\u003e {\n              const r = el.getBoundingClientRect();\n              const visibleWidth = Math.min(r.right, gridRect.right) - Math.max(r.left, gridRect.left);\n              const visibleHeight = Math.min(r.bottom, gridRect.bottom) - Math.max(r.top, gridRect.top);\n              const area = Math.max(0, visibleWidth) * Math.max(0, visibleHeight);\n              if (area \u003e bestArea) { bestArea = area; bestIdx = idx; }\n            });\n            dots.forEach(d =\u003e d.classList.remove('is-active'));\n            if (dots[bestIdx]) dots[bestIdx].classList.add('is-active');\n          };\n\n          grid.addEventListener('scroll', () =\u003e {\n            if (!ticking) {\n              window.requestAnimationFrame(() =\u003e { updateActive(); ticking = false; });\n              ticking = true;\n            }\n          }, { passive: true });\n          window.addEventListener('resize', updateActive);\n          updateActive();\n\n          \/\/ Navegação\n          const slideW = () =\u003e grid.querySelector('.gallery__item')?.getBoundingClientRect().width || 300;\n          if (prev \u0026\u0026 next) {\n            prev.addEventListener('click', () =\u003e grid.scrollBy({ left: -slideW() - 12, behavior: 'smooth' }));\n            next.addEventListener('click', () =\u003e grid.scrollBy({ left:  slideW() + 12, behavior: 'smooth' }));\n          }\n\n          initialized = true;\n        };\n\n        const destroy = () =\u003e {\n          \/\/ Reseta apenas UI de dots (nav fica oculta por CSS no desktop)\n          dotsWrap.innerHTML = '';\n          initialized = false;\n        };\n\n        const handleChange = (e) =\u003e {\n          if (e.matches) { init(); } else { destroy(); }\n        };\n\n        \/\/ Boot conforme breakpoint\n        handleChange(mql);\n        mql.addEventListener ? mql.addEventListener('change', handleChange) : mql.addListener(handleChange);\n      })();\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Loja Utilix","offers":[{"title":"4L \/ Preto","offer_id":47946764157158,"sku":null,"price":147.9,"currency_code":"BRL","in_stock":true},{"title":"4L \/ Bege","offer_id":47946764189926,"sku":null,"price":147.9,"currency_code":"BRL","in_stock":true},{"title":"4L \/ Cinza","offer_id":47946764222694,"sku":null,"price":147.9,"currency_code":"BRL","in_stock":true},{"title":"6L \/ Preto","offer_id":47946764255462,"sku":"VUBJzfaCc","price":167.9,"currency_code":"BRL","in_stock":true},{"title":"6L \/ Bege","offer_id":47946764288230,"sku":null,"price":167.9,"currency_code":"BRL","in_stock":true},{"title":"6L \/ Cinza","offer_id":47946764320998,"sku":null,"price":167.9,"currency_code":"BRL","in_stock":true},{"title":"8L \/ Preto","offer_id":47946764353766,"sku":null,"price":187.9,"currency_code":"BRL","in_stock":true},{"title":"8L \/ Bege","offer_id":47946764386534,"sku":null,"price":187.9,"currency_code":"BRL","in_stock":true},{"title":"8L \/ Cinza","offer_id":47946764419302,"sku":null,"price":187.9,"currency_code":"BRL","in_stock":true},{"title":"10L \/ Preto","offer_id":47946764452070,"sku":"W05SN3z3K","price":207.9,"currency_code":"BRL","in_stock":true},{"title":"10L \/ Bege","offer_id":47946764484838,"sku":null,"price":207.9,"currency_code":"BRL","in_stock":true},{"title":"10L \/ Cinza","offer_id":47946764517606,"sku":null,"price":207.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0778\/8448\/9958\/files\/1_6c2394a5-01db-44b2-a98d-9226222da5ea.png?v=1783103745","url":"https:\/\/casamontanabrasil.shop\/products\/panela-de-pressao-aco-inox-multifuncional","provider":"Lojas Montana","version":"1.0","type":"link"}