{"title":"Mais Vendidos.","description":"","products":[{"product_id":"lanterna-led-tatica-potente-4-nucleos","title":"Lanterna led tática potente 4 núcleos","description":"\n\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .camillo-marquee-content svg {\n width: 14px;\n height: 14px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003c!-- Os SVGs abaixo foram cuidadosamente selecionados para a Lanterna Tática --\u003e\n \u003cspan\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e 4 NÚCLEOS DE ALTA POTÊNCIA\u003c\/span\u003e\n \u003cspan\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e RESISTENTE A RESPINGOS D'ÁGUA\u003c\/span\u003e\n \u003cspan\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"22\" y1=\"11\" x2=\"22\" y2=\"13\"\u003e\u003c\/line\u003e\u003c\/svg\u003e BATERIA DE LONGA DURAÇÃO\u003c\/span\u003e\n \u003cspan\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\u003e\u003c\/line\u003e\u003cline x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\u003e\u003c\/line\u003e\u003cline x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\u003e\u003c\/line\u003e\u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\u003e\u003c\/line\u003e\u003cline x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\u003e\u003c\/line\u003e\u003c\/svg\u003e 4 MODOS INTELIGENTES DE LUZ\u003c\/span\u003e\n \u003cspan\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e LONGO ALCANCE E LUZ LATERAL COB\u003c\/span\u003e\n \u003cspan\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e CARREGAMENTO RÁPIDO USB\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/lanterna-led-tatica-potente-4-nucleos-alto-brilho-recarregavel-portatil-longo-alcance-ultra-iluminacao-imperio-k\/imperiok\/1329p\/e4922d7ca8b5dc1eba6ad0b989c7af78.jpeg\" alt=\"Lanterna LED Tática Potente 4 Núcleos\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eExtreme Tactical Light\u003c\/div\u003e\n \u003ch1\u003eLanterna Tática \u003ci\u003eVanguard X4\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eQualidade, inovação e ultra iluminação em suas mãos. Potência de 4 núcleos com longo alcance para campings, caçadas e emergências.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e 4 Modos de Luz\u003c\/h3\u003e\n \u003cp\u003eAdapte a iluminação à sua necessidade: Brilho Alto, Brilho Baixo, Modo Strobo (Piscante de emergência) e LED Lateral COB para iluminar ambientes amplos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Indicador de Bateria\u003c\/h3\u003e\n \u003cp\u003eNão se preocupe mais com a falta de carga. Acompanhe a energia restante em tempo real através do display de LEDs azuis integrados no corpo da lanterna.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Carregamento USB\u003c\/h3\u003e\n \u003cp\u003eEquipada com bateria modelo 18650 de alta capacidade, você pode recarregar rapidamente a sua lanterna no carro, no powerbank ou em qualquer porta USB.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Resistência Extrema\u003c\/h3\u003e\n \u003cp\u003eConstruída com ABS robusto e Silicone, ela foi projetada para resistir a impactos e é resistente a respingos d'água, ideal para chuvas leves e uso tático.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eO Poder da \u003cspan\u003eClareza\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eVocê nunca mais ficará no escuro. A Vanguard X4 possui 4 núcleos de LEDs super potentes que rasgam a escuridão, oferecendo uma visibilidade tática incrível a longas distâncias.\u003c\/p\u003e\n \u003cp\u003eAlém de ser a ferramenta definitiva para atividades outdoor e de segurança, a exclusiva iluminação lateral transforma a lanterna num perfeito holofote de emergência, excelente para trabalhar, trocar um pneu ou ler.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/http2.mlstatic.com\/D_NQ_NP_976560-MLA74035745754_012024-O.webp\" class=\"camillo-img-back\" alt=\"Luz Lateral COB Ativada\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/http2.mlstatic.com\/D_NQ_NP_891070-MLU73562508901_122023-O.webp\" class=\"camillo-img-front\" alt=\"Refletor 4 LEDs Frontais\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003ePotência de Iluminação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e4 LEDs Principais + 1 LED Lateral (COB)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBateria e Carregamento\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eLítio de Alta Capacidade (Mod. 18650) \/ Via Cabo USB\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial \/ Proteção\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eABS + Silicone \/ Resistente a Respingos de Água\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eVida Útil Estimada\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e100.000 Horas de uso do LED\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDimensões \/ Peso\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e15 cm (C) x 8 cm (A) x 6 cm (L) \/ Ultra Leve: 115g\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003ePraticidade e \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eDesempenho Diário\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eComo aproveitar ao máximo:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Versatilidade:\u003c\/b\u003e Utilize o único botão no corpo da lanterna para alternar entre os potentes LEDs frontais para longo alcance, ou a luz lateral (COB) para iluminar uma barraca ou a sua mesa de trabalho de forma ampla sem precisar segurá-la.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Gestão de Bateria:\u003c\/b\u003e Fique sempre atento aos indicadores azuis de carga na parte superior. Assim que o último LED começar a piscar, conecte o cabo USB incluso para preservar a saúde e a vida útil da sua bateria interna.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003eO que vem na caixa:\u003c\/b\u003e 01 Lanterna Tática Vanguard X4 e 01 Cabo USB para Carregamento Rápido.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003ePronta para a \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eAção\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO detalhe indispensável para a sua aventura ou emergência:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/http2.mlstatic.com\/D_NQ_NP_727099-MLU73562399793_122023-O.webp\" alt=\"Luz Lateral da Lanterna\"\u003e\n \u003cimg src=\"https:\/\/http2.mlstatic.com\/D_NQ_NP_2X_961293-MLU73562508913_122023-F.webp\" alt=\"Tamanho ergonômico da Lanterna na mão\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MINHA LANTERNA VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485273162024,"sku":"8781","price":87.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169721217577448.jpg?v=1772369461"},{"product_id":"depilador-feminino-eletrico-recarregavel-intimo-axilas-sombrancelha-buco-3-em-1-ds11634","title":"Depilador feminino elétrico recarregável intimo axilas sobrancelha buço 3 em 1 ds11634","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(33.333% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 0;\n border-radius: 4px;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(50% - 15px); }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n\u003cdiv class=\"camillo-marquee\"\u003e\n\u003cdiv class=\"camillo-marquee-content\"\u003e\n\u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e DEPILAÇÃO SEM DOR\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e 3 CABEÇAS INTERCAMBIÁVEIS\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e BATERIA DE LONGA DURAÇÃO\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e DESIGN PORTÁTIL\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e PELE SEMPRE LISA\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e DEPILAÇÃO SEM DOR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO SECTION EM CAMADAS --\u003e\n\u003cdiv class=\"camillo-hero-stack\"\u003e\n\u003cdiv class=\"camillo-hero-img-box\"\u003e\n\u003c!-- Imagem 1 (Destaque Principal) --\u003e \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/depilador-feminino-eletrico-intimo-axilas-sobrancelha-buco-3x1-flawlbss\/rpecommerce\/8991066117776\/e48a1fd26d91381edf3a5951b20b5780.jpeg\" alt=\"Depilador Feminino Elétrico Intimo Axilas Sobrancelha Buço 3x1\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003eBeleza \u0026amp; Cuidados Pessoais\u003c\/div\u003e\n\u003ch1\u003eDepilador \u003ci\u003eGlow Pro 3x1\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eA solução indolor e definitiva para uma pele incrivelmente lisa, desenhada para todas as curvas do seu corpo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GRID DE BENEFÍCIOS --\u003e\n\u003cdiv class=\"camillo-grid-wrapper\"\u003e\n\u003cdiv class=\"camillo-feature-grid\"\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e 3 em 1 Multifuncional\u003c\/h3\u003e\n\u003cp\u003eO kit perfeito. Acompanha três cabeças de corte exclusivas e intercambiáveis para adaptar-se perfeitamente às sobrancelhas, buço, axilas e áreas íntimas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Totalmente Indolor\u003c\/h3\u003e\n\u003cp\u003eEsqueça a dor da cera e a vermelhidão das lâminas comuns. O sistema inteligente corta o pelo rente à raiz de forma suave, sem puxar ou irritar a pele sensível.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Bateria Premium\u003c\/h3\u003e\n\u003cp\u003eEsqueça as recargas constantes. A sua bateria integrada de grande capacidade garante até 270 minutos de uso contínuo, o suficiente para meses de uso diário.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Leve para Todo o Lado\u003c\/h3\u003e\n\u003cp\u003eCom um design portátil e elegante, cabe em qualquer bolsa. O carregamento universal USB permite carregar no carro, powerbank ou diretamente no seu computador.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n\u003cdiv class=\"camillo-detail-split\"\u003e\n\u003cdiv class=\"camillo-detail-text\"\u003e\n\u003ch2\u003eSuavidade de Salão \u003cspan\u003eem Casa\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eConquistar uma pele lisa e impecável nunca foi tão rápido e confortável. O Depilador Glow Pro 3x1 foi desenvolvido para mulheres modernas que valorizam resultados profissionais sem gastar tempo ou dinheiro em clínicas.\u003c\/p\u003e\n\u003cp\u003eA precisão das suas três cabeças de corte garante que esteja sempre preparada para qualquer ocasião. Uma pele radiante, sem falhas e sem dor, a qualquer hora do dia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-img-group\"\u003e\n\u003c!-- Imagem 2 (Detalhe das cabeças) --\u003e \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/depilador-feminino-eletrico-intimo-axilas-sobrancelha-buco-3x1-flawlbss\/rpecommerce\/8991066117776\/c9e0404a0bfe8a5d27d0d760de996e88.jpeg\" class=\"camillo-img-back\" alt=\"Detalhe do aparelho portátil\"\u003e \u003c!-- Imagem 3 (Uso e pontas diferentes) --\u003e \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/depilador-feminino-eletrico-intimo-axilas-sobrancelha-buco-3x1-flawlbss\/rpecommerce\/8991066117776\/4ccfce7875df6040c417ef125b6f7038.jpeg\" class=\"camillo-img-front\" alt=\"Cabeças de corte intercambiáveis\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-specs-container\"\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eFunção Principal\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eDepilação Facial, Corporal e Íntima (Indolor)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eAcessórios Inclusos\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e3 Cabeças de corte intercambiáveis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eAutonomia da Bateria\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eAté 270 minutos de uso contínuo\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eCarregamento e Potência\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eCabo USB Portátil (DC 5V 1A) | 3W de Potência\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eMaterial de Construção\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003ePlástico de Alta Resistência e ABS Premium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n\u003cdiv class=\"camillo-cta-container\"\u003e\n\u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n\u003cdiv class=\"camillo-btn-magnetic\"\u003eGARANTIR MEU DEPILADOR GLOW PRO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485273260328,"sku":"4047","price":206.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169720600806965.jpg?v=1772369462"},{"product_id":"microfone-de-lapela-sem-fio-tipo-c","title":"Microfone de lapela sem fio tipo c","description":"\n\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .camillo-marquee-content img {\n width: 14px;\n height: 14px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003c!-- Os SVGs abaixo foram cuidadosamente selecionados e embutidos --\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNSAxMi41NWExMSAxMSAwIDAgMSAxNC4wOCAwIi8+PHBhdGggZD0iTTEuNDIgOWExNiAxNiAwIDAgMSAyMS4xNiAwIi8+PHBhdGggZD0iTTguNTMgMTYuMTFhNiA2IDAgMCAxIDYuOTUgMCIvPjxsaW5lIHgxPSIxMiIgeTE9IjIwIiB4Mj0iMTIuMDEiIHkyPSIyMCIvPjwvc3ZnPg==\" alt=\"icon\"\u003e CONEXÃO SEM FIO 2.4GHZ\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSI0IiB5PSI4IiB3aWR0aD0iMTYiIGhlaWdodD0iOCIgcng9IjIiIHJ5PSIyIi8+PGxpbmUgeDE9IjgiIHkxPSIxMiIgeDI9IjE2IiB5Mj0iMTIiLz48L3N2Zz4=\" alt=\"icon\"\u003e CONECTOR TIPO-C PLUG \u0026amp; PLAY\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMWEzIDMgMCAwIDAtMyAzdjhhMyAzIDAgMCAwIDYgMFY0YTMgMyAwIDAgMC0zLTN6Ii8+PHBhdGggZD0iTTE5IDEwdjJhNyA3IDAgMCAxLTE0IDB2LTIiLz48bGluZSB4MT0iMTIiIHkxPSIxOSIgeDI9IjEyIiB5Mj0iMjMiLz48bGluZSB4MT0iOCIgeTE9IjIzIiB4Mj0iMTYiIHkyPSIyMyIvPjwvc3ZnPg==\" alt=\"icon\"\u003e REDUÇÃO DE RUÍDO INTELIGENTE\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIyIiB5PSI3IiB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHJ4PSIyIiByeT0iMiIvPjxsaW5lIHgxPSIyMiIgeTE9IjExIiB4Mj0iMjIiIHkyPSIxMyIvPjwvc3ZnPg==\" alt=\"icon\"\u003e BATERIA PARA ATÉ 5 HORAS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIGQ9Ik0xMiAyMnM4LTQgOC0xMFY1bC04LTMtOCAzdjdjMCA2IDggMTAgOCAxMHoiLz48L3N2Zz4=\" alt=\"icon\"\u003e ALCANCE EXTREMO DE ATÉ 50 METROS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWdvbiBwb2ludHM9IjIzIDcgMTYgMTIgMjMgMTcgMjMgNyIvPjxyZWN0IHg9IjEiIHk9IjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgcng9IjIiIHJ5PSIyIi8+PC9zdmc+\" alt=\"icon\"\u003e IDEAL PARA TIKTOK E YOUTUBE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/5318\/3701\/files\/GIF-220408_153041.gif?v=1649444214\" alt=\"Microfone de Lapela Sem Fio Vanguard\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eProfessional Audio Tech\u003c\/div\u003e\n \u003ch1\u003eMicrofone Lapela \u003ci\u003eVanguard Wireless\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eLiberte sua voz. Gravações com qualidade de estúdio, sem fios enrolados e com redução de ruído inteligente para vídeos, lives e podcasts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Conexão Sem Fios\u003c\/h3\u003e\n \u003cp\u003eEsqueça os cabos emaranhados. Transmissão estável de 2.4GHz que garante um áudio impecável e sincronizado a até 50 metros de distância.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Redução de Ruído\u003c\/h3\u003e\n \u003cp\u003eChip inteligente integrado que filtra ativamente ruídos externos e vento, captando a sua voz com extrema clareza mesmo em ambientes barulhentos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Plug and Play\u003c\/h3\u003e\n \u003cp\u003eNenhum aplicativo ou Bluetooth necessário. Basta conectar o receptor na entrada Tipo-C do seu smartphone e começar a gravar imediatamente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Longa Duração\u003c\/h3\u003e\n \u003cp\u003eEquipado com bateria de 80mAh, o microfone oferece até 5 horas de gravação contínua. Perfeito para transmissões ao vivo, vlogs e entrevistas longas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eQualidade de Estúdio \u003cspan\u003eno seu Bolso\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eEleve o profissionalismo do seu conteúdo. O áudio é o fator mais importante para prender a atenção do seu público no TikTok, YouTube ou Instagram, e o Vanguard Wireless resolve isso em segundos.\u003c\/p\u003e\n \u003cp\u003eCom um design ultraleve de apenas 7 gramas, o microfone fixa-se discretamente na sua roupa. A tecnologia omnidirecional capta o som em 360 graus, garantindo que cada palavra seja ouvida com perfeição.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0624\/1314\/4322\/files\/ezgif-4-6d96bf01f5_480x480.gif?v=1652356736\" class=\"camillo-img-back\" alt=\"Uso prático do Microfone Lapela\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0729\/4871\/1711\/files\/nbdvdcscsaaacsafsada_480x480_1803496c-4a68-4675-bc30-334b6e4f0db0.webp?v=1687347771\" class=\"camillo-img-front\" alt=\"Filtro de isolamento acústico\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eConexão \/ Frequência\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eTipo-C \/ 2.4 GHz\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDistância de Transmissão\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e30 a 50 metros de alcance\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCaptação e Sensibilidade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e20Hz-20KHz \/ -30dB (Redução de Ruído SNR \u0026gt;60dB)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBateria \/ Autonomia\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e80mAh \/ Até 5 horas de uso contínuo\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDimensões \/ Peso\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eMic 7g (62mm) | Receptor 4g (45mm)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eManual de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eIniciação\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003ePasso a Passo Rápido:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Conecte o Receptor:\u003c\/b\u003e Insira o pequeno receptor diretamente na entrada Tipo-C do seu celular ou tablet. Um indicador luminoso confirmará a conexão de energia.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Ligue o Microfone:\u003c\/b\u003e Pressione o pequeno botão na parte de trás do microfone de lapela. A luz ficará verde ou azul fixa, indicando que o emparelhamento com o receptor foi um sucesso.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Pronto para Gravar:\u003c\/b\u003e Abra o seu aplicativo de câmera, gravador de voz ou rede social favorita (TikTok, YouTube, Instagram). O áudio da sua gravação já estará sendo captado com qualidade profissional pelo microfone Vanguard!\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eSeu Conteúdo em \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eDestaque\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO equipamento que separa amadores de profissionais:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0729\/4871\/1711\/files\/nbdvdcscsaaacsafsada_480x480_1803496c-4a68-4675-bc30-334b6e4f0db0.webp?v=1687347771\" alt=\"Demonstração do Microfone e Isolador de Ruídos\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU MICROFONE VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485273227560,"sku":"MicLapelaANDROID","price":129.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637254642045.jpg?v=1772369462"},{"product_id":"aromatizador-e-difusor-de-ar-com-7-cores","title":"Aromatizador e difusor de ar com 7 cores","description":"\n\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .camillo-marquee-content img {\n width: 14px;\n height: 14px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003c!-- Ícones personalizados para Aromaterapia, Difusor e Relaxamento --\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M11%2020A7%207%200%200%201%209.8%206.1C15.5%205%2017%204.48%2019%202c1%202%202%204.18%202%208%200%205.5-4.78%2010-10%2010Z'\/%3E%3Cpath%20d='M2%2021c0-3%201.85-5.36%205.08-6C9.5%2014.52%2012%2013%2013%2012'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e AROMATERAPIA E BEM-ESTAR\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%202.69l5.66%205.66a8%208%200%201%201-11.31%200z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CAPACIDADE DE 300ML\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'\/%3E%3Cline%20x1='12'%20y1='1'%20x2='12'%20y2='3'\/%3E%3Cline%20x1='12'%20y1='21'%20x2='12'%20y2='23'\/%3E%3Cline%20x1='4.22'%20y1='4.22'%20x2='5.64'%20y2='5.64'\/%3E%3Cline%20x1='18.36'%20y1='18.36'%20x2='19.78'%20y2='19.78'\/%3E%3Cline%20x1='1'%20y1='12'%20x2='3'%20y2='12'\/%3E%3Cline%20x1='21'%20y1='12'%20x2='23'%20y2='12'\/%3E%3Cline%20x1='4.22'%20y1='19.78'%20x2='5.64'%20y2='18.36'\/%3E%3Cline%20x1='18.36'%20y1='5.64'%20x2='19.78'%20y2='4.22'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ILUMINAÇÃO LED 7 CORES\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M11%2020A7%207%200%200%201%209.8%206.1C15.5%205%2017%204.48%2019%202c1%202%202%204.18%202%208%200%205.5-4.78%2010-10%2010Z'\/%3E%3Cpath%20d='M2%2021c0-3%201.85-5.36%205.08-6C9.5%2014.52%2012%2013%2013%2012'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e UMIDIFICA E PURIFICA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'\/%3E%3Cpolyline%20points='12%206%2012%2012%2016%2014'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TIMER INTELIGENTE (1H-3H)\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='11%205%206%209%202%209%202%2015%206%2015%2011%2019%2011%205'\/%3E%3Cline%20x1='23'%20y1='9'%20x2='17'%20y2='15'\/%3E%3Cline%20x1='17'%20y1='9'%20x2='23'%20y2='15'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ULTRA SILENCIOSO (30DB)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/I\/61mwmiXV+FL._AC_UF894,1000_QL80_.jpg\" alt=\"Aromatizador e Difusor de Ar com 7 Cores\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eWellness \u0026amp; Air Care\u003c\/div\u003e\n \u003ch1\u003eAromatizador \u003ci\u003eVanguard Zen\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eTransforme o ar que você respira. Aromaterapia, cromoterapia, purificação e umidificação em um design sofisticado para o seu bem-estar diário.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Difusor de Aromas\u003c\/h3\u003e\n \u003cp\u003eAdicione seus óleos essenciais favoritos para reduzir odores (cigarro, pets), aliviar o estresse e criar um ambiente incrivelmente perfumado e aconchegante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Cromoterapia 7 Cores\u003c\/h3\u003e\n \u003cp\u003eA iluminação LED suave permite alternar entre 7 cores relaxantes de forma contínua ou fixa, servindo perfeitamente como luz noturna ou decoração.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Umidificador Ultrassônico\u003c\/h3\u003e\n \u003cp\u003eA atomização delicada converte água em micropartículas, prevenindo pele seca e rachada e facilitando a respiração nos meses mais secos do ano.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Purificador de Íons\u003c\/h3\u003e\n \u003cp\u003eGera íons negativos que eliminam poeira, bactérias e toxinas, proporcionando um ar muito mais puro e silencioso com operação em apenas 30dB.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eO Seu Oásis \u003cspan\u003eParticular\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eDesenvolvido em material PP de alta qualidade, o Vanguard Zen é resistente a óleos essenciais e distribui perfeitamente a névoa umidificadora em quartos, escritórios ou salas de estar de até 30 metros quadrados.\u003c\/p\u003e\n \u003cp\u003eCuide da saúde do seu sono com o temporizador inteligente regulável (1h, 2h, 3h ou contínuo). Com um controle remoto em mãos, você ajusta as luzes e a névoa sem sair da cama, com total conforto.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/difusor-eletrico-e-aromatizador-com-led-300-ml-ultrassonico-grupo-shopmix\/mixcommerce\/sto279300\/7968296c0ed73894e1b71fd297a48a56.jpeg\" class=\"camillo-img-back\" alt=\"Difusor Aromatizador Redondo\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/images-americanas.b2w.io\/produtos\/7465317279\/imagens\/umidificador-de-ar-aromatizador-purificador-portatil-led-rgb\/7465317279_1_large.jpg\" class=\"camillo-img-front\" alt=\"Umidificador Aromatizador Purificador Portátil Led RGB\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCapacidade e Área\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e300ml \/ Cobertura ideal de 21 a 30m²\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eTecnologia\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eUltrassônica 2.4MHz \/ Purificador de Íons\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAlimentação e Potência\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eEntrada AC100-240V (Bivolt) \/ Saída DC24V \/ 12W\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial e Dimensões\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003ePP Protetor de Alta Qualidade \/ 16 x 16 x 12 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eItens Inclusos\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e1x Aromatizador, 1x Controle Remoto, 1x Cabo, 1x Manual\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eDicas de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eUso e Conservação\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eSiga estes passos para máximo relaxamento:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Água Limpa:\u003c\/b\u003e Adicione água em temperatura ambiente até a marca limite interna de 300ml. Não ultrapasse essa capacidade para garantir a atomização ideal da névoa.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Óleos Essenciais:\u003c\/b\u003e Adicione algumas gotas do seu óleo essencial aromático favorito após colocar a água (o material do reservatório é resistente a todos os tipos de óleos puros).\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Manutenção:\u003c\/b\u003e Para prolongar a vida útil do aparelho, limpe o reservatório regularmente com um pano macio e nunca ligue o difusor quando ele estiver sem água no tanque.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eCromoterapia e \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eCalma\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eUm show de luzes que harmoniza o seu espaço:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/images-americanas.b2w.io\/produtos\/7465317279\/imagens\/umidificador-de-ar-aromatizador-purificador-portatil-led-rgb\/7465317279_1_large.jpg\" alt=\"Aromatizador operando na luz noturna verde\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU AROMATIZADOR VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485273653544,"sku":"Difusor7Cores","price":181.5,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637259453826.jpg?v=1772369462"},{"product_id":"mini-camera-espia-monitoramento-a9","title":"Mini Camera Espiã Monitoramento A9","description":"\n\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .camillo-marquee-content img {\n width: 14px;\n height: 14px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003c!-- Ícones perfeitamente embutidos para Câmera, Wi-Fi, Magnético, Lente --\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012.55a11%2011%200%200%201%2014.08%200'\/%3E%3Cpath%20d='M1.42%209a16%2016%200%200%201%2021.16%200'\/%3E%3Cpath%20d='M8.53%2016.11a6%206%200%200%201%206.95%200'\/%3E%3Cline%20x1='12'%20y1='20'%20x2='12.01'%20y2='20'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONEXÃO WI-FI EM TEMPO REAL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2012.79A9%209%200%201%201%2011.21%203%207%207%200%200%200%2021%2012.79z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e VISÃO NOTURNA INFRAVERMELHO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2011V9a8%208%200%200%201%2016%200v2'\/%3E%3Cpath%20d='M4%2011h4v4H4z'\/%3E%3Cpath%20d='M16%2011h4v4h-4z'\/%3E%3Cpath%20d='M12%2021v-3'\/%3E%3Cpath%20d='M9%2021h6'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e BASE MAGNÉTICA UNIVERSAL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8z'\/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e LENTE ULTRAWIDE 150 GRAUS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%2021h10a2%202%200%200%200%202-2V5a2%202%200%200%200-2-2H9L5%205v14a2%202%200%200%200%202%202z'\/%3E%3Cpath%20d='M9%207v2'\/%3E%3Cpath%20d='M12%207v2'\/%3E%3Cpath%20d='M15%207v2'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e GRAVAÇÃO EM CARTÃO MICRO SD\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='23%207%2016%2012%2023%2017%2023%207'\/%3E%3Crect%20x='1'%20y='5'%20width='15'%20height='14'%20rx='2'%20ry='2'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e MONITORAMENTO DISCRETO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0739\/6753\/4373\/files\/gif-11_480x480.gif?v=1680824554\" alt=\"Mini Câmera Espiã HD sem Fio\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eSmart Covert Tech\u003c\/div\u003e\n \u003ch1\u003eMini Câmera \u003ci\u003eVanguard A9\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eO poder de estar em dois lugares ao mesmo tempo. Segurança discreta e monitoramento invisível em HD para a sua casa ou carro.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Visão Panorâmica 150°\u003c\/h3\u003e\n \u003cp\u003eEquipada com uma lente ultrawide de alta precisão que captura absolutamente tudo. Ideal para o monitoramento de ambientes sem deixar pontos cegos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Base Magnética\u003c\/h3\u003e\n \u003cp\u003eInstalação em segundos e sem furos. O ímã forte integrado na traseira permite que fixe a câmera instantaneamente em qualquer superfície ou estrutura metálica.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Visão Noturna IR\u003c\/h3\u003e\n \u003cp\u003eAs luzes apagaram? A gravação continua. A tecnologia infravermelha invisível assegura imagens nítidas mesmo na escuridão total, sem revelar a sua posição.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Acesso Remoto HD\u003c\/h3\u003e\n \u003cp\u003eConecte à rede Wi-Fi e visualize a transmissão de vídeo ao vivo, em alta definição, diretamente pelo smartphone ou tablet, de qualquer lugar do mundo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eVigilância \u003cspan\u003eInvisível\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eA Mini Câmera Vanguard A9 é a solução mais moderna e elegante para a segurança da sua casa, carro ou escritório. Com os seus modestos 4cm de diâmetro, ela passa totalmente despercebida enquanto protege o que é seu.\u003c\/p\u003e\n \u003cp\u003eNão tem acesso à Internet Wi-Fi no local? Sem problemas. Basta inserir um cartão de memória Micro SD (não incluído) para que a câmera ligue e salve todos os arquivos de vídeo localmente para você assistir mais tarde.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0606\/6539\/7432\/files\/00-00-05--00-00-07_grande_480x480_dbade814-f5a6-454f-a2aa-93d1cf28dc50_480x480.gif?v=1645674341\" class=\"camillo-img-back\" alt=\"Tamanho reduzido da Mini Câmera A9\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0572\/7656\/3630\/files\/minicamerahdespiaA9-2_480x480.gif?v=1660148624\" class=\"camillo-img-front\" alt=\"Acesso no Celular Câmera HD\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eConexão \/ Gravação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eWi-Fi \/ Suporte a Micro SD (Não incluso)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eÂngulo de Visão\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e150 Graus (Lente Ultrawide)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eRecursos Especiais\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eVisão Noturna \/ Base Magnética Integrada\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003ePlástico ABS de alta resistência\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDimensões e Peso\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e4cm x 4cm \/ Ultra Leve: 19g\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eInstalação e \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eUso Simples\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003ePasso a Passo da Proteção:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Fixação Rápida:\u003c\/b\u003e Use a base magnética para grudar a câmera em metais ou utilize o suporte incluso para ajustar o ângulo ideal na parede.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Acesso no App:\u003c\/b\u003e Baixe o aplicativo recomendado no manual de instruções, conecte a câmera à sua rede Wi-Fi e tenha a imagem ao vivo na palma da mão.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Sem Internet:\u003c\/b\u003e Insira o cartão de memória (Micro SD) antes de ligar o dispositivo para ativar o modo de gravação automática offline.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eSegurança em \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eAlta Definição\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eProteção contínua e discreta em qualquer ambiente:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/media3.giphy.com\/media\/WnZ4l9d69QEO8mxvet\/giphy.gif?cid=790b76113b7b69b05af17b84655f7ac700bf69a20a1b8171\u0026amp;rid=giphy.gif\u0026amp;ct=g\" alt=\"Instalação Magnética em Metal\"\u003e\n \u003cimg src=\"https:\/\/media.giphy.com\/media\/mBq6YrAB0oqrcAAagA\/giphy.gif\" alt=\"Alerta de Detecção de Movimento\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MINHA MINI CÂMERA A9 \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485273784616,"sku":"9233","price":81.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169721244739786.jpg?v=1772369463"},{"product_id":"moedor-e-triturador-de-cafe-graos-sementes-eletrico-inox","title":"Moedor e triturador de café grãos sementes elétrico inox","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar os detalhes *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Modo de Uso *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 50px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(33.333% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e AROMA E SABOR INTENSOS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e LÂMINAS EM AÇO INOXIDÁVEL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e MOAGEM EM SEGUNDOS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e 24.000 RPM DE POTÊNCIA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e AROMA E SABOR INTENSOS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e LÂMINAS EM AÇO INOXIDÁVEL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/moedor-e-triturador-de-cafe-graos-sementes-eletrico-inox-shop-alternativo\/shopalternativocom\/16053753753\/e9d72953d24d0952366d66a358942772.jpeg\" alt=\"Moedor e Triturador de Café Grãos Sementes Elétrico\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eCozinha \u0026amp; Gourmet Premium\u003c\/div\u003e\n \u003ch1\u003eMoedor \u003ci\u003eGourmet Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eO aroma perfeito e a textura ideal para um café fresco ou moagem de sementes em segundos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Lâminas Ultra Afiadas\u003c\/h3\u003e\n \u003cp\u003eFabricadas em aço inoxidável de alta resistência, capazes de moer os grãos com extrema precisão, durabilidade e sem perder o fio de corte com o uso contínuo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Multiuso Versátil\u003c\/h3\u003e\n \u003cp\u003eMuito mais que café. A sua potência permite triturar facilmente e com perfeição amendoins, ervas, linhaças, especiarias e os mais variados tipos de sementes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Potência de 24.000 RPM\u003c\/h3\u003e\n \u003cp\u003eEquipado com um motor elétrico de 150W que trabalha numa velocidade incrível, garantindo que você tenha tudo moído na textura desejada em pouquíssimos segundos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design em Inox\u003c\/h3\u003e\n \u003cp\u003eUm acabamento prateado brilhante, elegante e compacto. Integra-se perfeitamente em qualquer cozinha moderna, sendo também extremamente fácil e seguro de limpar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eO Verdadeiro Sabor do \u003cspan\u003eCafé Fresco\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eAprecia um café fresquinho logo pela manhã? Venha deliciar-se com um café moído e passado na hora. O processo de moagem instantânea é o único que preserva toda a pureza e os óleos essenciais, realçando o aroma autêntico que transforma o seu dia.\u003c\/p\u003e\n \u003cp\u003eEsqueça os moedores lentos e manuais. O Moedor Gourmet Pro é o equipamento caseiro mais indicado para quem procura praticidade e rapidez sem abrir mão da excelência no sabor.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Background) --\u003e\n \u003cimg src=\"https:\/\/dafushop.com.br\/cdn\/shop\/files\/5251467AE3AD3453EB7B076D80B8B9EF.jpg?v=1695742083\" class=\"camillo-img-back\" alt=\"Moedor de Café Gourmet em ação\"\u003e\n \u003c!-- Imagem 3 (Frontal) --\u003e\n \u003cimg src=\"https:\/\/dafushop.com.br\/cdn\/shop\/files\/4671F64AA17F19EE216920F114AE0164.jpg?v=1695742090\" class=\"camillo-img-front\" alt=\"Modo de Uso do Moedor Elétrico\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003ePotência do Motor\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e150W | \u003cspan style=\"color: #d4af37; font-weight: 600;\"\u003eVelocidade de 24.000 RPM\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eVoltagem\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e110V\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCapacidade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAté 150g por ciclo (200-1000ml volumétricos)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCorpo em Prata e Lâminas em Aço Inoxidável Ultra Afiadas\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eTamanho e Dimensões\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e11 cm x 11 cm x 18 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Modo de Utilização (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eModo de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eUtilização\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eComo moer com perfeição:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Adicione os grãos:\u003c\/b\u003e Coloque uma quantidade de até 150g no interior do moedor.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Moagem rápida:\u003c\/b\u003e Feche a tampa de segurança e mantenha pressionado o botão de energia entre \u003cb\u003e8 a 18 segundos\u003c\/b\u003e, de acordo com a textura que deseja.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Avalie e repita:\u003c\/b\u003e Abra a tampa e verifique se o pó está na especificação desejada. Caso não esteja, feche a tampa e repita a operação. \u003ci\u003eAtenção: Para preservar o motor, nunca ultrapasse ciclos contínuos de 15 segundos sem pausas.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO (Imagens Extras) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003ePrecisão \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eAbsoluta\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO detalhe da construção pensada para durar:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/http2.mlstatic.com\/D_NQ_NP_790093-MLB70092329136_062023-O.webp\" alt=\"Detalhe em Aço Inox do Moedor\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR O MEU MOEDOR PRO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485274931496,"sku":"MoedorCafe","price":196.5,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637259839969.jpg?v=1772369464"},{"product_id":"cama-de-rede","title":"Cama de Rede para Animais de Estimação","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.6) grayscale(20%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(0.9) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 0;\n border-radius: 4px;\n }\n\n \/* Alerta de Tamanho e Dicas *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONFORTO NAS ALTURAS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESIGN REVERSÍVEL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e OTIMIZA O SEU ESPAÇO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e INSTALAÇÃO RÁPIDA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONFORTO NAS ALTURAS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESIGN REVERSÍVEL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque do Produto) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/5436\/0630\/products\/next-deal-shop-cat-hanging-hammock-bed-0_480x480.jpg?v=1679772932\" alt=\"Cama de Rede Suspensa para Gatos e Pets Pequenos\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eConforto Suspenso\u003c\/div\u003e\n \u003ch1\u003eCama \u003ci\u003eCloud Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eO santuário perfeito nas alturas. Prática, aconchegante e desenhada para otimizar o seu espaço.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Design Reversível\u003c\/h3\u003e\n \u003cp\u003ePrática para todas as estações do ano! Utilize o lado em tecido Oxford impermeável no verão, ou vire para o lado de pelúcia macia para reter o calor no inverno.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Otimização de Espaço\u003c\/h3\u003e\n \u003cp\u003eLiberte o chão da sua casa. Instala-se facilmente sob qualquer cadeira, poltrona ou dentro de caixas de transporte, criando um novo andar de conforto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Instalação Segura\u003c\/h3\u003e\n \u003cp\u003eNenhuma ferramenta é necessária. Vem equipada com alças totalmente ajustáveis e ganchos de metal robustos que suportam o peso do seu pet com total segurança.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Higiene Prática\u003c\/h3\u003e\n \u003cp\u003eConstruída com materiais duráveis e anti-derrapantes. Totalmente lavável, garantindo que o seu felino descanse sempre num ambiente limpo e fresco.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eO Refúgio nas \u003cspan\u003eAlturas\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eOs gatos adoram observar o mundo de cima. A Cama Cloud Pro proporciona exatamente essa sensação de segurança, superioridade e privacidade que o seu felino tanto procura instintivamente para os seus cochilos.\u003c\/p\u003e\n \u003cp\u003eCom uma instalação rápida e sem esforço, você transforma qualquer cadeira ou gaiola num verdadeiro palácio suspenso. Uma solução elegante que melhora a felicidade do seu animal e a organização do seu lar.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Background Escurecido para Efeito) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/5436\/0630\/products\/next-deal-shop-cat-hanging-hammock-bed-0_480x480.jpg?v=1679772932\" class=\"camillo-img-back\" alt=\"Gato descansando na cama suspensa\" style=\"filter: brightness(0.6) grayscale(10%); transform: scale(1.05);\"\u003e\n \u003c!-- Imagem 3 (Frontal Clara) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/5436\/0630\/products\/next-deal-shop-cat-hanging-hammock-bed-0_480x480.jpg?v=1679772932\" class=\"camillo-img-front\" alt=\"Cama Suspensa em Pelúcia Roxo\" style=\"transform: translateY(30px) translateX(-20px);\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDimensões do Produto\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e51 cm x 35 cm (Amplo e confortável)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003ePeso do Produto\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e145 g (Design Ultra Leve)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMateriais Principais\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eTecido Oxford Impermeável e Pelúcia Macia\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCor Exclusiva\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eRoxo Elegante\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eIndicação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eGatos adultos, gatinhos, coelhos e pequenos animais\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eComposição do Pacote\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e1x Cama de Rede Suspensa com Ganchos de Metal\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Instruções de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eComo \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eInstalar\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\" style=\"margin-bottom: 40px;\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003ePasso a Passo Simples:\u003c\/h4\u003e\n \u003cp\u003e1. Utilize as correias ajustáveis e os ganchos de metal para fixar as 4 pontas da cama sob uma cadeira firme ou nos cantos da caixa de transporte do seu pet.\u003c\/p\u003e\n \u003cp\u003e2. \u003cb\u003eAjuste de Temperatura:\u003c\/b\u003e Vire o lado de tecido Oxford para cima nos meses de calor (Verão) e o lado macio de pelúcia para cima nos meses frios (Inverno).\u003c\/p\u003e\n \u003cp\u003e3. Apresente o novo refúgio ao seu animal e deixe-o desfrutar do seu novo local favorito da casa!\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR A CAMA DO MEU GATO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"Default Title","offer_id":51485275128104,"sku":"SZ11012","price":79.9,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/next-deal-shop-cat-hanging-hammock-bed-0.jpg?v=1772369464"},{"product_id":"casinha-mimi-para-gato","title":"Casinha Mimi | Para Gato","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Tamanho e Dicas *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 15px;\n border-radius: 4px;\n }\n\n \/* Galeria Mosaico (Imagens) *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(33.333% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(50% - 15px); max-width: 100%; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONFORTO PREMIUM\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e REFÚGIO SEGURO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ALMOFADA LAVÁVEL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESIGN EXCLUSIVO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e INVERNO QUENTINHO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONFORTO PREMIUM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque do Produto) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/DkUKsGefGHGxzvUl3je_274163171149_ld_hq_online-video-cutter.com_480x480.gif?v=1689379623\" alt=\"Gato entrando na Casinha Mimi\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eDesign \u0026amp; Conforto Felino\u003c\/div\u003e\n \u003ch1\u003eCasinha \u003ci\u003eMimi Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eO refúgio perfeito e aconchegante que o seu gato vai amar, protegendo o seu sofá de arranhões.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Refúgio Anti-Stress\u003c\/h3\u003e\n \u003cp\u003eO formato com teto em arco totalmente fechado oferece uma sensação profunda de segurança e proteção, acalmando o seu felino instantaneamente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Sofá a Salvo\u003c\/h3\u003e\n \u003cp\u003eAo ganhar o seu próprio espaço hiper-confortável e irresistível, o seu gato perde o interesse em arranhar ou deitar-se nos móveis da casa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Inverno Quentinho\u003c\/h3\u003e\n \u003cp\u003ePreenchida com algodão de altíssima qualidade que atua como um isolante térmico de excelência, mantendo o pet bem aquecido e confortável nos dias frios.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Higiene Descomplicada\u003c\/h3\u003e\n \u003cp\u003eA almofada interna é 100% removível e pode ser lavada facilmente na máquina, tornando a manutenção diária uma tarefa simples e rápida.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eO Design que \u003cspan\u003eEncanta\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eA Casinha Mimi não é apenas uma cama de dormir, é uma verdadeira peça de decoração. Com o seu formato exclusivo e lúdico de orelhas de gato, ela integra-se de forma elegante e moderna em qualquer ambiente da sua casa.\u003c\/p\u003e\n \u003cp\u003eProporcione o máximo de bem-estar ao seu melhor amigo com um espaço que é só dele, onde ele pode relaxar, brincar e desfrutar de momentos de puro prazer e privacidade.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Background) --\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Hca491ae2cfc54826a45b2e33ba6439acX.jpg\" class=\"camillo-img-back\" alt=\"Detalhe do design Casinha Mimi\"\u003e\n \u003c!-- Imagem 3 (Frontal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/Ha7f080ce14e4413dbdf9683059196f30V_480x480.jpg?v=1689381232\" class=\"camillo-img-front\" alt=\"Gato descansando na Casinha Mimi\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eDetalhes do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDesign Temático\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eTeto em Arco Fechado com Orelhas de Gato\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eIndicação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eGatos de pequeno a grande porte (Tamanhos M e G)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial e Enchimento\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eTecido respirável e Algodão de alta qualidade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eManutenção\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAlmofada interna totalmente removível e lavável\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Tamanhos (Título + Imagens em Fundo Branco) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eGuia de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTamanhos\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eEscolha o Refúgio Ideal:\u003c\/h4\u003e\n \u003cp\u003e• \u003cb\u003eTamanho M:\u003c\/b\u003e 32cm (Largura) x 32cm (Comprimento) x 35cm (Altura) - \u003ci\u003eIdeal para gatos até porte médio.\u003c\/i\u003e\u003c\/p\u003e\n \u003cp\u003e• \u003cb\u003eTamanho G:\u003c\/b\u003e 35cm (Largura) x 35cm (Comprimento) x 40cm (Altura) - \u003ci\u003eIdeal para gatos maiores ou que gostam de muito espaço.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"camillo-table-img-box\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/medidas_480x480_23c8b587-d576-4d08-84c4-dd688b18277e_480x480.png?v=1689380996\" alt=\"Tabela de Medidas da Casinha Mimi\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA DE FOTOS ADICIONAIS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 5px; margin-top: 40px;\"\u003eEncanto em cada \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eDetalhe\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO cantinho aconchegante que transformará os cochilos do seu pet:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/H726d33c8bb914eaa94ed40dc042aa7b3y.jpg\" alt=\"Detalhe do material confortável\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/H7206ea28b72544f3b36a36532e1e1bb1l.jpg\" alt=\"Estrutura flexível da Casinha Mimi\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/H421ca02b4c6645f38cbcc92c93ae6a2cz.jpg\" alt=\"Almofada removível e fofinha\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Hf8e3ce099c4544e0b1420c2b96a8f0459.jpg\" alt=\"Base da Casinha Mimi\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/H8c145833d46f4e988a25473f2d347e0dG.jpg\" alt=\"Gato descansando relaxado\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR A CASINHA DO MEU GATO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Loja","offers":[{"title":"Default Title","offer_id":51485275193640,"sku":null,"price":0.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/14_200006151_Gray_5_361386_a1f7425a-478a-4058-b610-e4c2b229d9c0.jpg?v=1772369464"},{"product_id":"mini-projetor-alta-definicao-1080p","title":"Mini projetor alta definição 1080p","description":"\n\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e PROJEÇÃO ATÉ 80 POLEGADAS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SUPORTE FULL HD 1080P\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e BIVOLT AUTOMÁTICO (100-240V)\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TECNOLOGIA LED DE ALTA VIDA ÚTIL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESIGN ULTRA PORTÁTIL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CINEMA EM QUALQUER LUGAR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/imgur.com\/3fi54fP.gif\" alt=\"Mini Projetor Vanguard HD em uso\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eUltimate Home Theater\u003c\/div\u003e\n \u003ch1\u003eMini Projetor \u003ci\u003eVanguard HD\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA magia do cinema na palma da sua mão. Projeção cristalina, cores vibrantes e entretenimento sem limites em qualquer parede do seu lar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Full HD 1080p\u003c\/h3\u003e\n \u003cp\u003eEquipado com processamento de imagem avançado que restaura a cor natural e aumenta o brilho, entregando uma experiência visual de alta definição.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Cinema de 80 Polegadas\u003c\/h3\u003e\n \u003cp\u003eTransforme o seu quarto. O tamanho da projeção é ajustável entre 20 a 80 polegadas, permitindo que você assista a filmes, séries ou jogue numa tela gigante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Portabilidade Extrema\u003c\/h3\u003e\n \u003cp\u003eCom dimensões de apenas 12,6 cm, ele é menor do que muitos smartphones. Leve o entretenimento para viagens, reuniões ou festas sem ocupar espaço.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Multi-Interface Hub\u003c\/h3\u003e\n \u003cp\u003eTotal conectividade. Possui entradas para HDMI, USB, Cartão TF e Cabo AV, sendo compatível com Consoles, TV Boxes, Notebooks e Smartphones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eSua Sala, Seu \u003cspan\u003eEspetáculo\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eO Projetor Vanguard HD foi desenvolvido para quem busca versatilidade. Seu sistema de iluminação LED de baixa potência (12W) garante horas de uso sem superaquecimento e com fidelidade de cores impressionante.\u003c\/p\u003e\n \u003cp\u003eSeja para maratonar a sua série favorita na horizontal no teto do quarto, ou para uma apresentação rápida de trabalho, o design ergonómico amarelo e preto combina estilo com funcionalidade de ponta.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0452\/5627\/8177\/t\/3\/assets\/ezgifcomgifmaker_1_480x480-1658245972788_1200x.gif?v=1658246006\" class=\"camillo-img-back\" alt=\"Conexões do Projetor\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/s3.sa-east-1.amazonaws.com\/king-assets.yampi.me\/dooki\/6308c3f533bba\/6308c3f533bc1.gif\" class=\"camillo-img-front\" alt=\"Tamanho compacto do Mini Projetor\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eResolução Suportada\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eFull HD 1080p (Restauração de cor natural)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eTamanho da Projeção\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAjustável de 20 a 80 Polegadas\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAlimentação \/ Potência\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eBivolt 100-240V \/ Baixo consumo 12W\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDimensões do Produto\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e126,4 x 85,8 x 47,7 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eEntradas Disponíveis\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eHDMI, USB, AV, Cartão TF\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eManual de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eIniciação\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eSiga estes passos para a melhor imagem:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Posicionamento:\u003c\/b\u003e Coloque o projetor sobre uma superfície plana e estável, apontado para uma parede branca ou tela de projeção. Quanto mais escuro o ambiente, melhor será o brilho percebido.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Conexão:\u003c\/b\u003e Utilize o cabo HDMI para conectar o seu PC\/Consola ou o Cabo AV incluso para dispositivos analógicos. O comando remoto permite navegar facilmente pelo menu intuitivo.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Foco:\u003c\/b\u003e Utilize a pequena alavanca lateral na lente para ajustar o foco manualmente até que as letras e a imagem fiquem perfeitamente nítidas no tamanho desejado (de 20 a 80 polegadas).\u003c\/p\u003e\n \u003cp\u003e\u003ci\u003eNota: O pacote inclui 1 Projetor, 1 Comando Remoto, 1 Manual e 1 Cabo AV.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eA Diversão \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eExpandida\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO detalhe imersivo que faltava no seu entretenimento:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0452\/5627\/8177\/t\/3\/assets\/ezgifcomgifmaker_1_480x480-1658245972788_1200x.gif?v=1658246006\" alt=\"Mini Projetor em detalhe\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU CINEMA VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485275259176,"sku":"MiniProjetor","price":721.5,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637260292541.jpg?v=1772369464"},{"product_id":"camera-ip-seguranca-lampada-panoramica-wifi","title":"Câmera ip segurança lâmpada panorâmica wifi","description":"\n\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .camillo-marquee-content img {\n width: 14px;\n height: 14px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) COM ÍCONES CONTEXTUAIS --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8z'\/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e VISÃO PANORÂMICA 360°\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%2018h6'\/%3E%3Cpath%20d='M10%2022h4'\/%3E%3Cpath%20d='M12%202a5%205%200%200%200-5%205c0%202.5%202%204.5%202%207v2h6v-2c0-2.5%202-4.5%202-7a5%205%200%200%200-5-5Z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e INSTALAÇÃO EM BOCAL E27\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%201a3%203%200%200%200-3%203v8a3%203%200%200%200%206%200V4a3%203%200%200%200-3-3z'\/%3E%3Cpath%20d='M19%2010v2a7%207%200%200%201-14%200v-2'\/%3E%3Cline%20x1='12'%20y1='19'%20x2='12'%20y2='23'\/%3E%3Cline%20x1='8'%20y1='23'%20x2='16'%20y2='23'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ÁUDIO BIDIRECIONAL HD\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2012.79A9%209%200%201%201%2011.21%203%207%207%200%200%200%2021%2012.79z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e VISÃO NOTURNA INFRAVERMELHO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='5'%20y='2'%20width='14'%20height='20'%20rx='2'%20ry='2'\/%3E%3Cline%20x1='12'%20y1='18'%20x2='12.01'%20y2='18'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ALERTAS NO TELEMÓVEL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8z'\/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e VISÃO PANORÂMICA 360°\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003cimg src=\"https:\/\/www.fook.com.br\/cdn\/shop\/products\/200w_2_1024x.gif?v=1676397304\" alt=\"Câmera Lâmpada Panorâmica em 360 graus\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eInvisible Security\u003c\/div\u003e\n \u003ch1\u003eCâmera Lâmpada \u003ci\u003eVanguard 360\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eVigilância de alta tecnologia disfarçada de iluminação comum. Proteja quem você ama com visão panorâmica e controle total pelo smartphone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Monitorização Total\u003c\/h3\u003e\n \u003cp\u003eApenas uma câmera cobre uma área muito superior às comuns. Controle a rotação e o zoom digital diretamente no ecrã do seu telemóvel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Diálogo em Tempo Real\u003c\/h3\u003e\n \u003cp\u003eEquipada com alto falante e microfone. Ouça tudo o que se passa no ambiente e fale através do smartphone para interagir à distância.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Iluminação Inteligente\u003c\/h3\u003e\n \u003cp\u003eAlém de vigiar, ela ilumina. Acenda ou apague a luz remotamente via internet, criando a ilusão de presença mesmo estando fora de casa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Sensores de Alerta\u003c\/h3\u003e\n \u003cp\u003eReceba notificações instantâneas no seu dispositivo sempre que a câmera detetar movimento ou som suspeito no ambiente monitorizado.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eCuidado que \u003cspan\u003eNão se Vê\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eDesenvolvida com a tecnologia mais avançada do mercado, a Vanguard 360 é ideal para monitorizar crianças, idosos e animais de estimação com total discrição.\u003c\/p\u003e\n \u003cp\u003eSeu formato idêntico a uma lâmpada LED convencional permite uma instalação camuflada, sendo também a ferramenta perfeita para vigiar escritórios, funcionários e veículos sem chamar a atenção.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003cimg src=\"https:\/\/media.giphy.com\/media\/a4tQa5wh4oLRQppBY2\/giphy.gif\" class=\"camillo-img-back\" alt=\"Interface de controlo no telemóvel\"\u003e\n \u003cimg src=\"https:\/\/media.giphy.com\/media\/87j3QPDlwer6DcWf28\/giphy.gif\" class=\"camillo-img-front\" alt=\"Aparelho em formato de lâmpada\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eTipo de Conexão\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eWiFi Wireless (Acesso remoto global)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eInstalação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eBocal de lâmpada comum E27 (Sem cabos extras)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eQualidade de Vídeo\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eFull HD 1080p com Visão Noturna\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eArmazenamento\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eSuporta Cartão de Memória (Loop contínuo)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCompatibilidade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eiOS, Android e Tablets\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem;\"\u003eNota Importante:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003eAlimentação Contínua:\u003c\/b\u003e A câmera é alimentada pelo bocal da lâmpada. Portanto, se desligar o interruptor da parede, a câmera também será desligada.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MINHA VANGUARD 360 \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - CORRIGIDO COM SVGS --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485275291944,"sku":"CameraLampadaPanoramica","price":159.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637254966992.jpg?v=1772369464"},{"product_id":"bocal-de-alta-pressao","title":"Bocal de Alta Pressão","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .camillo-marquee-content img {\n width: 14px;\n height: 14px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium (EXATAMENTE COMO O ORIGINAL) *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) COM ÍCONES ESPECÍFICOS PARA O BOCAL --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003c!-- Ícones: 20x Potência (Raio), Água (Gota), Encaixe (Plug), Distância (Alvo), Casa\/Carro --\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiLz48L3N2Zz4=\" alt=\"icon\"\u003e AUMENTA A PRESSÃO EM ATÉ 20X\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiAyMmE3IDcgMCAwIDAgNy03YzAtMi0xLTMuOS0zLTUuNXMtMy41LTQtNC02LjVjLS41IDIuNS0yIDQuOS00IDYuNUM2IDExLjEgNSAxMyA1IDE1YTcgNyAwIDAgMCA3IDd6Ii8+PC9zdmc+\" alt=\"icon\"\u003e ECONOMIZE ATÉ 50% DE ÁGUA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMCAxM2E1IDUgMCAwIDAgNy41NC41NGwzLTNhNSA1IDAgMCAwLTcuMDctNy4wN2wtMS43MiAxLjcxIi8+PHBhdGggZD0iTTE0IDExYTUgNSAwIDAgMC03LjU0LS41NGwtMyAzYTUgNSAwIDAgMCA3LjA3IDcuMDdsMS43MS0xLjcxIi8+PC9zdmc+\" alt=\"icon\"\u003e ENCAIXE UNIVERSAL PARA MANGUEIRAS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PGxpbmUgeDE9IjIyIiB5MT0iMTIiIHgyPSIxOCIgeTI9IjEyIi8+PGxpbmUgeDE9IjYiIHkxPSIxMiIgeDI9IjIiIHkyPSIxMiIvPjxsaW5lIHgxPSIxMiIgeTE9IjYiIHgyPSIxMiIgeTI9IjIiLz48bGluZSB4MT0iMTIiIHkxPSIyMiIgeDI9IjEyIiB5Mj0iMTgiLz48L3N2Zz4=\" alt=\"icon\"\u003e ALCANCE EXTREMO SEM ESFORÇO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0zIDlsOS03IDkgN3YxMWEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMnoiLz48cG9seWxpbmUgcG9pbnRzPSI5IDIyIDkgMTIgMTUgMTIgMTUgMjIiLz48L3N2Zz4=\" alt=\"icon\"\u003e IDEAL PARA SUA CASA OU CARRO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem Principal --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0299\/1718\/4138\/files\/Captura_de_Tela_2022-08-19_as_13.58.03_480x480.png?v=1660928650\" alt=\"Bocal de Alta Pressão Vanguard Power\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eHigh Pressure Tech\u003c\/div\u003e\n \u003ch1\u003eBocal \u003ci\u003eVanguard Power\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eSe você se sente desmotivado a limpar sua casa e seu carro, nós temos a solução. Transforme a sua mangueira comum em uma lavadora de alta potência.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Potência Multiplicada\u003c\/h3\u003e\n \u003cp\u003eAumente a pressão da água em até 20 vezes. O design interno comprime e acelera o fluxo, removendo até as sujeiras mais difíceis e impregnadas rapidamente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Economia Sustentável\u003c\/h3\u003e\n \u003cp\u003eMais pressão significa menos tempo com a torneira aberta. Otimize sua lavagem e reduza o valor da sua conta de água em até 50% todos os meses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Encaixe Universal\u003c\/h3\u003e\n \u003cp\u003eBocal incrivelmente versátil, desenhado para engatar de forma rápida e segura em qualquer mangueira padrão. Sem necessidade de adaptadores caros.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Alcance Inigualável\u003c\/h3\u003e\n \u003cp\u003eLimpe os cantos do teto, as calhas altas ou o chassi do carro. O jato concentrado permite lavar locais que você normalmente não alcançaria sem uma escada.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eO Fim da \u003cspan\u003eSujeira Pesada\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eEsqueça os longos minutos esfregando calçadas ou gastando energia com lavadoras de alta pressão elétricas e barulhentas. O Bocal Vanguard Power entrega uma potência surpreendente utilizando apenas a pressão natural da sua torneira.\u003c\/p\u003e\n \u003cp\u003ePerfeito para remover limo de muros, lavar as rodas do carro ou apenas regar o jardim com uma névoa suave. Com ele, você nunca mais terá o problema de uma mangueira fraca e sem vida durante as suas tarefas.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0299\/1718\/4138\/files\/Captura_de_Tela_2022-08-19_as_13.58.17_480x480.png?v=1660928560\" class=\"camillo-img-back\" alt=\"Bocal de alta pressão em uso\"\u003e\n \u003cimg src=\"https:\/\/media.giphy.com\/media\/xXCPbaD9L0WfLCQb6s\/giphy-downsized-large.gif\" class=\"camillo-img-front\" alt=\"Demonstração do jato limpando o chão\" style=\"object-position: center; object-fit: cover;\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003ePremium\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eFunção Principal\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCompressor Mecânico de Jato D'água\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCompatibilidade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eEngate Rápido Universal (Padrão 1\/2\" e 3\/4\")\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAumento de Pressão\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAté 20x mais forte (Depende da vazão original)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eEconomia Estimada\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eRedução de até 50% no desperdício de água\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAplicações Recomendadas\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eAutomóveis, Calçadas, Telhados, Muros e Jardins\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem;\"\u003eInstruções Rápidas:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Conexão Firme:\u003c\/b\u003e Encaixe o bocal diretamente na ponta da sua mangueira. Utilize a trava ou a rosca do seu engate padrão para garantir que não haverá vazamentos pela base.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Regulagem do Jato:\u003c\/b\u003e Gire a ponta metálica do bocal suavemente. Você pode alternar desde um jato direto e concentrado (para sujeiras pesadas) até um leque aberto e suave (para regar plantas ou enxaguar o carro).\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Sem Eletricidade:\u003c\/b\u003e Lembre-se que o Bocal Vanguard utiliza puramente a engenharia de compressão da água. Ele não consome energia elétrica, tornando sua lavagem 100% segura e econômica.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n COMPRAR AGORA (ÚLTIMAS UNIDADES) \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 0.85rem; color: #888; margin-top: 15px;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - EXATAMENTE O PADRÃO ORIGINAL EM SVG --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"ProdutosShopeeN","offers":[{"title":"Default Title","offer_id":51485275324712,"sku":null,"price":78.9,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/S0f4a96e41c2d472da350b4d52d178f95n.jpg?v=1772369464"},{"product_id":"maquina-de-cortar-cabelo-barba-dl-1089","title":"Máquina de cortar cabelo barba","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar os detalhes *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(33.333% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium - BLINDADOS COM COR SÓLIDA *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\u003c!-- BARRA DESLIZANTE (MARQUEE) - SÍMBOLOS SEGUROS --\u003e\n\u003cdiv class=\"camillo-marquee\"\u003e\n\u003cdiv class=\"camillo-marquee-content\"\u003e\n\u003cspan\u003e✦ CORTE DE ALTA PRECISÃO\u003c\/span\u003e \u003cspan\u003e✧ BATERIA 120 MINUTOS\u003c\/span\u003e \u003cspan\u003e✦ DISPLAY DIGITAL\u003c\/span\u003e \u003cspan\u003e✧ DESIGN SOFISTICADO\u003c\/span\u003e \u003cspan\u003e✦ ACABAMENTO PERFEITO\u003c\/span\u003e \u003cspan\u003e✧ BATERIA 120 MINUTOS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO SECTION EM CAMADAS --\u003e\n\u003cdiv class=\"camillo-hero-stack\"\u003e\n\u003cdiv class=\"camillo-hero-img-box\"\u003e\n\u003c!-- Imagem 1 (Destaque Principal) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0605\/7050\/1293\/files\/gif_02_480x480_480x480_b3ed1034-d98a-4d34-acf8-f512404fe990_480x480.gif?v=1650759876\" alt=\"Máquina de Cortar Cabelo e Barba DL-1089\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003eBarbearia Premium\u003c\/div\u003e\n\u003ch1\u003eMáquina \u003ci\u003eDL-1089 Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eA precisão impecável e o design sofisticado para o acabamento perfeito do seu cabelo e barba.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GRID DE BENEFÍCIOS --\u003e\n\u003cdiv class=\"camillo-grid-wrapper\"\u003e\n\u003cdiv class=\"camillo-feature-grid\"\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Corte de Precisão\u003c\/h3\u003e\n\u003cp\u003eEquipada com lâminas afiadas e seguras que garantem linhas perfeitas e um acabamento profissional com rapidez no conforto da sua casa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Bateria de Longa Duração\u003c\/h3\u003e\n\u003cp\u003eLiberdade sem fios. Com apenas 2 horas de carregamento via USB-C, desfrute de até 120 minutos de uso contínuo com a sua poderosa bateria de 800mAh.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Display Inteligente\u003c\/h3\u003e\n\u003cp\u003eMantenha-se sempre informado. Monitorize o nível de bateria em tempo real através do elegante display digital integrado no corpo da máquina.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design Ergonómico\u003c\/h3\u003e\n\u003cp\u003eLeve, prática e com um corpo texturizado detalhado que proporciona uma pegada firme e confortável, ideal para cortes prolongados e detalhes finos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n\u003cdiv class=\"camillo-detail-split\"\u003e\n\u003cdiv class=\"camillo-detail-text\"\u003e\n\u003ch2\u003eO Salão de Barbearia \u003cspan\u003eem Sua Casa\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA Máquina DL-1089 redefine a experiência de cuidado pessoal. Foi criada para homens exigentes que não abrem mão de praticidade, potência e, claro, um resultado impecável todos os dias.\u003c\/p\u003e\n\u003cp\u003eCom o seu motor de 5W de potência e os seus 3 pentes guia inclusos, você tem o controlo absoluto para aparar, desenhar e definir o seu estilo de forma rápida e segura, mantendo a sua imagem sempre em alta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-img-group\"\u003e\n\u003c!-- Imagem 2 (Detalhe Lateral\/Background) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/8430\/4370\/files\/giphy_cf1a27f4-f6ad-42a6-ac22-76bf892404e7_480x480.gif?v=1660246974\" class=\"camillo-img-back\" alt=\"Ação da Máquina DL-1089\"\u003e \u003c!-- Imagem 3 (Frontal \/ Corte) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0561\/2073\/7998\/files\/GIF_CORTE_480x480.gif?v=1639156739\" class=\"camillo-img-front\" alt=\"Detalhe do corte e precisão\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-specs-container\"\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eProduto\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eMáquina de Acabamento Cabelo e Barba\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eModelo e Extras\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eDL-1089 (Equipada com Display Digital)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003ePotência e Bateria\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eMotor de 5W | Bateria de 800mAh (Até 120min de autonomia)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eCarregamento\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eTotalmente recarregável via Cabo USB-C (2 horas de carga)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eO Kit Inclui\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003e1x Máquina DL-1089, 1x Cabo USB-C, 3x Pentes Guia, 1x Escova de Limpeza\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GALERIA MOSAICO (Imagens Opcionais\/Repetidas para reforçar) --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003ePrecisão em \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eDetalhe\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO equipamento que transforma a sua rotina de cuidados:\u003c\/p\u003e\n\u003cdiv class=\"camillo-premium-gallery\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0605\/7050\/1293\/files\/gif_02_480x480_480x480_b3ed1034-d98a-4d34-acf8-f512404fe990_480x480.gif?v=1650759876\" alt=\"Máquina DL-1089 em destaque\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0639\/8430\/4370\/files\/giphy_cf1a27f4-f6ad-42a6-ac22-76bf892404e7_480x480.gif?v=1660246974\" alt=\"Acabamento Premium da Máquina\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0561\/2073\/7998\/files\/GIF_CORTE_480x480.gif?v=1639156739\" alt=\"Performance de Corte\"\u003e\n\u003c\/div\u003e\n\u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n\u003cdiv class=\"camillo-cta-container\"\u003e\n\u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n\u003cdiv class=\"camillo-btn-magnetic\"\u003eGARANTIR A MINHA MÁQUINA PRO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Garantias Finas (Trust Badges) - VERSÃO BLINDADA (Cor Sólida) --\u003e\n\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Dragon","offer_id":51895843782952,"sku":"MáquinaDL-1089","price":165.9,"currency_code":"BRL","in_stock":true},{"title":"Buddha","offer_id":51895843815720,"sku":"MáquinaDL-1090","price":165.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/1_4cc64b7a-b2f3-4dc7-afe3-02f958a5affe.png?v=1780341482"},{"product_id":"dino-friend-dinossauro-mastigavel-para-cachorro","title":"Dino Friend - Dinossauro Mastigável | Para Cachorro","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(33.33% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 0;\n border-radius: 4px;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(50% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DIVERSÃO SEM LIMITES\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e RESISTÊNCIA EXTREMA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e PROTEGE OS MÓVEIS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SQUEAKY INTEGRADO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DIVERSÃO SEM LIMITES\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e RESISTÊNCIA EXTREMA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/1_14c6cefe-502e-494c-953e-08016bff589e_480x480.jpg?v=1677716468\" alt=\"Brinquedo Dinossauro Mastigável para Pets\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eDiversão \u0026amp; Resistência\u003c\/div\u003e\n \u003ch1\u003eBrinquedo \u003ci\u003eDinoTough\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eO desafio indestrutível que protege os seus móveis e ativa os instintos naturais do seu pet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Resistência Extrema\u003c\/h3\u003e\n \u003cp\u003eDesenvolvido com materiais de alta qualidade e costuras reforçadas, projetado especificamente para suportar até as mordidas mais entusiasmadas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Saúde e Foco\u003c\/h3\u003e\n \u003cp\u003eA distração fundamental para a saúde mental do seu pet. Este dinossauro proporciona horas de entretenimento, reduzindo o stress e a ansiedade da separação.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Squeaker Interativo\u003c\/h3\u003e\n \u003cp\u003eMuito mais do que uma simples pelúcia. Ele possui um apito interno (squeaker) que faz barulho ao apertar, estimulando instintivamente o interesse do animal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e 100% Seguro\u003c\/h3\u003e\n \u003cp\u003eNós pensamos na segurança: os olhos do dinossauro são perfeitamente bordados. Zero peças plásticas soltas, eliminando completamente o risco de engolir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eLivre os Seus Móveis dos \u003cspan\u003eDentes Afiados\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eSe o seu cachorro tem o hábito de destruir sofás, sapatos e tapetes, ele não está a ser mau — está apenas entediado e à procura de gastar energia.\u003c\/p\u003e\n \u003cp\u003eO Brinquedo DinoTough redireciona essa energia destrutiva para uma brincadeira saudável. Com a sua textura externa em alto relevo e o som interativo, ele satisfaz a necessidade natural de mastigar, mantendo o seu pet feliz e a sua casa a salvo.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem GIF de Background (Resistência) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/Designsemnome_480x480_89bc20d0-2ff1-420e-bdf2-60ad9a3953eb_480x480.webp?v=1677718751\" class=\"camillo-img-back\" alt=\"Demonstração de resistência do brinquedo\"\u003e\n \u003c!-- Imagem Produto Frontal (Textura) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/e3fdfb54-cda7-4f80-ad4e-1f92c4d1d559_480x480.jpg?v=1677717495\" class=\"camillo-img-front\" alt=\"Detalhe da textura do dinossauro mastigável\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eDetalhes do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDesign\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eDinossauro de Pelúcia Texturizado\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eTecido de Alta Resistência (Resiste a Mordidas Fortes)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eSegurança\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eOlhos e Detalhes Totalmente Bordados (Sem risco de asfixia)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eInteração\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003ePossui Apito Interno (Squeaker)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Tamanhos (Fundo Branco) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eTamanho do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-table-img-box\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/c25653e9-0bee-4806-9937-c996ebdb1fdf_480x480.jpg?v=1677717819\" alt=\"Dimensões do Dinossauro Mastigável\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA DE FOTOS ADICIONAIS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 5px;\"\u003eDetalhes e \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eDiversão\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO melhor amigo das horas de brincadeira do seu pet:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/LIVRESEUSMOVEISDOSDENTESAFIADOSDOSEUPET_480x480.png?v=1677717407\" alt=\"Cão brincando com o Dinossauro Mastigável\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/2bc3f15c-6b14-41f8-bfc6-7bb93d2fd611_480x480.jpg?v=1677717543\" alt=\"Detalhe dos olhos bordados seguros\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/1_14c6cefe-502e-494c-953e-08016bff589e_480x480.jpg?v=1677716468\" alt=\"Dinossauro resistente para cães\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR O BRINQUEDO DO MEU PET \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Loja","offers":[{"title":"Laranja","offer_id":51485276766504,"sku":"14:193#Orange","price":119.0,"currency_code":"BRL","in_stock":false},{"title":"Marrom","offer_id":51485306552616,"sku":"14:175#Brown","price":119.0,"currency_code":"BRL","in_stock":false},{"title":"Verde","offer_id":51485306585384,"sku":"14:29#Green","price":119.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/S40b28d315de644ccbfbc03f45760b38aO_c6c52ba2-1358-40d4-afb3-29e981476926.jpg?v=1772369465"},{"product_id":"triturador-mini-de-alimentos-eletric-cutter","title":"Triturador Mini de Alimentos - Eletric Cutter","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .camillo-marquee-content img {\n width: 14px;\n height: 14px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium (EXATAMENTE COMO O ORIGINAL) *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) COM ÍCONES ESPECÍFICOS PARA O TRITURADOR --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003c!-- Ícones: Relógio (10 seg), Lâmina (Inox), Raio (Potência), Café\/Semente, Dedo\/Botão --\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBvbHlsaW5lIHBvaW50cz0iMTIgNiAxMiAxMiAxNiAxNCIvPjwvc3ZnPg==\" alt=\"icon\"\u003e TRITURA EM APENAS 10 SEGUNDOS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0xMiAzLTEuOSA1LjhhMiAyIDAgMCAxLTEuMyAxLjNMMyAxMmw1LjggMS45YTIgMiAwIDAgMSAxLjMgMS4zTDEyIDIxbDEuOS01LjhhMiAyIDAgMCAxIDEuMy0xLjNMMjEgMTJsLTUuOC0xLjlhMiAyIDAgMCAxLTEuMy0xLjNaIi8+PC9zdmc+\" alt=\"icon\"\u003e LÂMINAS TWIN ACTIVE INOX\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiLz48L3N2Zz4=\" alt=\"icon\"\u003e VOLTAGEM 110V OU 220V\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xNyA4QzE3IDUgMTUuNSA0IDEyIDRTNyA1IDcgOGMyIDMgMCA4IDUgOCBzMy01IDUtOHoiLz48cGF0aCBkPSJNMTEgNHYxNiIvPjwvc3ZnPg==\" alt=\"icon\"\u003e MOI CAFÉ, GRÃOS E TEMPEROS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMyIvPjwvc3ZnPg==\" alt=\"icon\"\u003e OPERAÇÃO COM APENAS 1 CLIQUE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem Principal --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0285\/7077\/9736\/files\/sodaso_480x480.jpg?v=1593610038\" alt=\"Triturador Mini de Alimentos - Eletric Cutter\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003ePremium Coffee \u0026amp; Food\u003c\/div\u003e\n \u003ch1\u003eTriturador \u003ci\u003eVanguard Cutter\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eSaboreie os verdadeiros prazeres de um café moído na hora ou prepare refeições ultra saudáveis em incríveis 10 segundos. O seu novo jeito de cozinhar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Rapidez Absoluta\u003c\/h3\u003e\n \u003cp\u003eO único moedor compacto do mercado capaz de transformar ingredientes inteiros em pó ou misturas finas em apenas 10 segundos cronometrados.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Lâminas Twin Active\u003c\/h3\u003e\n \u003cp\u003eTecnologia exclusiva em aço inoxidável que corta os grãos cuidadosamente, preservando as propriedades inconfundíveis, os aromas e os óleos essenciais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Versatilidade Premium\u003c\/h3\u003e\n \u003cp\u003eNão apenas para o café perfeito. Crie refeições saudáveis para bebês, triture linhaça, amêndoas, amendoim e temperos para infinitas receitas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design One-Click\u003c\/h3\u003e\n \u003cp\u003eEsqueça painéis confusos e manuais longos. Com um design clássico e elegante, a operação é feita com um único botão. Sem bagunça, sem trabalho.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eO Sabor \u003cspan\u003eVerdadeiro\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eImagine poder saborear a verdadeira essência e viver uma experiência única, extraindo o aroma de grãos de café escolhidos a dedo, moídos exatamente no momento do preparo. O Vanguard Eletric Cutter traz o nível de uma cafeteria de luxo direto para a sua bancada.\u003c\/p\u003e\n \u003cp\u003eMuito mais rápido e versátil, ele garante uma moagem fina perfeita para a sua rotina saudável. Seja processando a papinha do bebê ou criando a sua própria mistura de cereais artesanais, você tem o controle total da textura com extrema facilidade.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0285\/7077\/9736\/files\/ACO_480x480.jpg?v=1593609716\" class=\"camillo-img-back\" alt=\"Lâminas de aço e interior do triturador\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0285\/7077\/9736\/files\/0_Multi-funcional-ue-plug-220-v-150-w-moedor-de-caf-inoxid-vel-el-trico-ervas_480x480.jpg?v=1593609016\" class=\"camillo-img-front\" alt=\"Moendo café fresco na hora\" style=\"object-position: center; object-fit: cover;\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003ePremium\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eProduto\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eMini Triturador Eletric Cutter (1 Unidade)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eTecnologia de Corte\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eSistema Twin Active Inox (Aço Inoxidável)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eVoltagem \/ Potência\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e110V ou 220V (Escolha no Checkout)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDimensões Compactas\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e17 cm (Altura) x 10.5 cm (Largura)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCor e Acabamento\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003ePrata (Revestimento em Inox Brilhante)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem;\"\u003eA Experiência Perfeita:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Abastecimento:\u003c\/b\u003e Coloque os grãos de café, sementes ou pedaços de alimentos no compartimento de inox, respeitando o limite interno para garantir a circulação das lâminas.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. O Toque Mágico:\u003c\/b\u003e Feche a tampa de proteção acrílica. Pressione o botão único frontal em intervalos curtos (pulsos) ou segure por até 10 segundos para transformar tudo em um pó fino e homogêneo.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Limpeza Rápida:\u003c\/b\u003e O design interno foi feito para não reter odores. Após despejar a mistura, basta passar um pano levemente umedecido ou um pincel seco para retirar o excesso de pó das lâminas (não imerja a base elétrica na água).\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n RESERVAR MEU TRITURADOR ELÉTRICO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 0.85rem; color: #888; margin-top: 15px;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - EXATAMENTE O PADRÃO ORIGINAL EM SVG --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"110V","offer_id":51485276799272,"sku":"33247795","price":181.9,"currency_code":"BRL","in_stock":false},{"title":"220V","offer_id":51485327327528,"sku":"33247795","price":189.9,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/triturador-mini-de-alimentos-eletric-cutter-cozinha-036-amplotech-110v-954533.jpg?v=1772369465"},{"product_id":"colchao-de-gel-para-resfriamento-de-pets","title":"Colchão de Gel para Resfriamento de PETs","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Tamanho e Envio *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 8px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ALÍVIO IMEDIATO DO CALOR\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e GEL DE RESFRIAMENTO ATIVADO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ZERO ÁGUA OU CONGELAMENTO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ALIVIA DORES ARTICULARES\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ALÍVIO IMEDIATO DO CALOR\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e GEL DE RESFRIAMENTO ATIVADO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0038\/2124\/0432\/files\/product-image-726791534_grande_8d0ed017-2ba9-4f51-9c85-4c75e60a6f29_large.jpg?v=1539804704\" alt=\"Cão relaxando no Colchão de Gel de Resfriamento\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eConforto \u0026amp; Bem-Estar Pet\u003c\/div\u003e\n \u003ch1\u003eTapete \u003ci\u003eBreeze Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eO alívio instantâneo e refrescante que o seu pet precisa nos dias mais quentes, sem necessidade de congelador.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Tecnologia Termo-Ativa\u003c\/h3\u003e\n \u003cp\u003eO gel especial no interior esfria instantaneamente com o peso e a pressão do animal. Sem necessidade de eletricidade, água ou de ir ao frigorífico.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Conforto Ortopédico\u003c\/h3\u003e\n \u003cp\u003eMuito além de refrescar. A densidade do colchão oferece um suporte macio que ajuda a aliviar o desconforto em cães com dores nas articulações ou problemas ósseos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Praticidade Extrema\u003c\/h3\u003e\n \u003cp\u003eLeve, dobrável e altamente portátil. Basta colocá-lo no chão, na caminha do pet, no sofá ou até mesmo levá-lo no carro para passeios ao ar livre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e 100% Seguro e Atóxico\u003c\/h3\u003e\n \u003cp\u003eFabricado com uma superfície de alta resistência contra furos e arranhões. O gel interno é completamente seguro e não tóxico, protegendo a saúde do seu melhor amigo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eRefúgio Gelado nos \u003cspan\u003eDias de Verão\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eO calor excessivo não é apenas desconfortável, causa exaustão e sério mal-estar aos nossos animais. O Tapete Breeze Pro é a solução tecnológica definitiva para manter a temperatura corporal do seu pet regulada.\u003c\/p\u003e\n \u003cp\u003eBasta estender o tapete e deixar a magia acontecer. O contato da barriga do animal com o colchão proporciona uma sensação de frescura imediata, relaxante e duradoura. Ele nunca mais vai querer dormir noutro lugar!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem Duplicada\/Filtrada para Efeito de Camada --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0038\/2124\/0432\/files\/product-image-726791534_grande_8d0ed017-2ba9-4f51-9c85-4c75e60a6f29_large.jpg?v=1539804704\" class=\"camillo-img-back\" alt=\"Tapete Refrescante Pet Background\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0038\/2124\/0432\/files\/product-image-726791534_grande_8d0ed017-2ba9-4f51-9c85-4c75e60a6f29_large.jpg?v=1539804704\" class=\"camillo-img-front\" alt=\"Cão no Tapete Refrescante Breeze Pro\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eDetalhes do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eFunção Principal\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eResfriamento Corporal Instantâneo e Alívio Articular\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial Interno\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eGel de resfriamento ativado por pressão (100% Atóxico)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eIndicação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCães e Gatos (Ideal para dias quentes e cães seniores)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eRefrigeração\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eAutomática (Não necessita de eletricidade, água ou congelamento)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eManutenção\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eSuperfície impermeável de fácil limpeza (basta passar um pano úmido)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Avisos e Informações de Compra --\u003e\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eDica de Tamanho Ideal:\u003c\/h4\u003e\n \u003cp\u003e• Na hora de escolher o tamanho do seu colchão, certifique-se de que pelo menos a \u003cb\u003ebarriga do seu pet\u003c\/b\u003e caiba confortavelmente sobre ele. Esta é a zona principal para eles regularem a temperatura corporal e sentirem o bem-estar absoluto.\u003c\/p\u003e\n \u003cbr\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eGarantia e Envio Exclusivo:\u003c\/h4\u003e\n \u003cp\u003e• \u003ci\u003eMake to Order:\u003c\/i\u003e Estes tapetes premium são importados e confecionados sob encomenda a partir do momento em que o seu pedido é confirmado.\u003c\/p\u003e\n \u003cp\u003e• O prazo de entrega estimado é de \u003cb\u003e3 a 5 semanas\u003c\/b\u003e, com garantia total no frete. Se houver qualquer problema, devolvemos 100% do seu dinheiro. Contamos com a sua colaboração e temos a certeza de que o seu pet vai amar!\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR O MEU TAPETE BREEZE PRO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eSeguro\u003cbr\u003eTotal no Frete\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Escudo (Garantia) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eSatisfação\u003cbr\u003eGarantida\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"30x40CM","offer_id":51485276995880,"sku":"5068086-one-color-20x30cm","price":92.9,"currency_code":"BRL","in_stock":false},{"title":"40x50cm","offer_id":51485298950440,"sku":null,"price":92.9,"currency_code":"BRL","in_stock":false},{"title":"50x65cm","offer_id":51485298983208,"sku":null,"price":92.9,"currency_code":"BRL","in_stock":false},{"title":"50x90cm","offer_id":51485299015976,"sku":null,"price":92.9,"currency_code":"BRL","in_stock":false},{"title":"81x96cm","offer_id":51485299048744,"sku":null,"price":92.9,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/product-image-739658946.jpg?v=1772369466"},{"product_id":"aspirador-portatil-anti-acaro-sem-fio-com-luz-uv","title":"Aspirador portátil anti ácaro sem fio com luz uv","description":"\n\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ESTERILIZAÇÃO UV 99,99%\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SUCÇÃO TURBO DE 10000PA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e FILTRO HEPA ANTI-ALERGIAS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e VIBRAÇÃO PROFUNDA (2CM)\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESIGN SEM FIO (BIVOLT)\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e PROTEÇÃO CONTRA ÁCAROS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/supreo.com.br\/wp-content\/uploads\/2023\/01\/1-Att-Capa-Dust-Mite.jpg\" alt=\"Aspirador de Pó Antiácaro Sem Fio Vanguard Dust\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eAdvanced Deep Cleaning\u003c\/div\u003e\n \u003ch1\u003eAspirador UV \u003ci\u003eVanguard Dust\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA proteção definitiva contra ácaros e bactérias. Esterilização ultravioleta e sucção profunda para um lar purificado e livre de alergias.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Esterilização UV-C\u003c\/h3\u003e\n \u003cp\u003eA luz ultravioleta germicida elimina até 99,99% das bactérias, fungos e ácaros invisíveis a olho nu, protegendo a sua saúde respiratória.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Filtro Duplo (SS + HEPA)\u003c\/h3\u003e\n \u003cp\u003eUm sistema de filtragem de grau médico que captura micropartículas, devolvendo um ar completamente limpo e livre de alérgenos ao ambiente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Vibração Profunda\u003c\/h3\u003e\n \u003cp\u003eSeu sistema exclusivo de vibração \"bate\" na superfície para levantar a poeira e ácaros escondidos até 2cm de profundidade no colchão.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Sucção de 10.000pa\u003c\/h3\u003e\n \u003cp\u003eMotor de alta potência de 50W que aspira instantaneamente toda a sujeira trazida à superfície, garantindo uma limpeza rápida e implacável.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eSaúde e Paz de \u003cspan\u003eEspírito\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eDormir em um colchão limpo não é um luxo, é uma necessidade. O Aspirador Vanguard Dust foi projetado especialmente para pessoas com alergias e problemas respiratórios.\u003c\/p\u003e\n \u003cp\u003eCom um design ergonômico, sem fios e pesando apenas 0,7kg, ele desliza facilmente sobre sofás, tapetes, travesseiros e até nos bancos do carro. Sinta a diferença de respirar um ar verdadeiramente puro.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/dgc1safc984rl.cloudfront.net\/cloudimage\/productimage\/76f40ea0-aspirador-de-po-portatil-anti-caro-sem-fio-4.jpg?w=600\u0026amp;h=600\u0026amp;mode=crop\u0026amp;scale=both\" class=\"camillo-img-back\" alt=\"Filtro de alta eficiência e Luz UV\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/down-br.img.susercontent.com\/file\/br-11134207-7r98o-lksi503ivmxi18\" class=\"camillo-img-front\" alt=\"Uso do aspirador antiácaro sem fio no sofá\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003ePoder de Sucção \/ Potência\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e10000pa \/ 50W\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eTecnologia de Limpeza\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eEsterilização Luz UV (99,99%) + Vibração (Até 2cm)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eSistema de Filtragem\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCamada Dupla (Filtro SS + HEPA)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAlimentação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eSem fio \/ Recarregável via USB (Bivolt)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003ePeso \/ Tensão Interna\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eUltra Leve: 0,7kg \/ 7.4V\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eGuia de Limpeza \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProfunda\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eDicas essenciais para o seu bem-estar:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Uso Ideal:\u003c\/b\u003e Deslize lentamente o aspirador sobre colchões, travesseiros e sofás. O sistema de vibração fará o trabalho pesado de levantar os ácaros para a sucção máxima.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Luz Ultravioleta:\u003c\/b\u003e A luz UV-C é ativada em contato com a superfície para garantir a esterilização segura e contínua dos seus estofados. (Evite direcionar a luz UV diretamente aos olhos ou pele).\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Manutenção do Filtro:\u003c\/b\u003e O reservatório e o filtro HEPA são facilmente removíveis e laváveis. Certifique-se de que estejam 100% secos antes de usar o aspirador novamente para manter a máxima performance de sucção.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eO Fim das \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eAlergias\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eDurma e respire com tranquilidade todos os dias:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/aspirador-de-po-portatil-anti-acaro-sem-fio-com-luz-uv-dust-suction\/jmonline\/7089753\/aa62e34abf5eb262603db4896b2bd3ba.jpeg\" alt=\"Detalhe do sistema de aspiração e recipiente do aspirador Vanguard Dust\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU ASPIRADOR VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485277094184,"sku":"AspiradorColchao","price":280.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637274912382.jpg?v=1772369466"},{"product_id":"fone-de-ouvido-sem-fio-bluetooth-53-le2409","title":"Fone de ouvido sem fio bluetooth 5.3 le2409","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e BLUETOOTH 5.3 AVANÇADO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DRIVE DE 10MM (BASS)\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e AUTONOMIA DE ATÉ 4 HORAS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ESTOJO DE 300MAH\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SOM ESTÉREO PREMIUM\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONEXÃO ATÉ 10 METROS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/fone-de-ouvido-bluetooth-it-blue-le-2409\/pinstoreoficial\/92401\/dff42d9f5ae9cf3b96900641ec442f6d.jpeg\" alt=\"Fone de Ouvido Bluetooth IT-BLUE LE-2409\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eTrue Wireless Audio\u003c\/div\u003e\n \u003ch1\u003eFone Bluetooth \u003ci\u003eVanguard LE-2409\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA mais pura qualidade de som estéreo combinada com a liberdade da mais avançada tecnologia sem fio Bluetooth 5.3.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Conexão Bluetooth 5.3\u003c\/h3\u003e\n \u003cp\u003eEquipado com o chip sem fios mais recente, assegurando uma transmissão ultra estável e sem atrasos num raio de até 10 metros.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Som Estéreo Imersivo\u003c\/h3\u003e\n \u003cp\u003eOs seus drivers potentes de 10mm são concebidos de forma a entregar graves profundos e agudos cristalinos, redefinindo as suas listas de reprodução.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Bateria Eficiente\u003c\/h3\u003e\n \u003cp\u003eProporciona aproximadamente 4 horas de reprodução contínua nos fones, complementado por um estojo de 300mAh para múltiplas recargas em movimento.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design Ergonômico\u003c\/h3\u003e\n \u003cp\u003eFones intra-auriculares leves e extremamente confortáveis, ideais para isolamento acústico perfeito e para a prática de exercícios sem desconforto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eLiberdade sem \u003cspan\u003eFios\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eEsqueça os cabos emaranhados e desfrute da verdadeira liberdade de movimento com o fone de ouvido IT-BLUE LE-2409. O seu design foi pensado para proporcionar a máxima praticidade sem comprometer a qualidade do áudio.\u003c\/p\u003e\n \u003cp\u003eCom uma impressionante autonomia em standby de até 310 horas e recarga rápida da case em apenas 1,5h, ele está sempre pronto para acompanhar o seu dia a dia agitado, seja no escritório, na academia ou nos seus trajetos.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/fone-de-ouvido-bluetooth-it-blue-le-2409\/pinstoreoficial\/92401\/88c0199aea754d90b25cfd4b44684b12.jpeg\" class=\"camillo-img-back\" alt=\"Vista da case e dos fones IT-BLUE\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/fone-de-ouvido-bluetooth-it-blue-le-2409\/pinstoreoficial\/92401\/dff42d9f5ae9cf3b96900641ec442f6d.jpeg\" class=\"camillo-img-front\" alt=\"Fones de Ouvido Vanguard Sem Fios\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eConectividade e Alcance\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eBluetooth 5.3 (2402-2480 MHz) \/ Até 10 Metros\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAcústica\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eDriver 10mm \/ Impedância 32Ω \/ Sensibilidade 106dB\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBateria dos Fones\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e30mAh (Aprox. 4h reprodução \/ 3.5h ligações)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBateria do Estojo\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e300mAh (Tempo de carregamento: aprox. 1.5h)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eEntrada de Energia\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eDC 5V 0.5A \/ Stand-by de até 310h\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eDicas de Uso e \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eSincronização\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eSiga estas instruções para o melhor desempenho:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Primeiro Uso:\u003c\/b\u003e Recomendamos uma carga completa de 1,5 horas no estojo (juntamente com os fones) antes da primeira utilização para otimizar a vida útil da bateria de lítio.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Conexão Perfeita:\u003c\/b\u003e Retire os fones do estojo e procure pelo dispositivo Bluetooth correspondente no seu smartphone para um pareamento instantâneo. Compatível de forma universal com dispositivos modernos.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Fatores de Interferência:\u003c\/b\u003e A incrível conexão sem fio de até 10m de distância pode sofrer ligeiras variações caso existam paredes muito espessas ou fortes equipamentos eletrónicos a gerar interferência no seu ambiente.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eMúsica em \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eQualquer Lugar\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO detalhe indispensável para os seus momentos de foco e lazer:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/fone-de-ouvido-bluetooth-it-blue-le-2409\/pinstoreoficial\/92401\/88c0199aea754d90b25cfd4b44684b12.jpeg\" alt=\"Vista premium do fone Vanguard LE-2409\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU FONE VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485277159720,"sku":"1117","price":195.75,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169719594185121.jpg?v=1772369466"},{"product_id":"escada-rampa-pet-magestic-para-cachorro-e-gato","title":"Escada Rampa Pet Magestic | Para Cachorro e Gato","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar os detalhes vibrantes *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(33.333% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 15px;\n border-radius: 4px;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(50% - 15px); max-width: 100%; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SAÚDE ARTICULAR\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONFORTO PREMIUM\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ACESSIBILIDADE TOTAL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CAPA LAVÁVEL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SAÚDE ARTICULAR\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONFORTO PREMIUM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal do Produto em Uso) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/ezgif.com-gif-maker_1_480x480.gif?v=1670952677\" alt=\"Cão usando Escada Pet Magestic para subir no sofá\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eAcessibilidade \u0026amp; Saúde\u003c\/div\u003e\n \u003ch1\u003eEscada \u003ci\u003eMagestic Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eProteja as articulações do seu pet e elimine o esforço diário ao subir para o sofá ou cama.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Prevenção Ortopédica\u003c\/h3\u003e\n \u003cp\u003eEvite saltos de grande impacto que sobrecarregam a coluna, ombros, joelhos e cotovelos, especialmente vitais para raças pequenas e delicadas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Acessibilidade Total\u003c\/h3\u003e\n \u003cp\u003eO apoio perfeito e seguro para cães idosos, em recuperação ou com excesso de peso que perderam a agilidade para saltar para os seus locais favoritos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Higiene Descomplicada\u003c\/h3\u003e\n \u003cp\u003eProjetada para facilitar a sua rotina. O tecido externo de alta qualidade é totalmente removível e pode ser lavado facilmente na máquina.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design Seguro\u003c\/h3\u003e\n \u003cp\u003eConstruída com espuma de alta densidade que não afunda. Garante passos firmes e máxima estabilidade para que o seu animal se sinta confiante a usar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eIndependência e \u003cspan\u003ePrevenção\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eO esforço repetitivo de pular do chão para superfícies altas é uma das principais causas de lesões e dores crónicas em animais de estimação.\u003c\/p\u003e\n \u003cp\u003eA Escada Magestic Pro é um verdadeiro acessório ortopédico que devolve a autonomia ao seu pet de forma 100% segura, prolongando a sua saúde e qualidade de vida sem que tenha de o levantar a toda a hora.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Articulações) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/12_912f50a8-733b-4c0e-a0d3-419e45a28f66_480x480.jpg?v=1670952057\" class=\"camillo-img-back\" alt=\"Evita problemas de coluna e articulações no pet\"\u003e\n \u003c!-- Imagem 3 (Cão idoso\/conforto) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/1_2_480x480.jpg?v=1670952066\" class=\"camillo-img-front\" alt=\"Ideal para cães idosos ou obesos\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eProduto\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eEscada Ortopédica Pet (Magestic Pro)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eIndicação Principal\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eCães de pequeno porte, idosos, obesos ou em reabilitação\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial da Estrutura\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eEspuma de Alta Densidade (Firme e não deformável)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eManutenção\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCapa em tecido macio com fecho zíper (100% Removível e Lavável)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Tamanhos \/ Informação (Fundo Branco) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eTamanho e \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eDimensões\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-table-img-box\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/1_3b021280-5545-49d9-b8cd-e1961b18a822_480x480.jpg?v=1670952099\" alt=\"Dimensões e Tamanho da Escada Pet\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/5_c83b10ed-4bca-4a9d-8a7d-27709272a2a5_480x480.jpg?v=1670952036\" alt=\"Detalhe do Design Frontal da Escada\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA DE DETALHES --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eHigiene \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eDescomplicada\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eConcebida a pensar também na sua rotina de limpeza:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/19_95d49f14-2ed1-4f00-825f-211273debd76_480x480.jpg?v=1670952082\" alt=\"Capa removível e lavável\" style=\"width: auto; max-width: 500px; aspect-ratio: auto;\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR A MINHA ESCADA \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"Laranja 2 degraus","offer_id":51485277454632,"sku":"gfgffg","price":325.0,"currency_code":"BRL","in_stock":false},{"title":"Laranja 3 degraus","offer_id":51485306781992,"sku":"1229982-Orange 2 steps-As shown","price":462.0,"currency_code":"BRL","in_stock":false},{"title":"Cinza 2 degraus","offer_id":51485306814760,"sku":"1229982-Grey 4 steps-As shown","price":325.0,"currency_code":"BRL","in_stock":false},{"title":"Cinza 3 degraus","offer_id":51485306847528,"sku":"1229982-Grey 3 steps-As shown","price":462.0,"currency_code":"BRL","in_stock":false},{"title":"Cinza 4 degraus","offer_id":51485306880296,"sku":"ddgdfg","price":610.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/S2e3014cafb6a4eee96bffdc1211a75b9I_b5206515-0645-4a51-a52c-aef1e04123a0.jpg?v=1772369467"},{"product_id":"camera-ip-wifi-sensor-movimento-audio","title":"Câmera ip wifi sensor movimento áudio","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e \u003csvg style=\"position: absolute;\" height=\"0\" width=\"0\"\u003e\n \u003cdefs\u003e\n \u003clineargradient y2=\"100%\" x2=\"100%\" y1=\"0%\" x1=\"0%\" id=\"gold-gradient\"\u003e\n \u003cstop stop-color=\"#fdf5d3\" offset=\"0%\"\u003e\u003c\/stop\u003e\n \u003cstop stop-color=\"#d4af37\" offset=\"50%\"\u003e\u003c\/stop\u003e\n \u003cstop stop-color=\"#8a6217\" offset=\"100%\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n\u003cdiv class=\"camillo-marquee\"\u003e\n\u003cdiv class=\"camillo-marquee-content\"\u003e\n\u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\"\u003e AUTO-TRACKING INTELIGENTE\u003c\/span\u003e \u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\"\u003e ÁUDIO BIDIRECIONAL (FALA E ESCUTA)\u003c\/span\u003e \u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\"\u003e VISÃO NOTURNA INFRAVERMELHO\u003c\/span\u003e \u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\"\u003e ACESSO REMOTO VIA APP (V380)\u003c\/span\u003e \u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\"\u003e DISPENSA DVR OU INSTALADOR\u003c\/span\u003e \u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\"\u003e ALERTA NO CELULAR EM TEMPO REAL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO SECTION EM CAMADAS --\u003e\n\u003cdiv class=\"camillo-hero-stack\"\u003e\n\u003cdiv class=\"camillo-hero-img-box\"\u003e\n\u003c!-- Imagem 1 (Destaque Principal) --\u003e \u003cimg alt=\"Câmera IP WiFi Vanguard 360\" src=\"https:\/\/representashopping.com.br\/cdn\/shop\/files\/catalog_product_image_169637255132546_1024x.jpg?v=1704408250\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003eSmart Security Tech\u003c\/div\u003e\n\u003ch1\u003eCâmera Smart \u003ci\u003eVanguard 360\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eO controle total do seu ambiente na palma da sua mão. Monitore em HD, converse em tempo real e receba alertas automáticos de onde estiver.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GRID DE BENEFÍCIOS --\u003e\n\u003cdiv class=\"camillo-grid-wrapper\"\u003e\n\u003cdiv class=\"camillo-feature-grid\"\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Rastreamento Inteligente\u003c\/h3\u003e\n\u003cp\u003eO sistema de Auto-Tracking identifica movimentos no ambiente e faz a câmera girar automaticamente, seguindo a pessoa ou animal para não perder nenhum detalhe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Áudio Bidirecional\u003c\/h3\u003e\n\u003cp\u003eNão apenas assista. Equipada com alto-falante e microfone embutidos, permite que você ouça com extrema clareza e fale em tempo real pelo celular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Visão Noturna HD\u003c\/h3\u003e\n\u003cp\u003eA escuridão não é problema. A tecnologia de sensores infravermelhos (IR) garante gravações perfeitamente nítidas e claras durante a noite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Instalação Descomplicada\u003c\/h3\u003e\n\u003cp\u003eEsqueça os fios soltos, DVRs caros ou a necessidade de contratar técnicos. A conexão é totalmente sem fio via Wi-Fi, gerida pelo aplicativo grátis no seu celular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n\u003cdiv class=\"camillo-detail-split\"\u003e\n\u003cdiv class=\"camillo-detail-text\"\u003e\n\u003ch2\u003eSegurança e Paz de \u003cspan\u003eEspírito\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA Câmera Vanguard 360 foi desenhada para quem precisa estar em vários lugares ao mesmo tempo. É a babá eletrônica perfeita para cuidar do seu bebê, monitorar o seu pet sozinho em casa ou garantir a segurança de um idoso.\u003c\/p\u003e\n\u003cp\u003eAtravés do aplicativo, você recebe notificações instantâneas de som ou movimento e pode acessar o histórico de até 7 dias de gravações (armazenadas em Nuvem ou Cartão SD), proporcionando vigilância contínua sem mensalidades escondidas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-img-group\"\u003e\n\u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e \u003cimg alt=\"Lente HD e Sensor Infravermelho\" class=\"camillo-img-back\" src=\"https:\/\/40434.cdn.simplo7.net\/static\/40434\/sku\/deposito-fl-camera-cftv-mini-camera-ip-wifi-hd-onvif-sensor-movimento-automatico-1653916615423.jpg\"\u003e \u003c!-- Imagem 3 (Uso Frontal) --\u003e \u003cimg alt=\"Câmera IP Vanguard Lateral\" class=\"camillo-img-front\" src=\"https:\/\/cdn.awsli.com.br\/600x1000\/2469\/2469270\/produto\/174711066\/mini-camera-ip-sensor-movimento-automatico-wifi-hd-onvif-7c3d2f92.png\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-specs-container\"\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eResolução e Sensor\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eHD 720p \/ Sensor CMOS 2MP (Lente 3.6mm)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eConectividade\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eWi-Fi Wireless (802.11b\/g\/n) com Acesso Remoto\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eArmazenamento\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eSuporta Nuvem ou Cartão Micro SD até 64GB\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eRecursos Avançados\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eAuto-Tracking, ONVIF, Alerta de Som e Movimento\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eItens Inclusos na Embalagem\u003c\/div\u003e\n\u003cdiv style=\"color: #d4af37; font-weight: 600;\" class=\"camillo-spec-value\"\u003e1x Câmera Inteligente IP, 1x Cabo USB 5V, 1x Manual\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003ePraticidade no \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eDia a Dia\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-size-alert\"\u003e\n\u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eConfiguração Direto no Smartphone:\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003e1. App em Português:\u003c\/b\u003e Faça o download gratuito do aplicativo \u003cb\u003eV380\u003c\/b\u003e (iOS e Android). Ao contrário de outras câmeras complexas, a sua interface está totalmente em português para facilitar a configuração.\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e2. Gravação Inteligente:\u003c\/b\u003e Não precisa se preocupar com espaço cheio. O sistema opera em \"loop\", ou seja, após 7 dias de gravações, a câmera gravará automaticamente os novos vídeos por cima dos mais antigos.\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e3. Operação Pura:\u003c\/b\u003e Alimentação via cabo USB bivolt (incluso). Não exige conhecimentos técnicos, configuração de IP, Dyndns ou compra de aparelhos DVR de terceiros.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- GALERIA MOSAICO --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eMonitoramento em \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eAção\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eTenha o controle visual completo sem pontos cegos:\u003c\/p\u003e\n\u003cdiv style=\"justify-content: center;\" class=\"camillo-premium-gallery\"\u003e\u003cimg alt=\"Câmera IP Vanguard girando e acompanhando movimento\" src=\"https:\/\/static3.tcdn.com.br\/img\/editor\/up\/332274\/flyer_camera_wifi_externa_audio_01.gif\"\u003e\u003c\/div\u003e\n\u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n\u003cdiv class=\"camillo-cta-container\"\u003e\n\u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n\u003cdiv class=\"camillo-btn-magnetic\" onclick=\"var target = document.querySelector('form[action*=\\'\/cart\/add\\'], .product-form'); if(target){target.scrollIntoView({behavior: 'smooth', block: 'center'});}else{window.scrollTo({top:0,behavior:'smooth'});}\"\u003eGARANTIR MINHA CÂMERA VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"url(#gold-gradient)\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline y2=\"12\" x2=\"12\" y1=\"22.08\" x1=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"url(#gold-gradient)\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cline y2=\"13\" x2=\"11\" y1=\"2\" x1=\"22\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"url(#gold-gradient)\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485277585704,"sku":"CameraIP","price":195.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637255132546.jpg?v=1772369468"},{"product_id":"massageador-de-pescoco-cervical-almofada-usb","title":"Massageador de pescoço cervical almofada usb","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(33.333% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Guia de Instruções (Fundo Alerta) *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(50% - 15px); }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n\u003cdiv class=\"camillo-marquee\"\u003e\n\u003cdiv class=\"camillo-marquee-content\"\u003e\n\u003cspan\u003e✦ ALÍVIO DE TENSÕES\u003c\/span\u003e \u003cspan\u003e✧ MASSAGEM BIDIRECIONAL\u003c\/span\u003e \u003cspan\u003e✦ ESPUMA VISCOELÁSTICA\u003c\/span\u003e \u003cspan\u003e✧ RECARREGÁVEL VIA USB\u003c\/span\u003e \u003cspan\u003e✦ ALÍVIO DE TENSÕES\u003c\/span\u003e \u003cspan\u003e✧ MASSAGEM BIDIRECIONAL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO SECTION EM CAMADAS --\u003e\n\u003cdiv class=\"camillo-hero-stack\"\u003e\n\u003cdiv class=\"camillo-hero-img-box\"\u003e\n\u003c!-- Imagem 1 (Destaque Principal) --\u003e \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/travesseiro-almofada-massageador-de-pescoco-cervical-relaxante-multi-function-bivolt-br\/proseller\/15931223147\/67c886aee59581cc7a787d56288d0356.jpeg\" alt=\"Almofada Massageadora de Pescoço Cervical\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003eWellness \u0026amp; Viagem Premium\u003c\/div\u003e\n\u003ch1\u003eAlmofada \u003ci\u003eNeck Spa Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eO alívio imediato para o seu pescoço. Massagem terapêutica e conforto absoluto onde quer que vá.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GRID DE BENEFÍCIOS --\u003e\n\u003cdiv class=\"camillo-grid-wrapper\"\u003e\n\u003cdiv class=\"camillo-feature-grid\"\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Massagem Shiatsu 3D\u003c\/h3\u003e\n\u003cp\u003eDois nódulos rotativos bidirecionais simulam as mãos de um massagista profissional, aliviando tensões profundas no pescoço e ombros de forma eficaz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Espuma de Memória Premium\u003c\/h3\u003e\n\u003cp\u003eO núcleo em viscoelástico de alta densidade molda-se perfeitamente à curvatura da sua cervical, proporcionando apoio total sem nunca perder a forma original.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Conforto Aveludado\u003c\/h3\u003e\n\u003cp\u003eRevestida com uma dupla camada de tecido aveludado respirável. Proporciona um toque extremamente macio e reconfortante para a sua pele, ideal para qualquer clima.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Bateria de Longa Duração\u003c\/h3\u003e\n\u003cp\u003eTotalmente sem fios e portátil. Equipada com uma bateria interna de lítio de 2.000mAh e carregamento USB, perfeita para usar em viagens, no escritório ou em casa.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n\u003cdiv class=\"camillo-detail-split\"\u003e\n\u003cdiv class=\"camillo-detail-text\"\u003e\n\u003ch2\u003eO Seu Refúgio de \u003cspan\u003ePaz Diária\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSeja no escritório, num longo voo ou no conforto do seu sofá, o stress diário acumula-se e reflete-se fortemente na região cervical. A Almofada Neck Spa Pro foi cuidadosamente desenvolvida para ser o seu oásis pessoal.\u003c\/p\u003e\n\u003cp\u003eCom 3 níveis de intensidade e um temporizador inteligente de 10 minutos, ela proporciona o equilíbrio exato de que precisa para melhorar a postura, aliviar a fadiga muscular e restaurar a sua energia vital em pouco tempo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-img-group\"\u003e\n\u003c!-- Imagem 2 (Detalhe) --\u003e \u003cimg src=\"https:\/\/imgs.ponto.com.br\/1501275946\/1xg.jpg?imwidth=500\" class=\"camillo-img-back\" alt=\"Detalhe do Almofada Massageadora USB\"\u003e \u003c!-- Imagem 3 (Uso Frontal) --\u003e \u003cimg src=\"https:\/\/img.ltwebstatic.com\/images3_spmp\/2023\/09\/04\/f0\/169381169192360415419e71cb048761875efafd0b_thumbnail_720x.jpg\" class=\"camillo-img-front\" alt=\"Pessoa utilizando a Almofada de Massagem no Pescoço\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-specs-container\"\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eTipo de Produto\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eAlmofada de Massagem Cervical (Formato em U)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eMecanismo de Massagem\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003e2 pontos rotativos bidirecionais (3 velocidades ajustáveis)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eMaterial de Construção\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eEspuma Viscoelástica e Capa Aveludada (Dupla Camada)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eBateria e Energia\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eLítio 2000mAh | Carregamento via USB | 5.0V \/ 3.7W\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eDimensões e Peso\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003e26cm x 24cm x 10cm | 900g (Leve e portátil para viagem)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Guia de Instruções (Fundo Alerta) --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eManual de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eRelaxamento\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-size-alert\"\u003e\n\u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eComo operar a sua Almofada:\u003c\/h4\u003e\n\u003cp\u003eA almofada possui botões intuitivos para que desfrute da massagem com total facilidade:\u003c\/p\u003e\n\u003cp\u003e• \u003cb\u003ePasso 1:\u003c\/b\u003e Encaixe a almofada no pescoço e pressione o botão \u003cb\u003eON\u003c\/b\u003e para iniciar a sua sessão.\u003c\/p\u003e\n\u003cp\u003e• \u003cb\u003ePasso 2:\u003c\/b\u003e Ajuste os níveis de velocidade e direção da massagem pressionando os botões secundários até encontrar a intensidade perfeita.\u003c\/p\u003e\n\u003cp\u003e• \u003cb\u003ePasso 3:\u003c\/b\u003e Relaxe profundamente. O aparelho inclui uma função de segurança que desliga a massagem automaticamente ao fim de \u003cb\u003e10 minutos\u003c\/b\u003e (o tempo ideal recomendado).\u003c\/p\u003e\n\u003cp\u003e• \u003cb\u003eCarregamento:\u003c\/b\u003e Utilize o cabo USB fornecido para carregar a almofada em qualquer computador, powerbank ou adaptador de tomada em apenas 2 horas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- GALERIA MOSAICO (Imagens Extras) --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eConforto em \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eDetalhes\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eDesenvolvida para lhe oferecer a melhor experiência:\u003c\/p\u003e\n\u003cdiv class=\"camillo-premium-gallery\"\u003e\n\u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/travesseiro-almofada-massageador-de-pescoco-cervical-relaxante-multi-function-bivolt-br\/proseller\/15931223147\/67c886aee59581cc7a787d56288d0356.jpeg\" alt=\"Detalhe Almofada Massageadora\"\u003e \u003cimg src=\"https:\/\/imgs.ponto.com.br\/1501275946\/1xg.jpg?imwidth=500\" alt=\"Painel de controle e conforto\"\u003e \u003cimg src=\"https:\/\/img.ltwebstatic.com\/images3_spmp\/2023\/09\/04\/f0\/169381169192360415419e71cb048761875efafd0b_thumbnail_720x.jpg\" alt=\"Ideal para usar em casa ou em viagens\"\u003e\n\u003c\/div\u003e\n\u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n\u003cdiv class=\"camillo-cta-container\"\u003e\n\u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n\u003cdiv class=\"camillo-btn-magnetic\" onclick=\"var target = document.querySelector('form[action*=\\'\/cart\/add\\'], .product-form'); if(target){target.scrollIntoView({behavior: 'smooth', block: 'center'});}else{window.scrollTo({top:0,behavior:'smooth'});}\"\u003e\n GARANTIR O MEU RELAXAMENTO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Rosa","offer_id":51887616557352,"sku":"MassageadorPescoço-1","price":372.9,"currency_code":"BRL","in_stock":true},{"title":"Cinza Escuro","offer_id":51887616590120,"sku":"MassageadorPescoço-2","price":372.9,"currency_code":"BRL","in_stock":true},{"title":"Marrom","offer_id":51887616622888,"sku":"MassageadorPescoço-3","price":372.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637269835890.jpg?v=1772369468"},{"product_id":"cabo-de-dados-e-carregamento-lightning-it-blue-le839p-1m","title":"Cabo de dados e carregamento Pro","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CARREGAMENTO RÁPIDO E SEGURO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e COMPATÍVEL COM IPHONE E IPAD\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e 30% MAIS RÁPIDO NA RECARGA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TRANSMISSÃO DE DADOS VELOZ\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESIGN ANTI-ENROLAMENTO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONECTOR USB REFORÇADO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/images.tcdn.com.br\/img\/img_prod\/893885\/cabo_de_dados_usb_iphone_ipad_it_blue_le_110p_597_1_b7fc21f1a281d28bbf2444fc5567740b.jpg\" alt=\"Cabo USB Lightning It-Blue\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eFast Charge Technology\u003c\/div\u003e\n \u003ch1\u003eCabo Lightning \u003ci\u003eVanguard Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eO companheiro perfeito para o seu iPhone ou iPad. Carregamento ultrarrápido, transferência de dados de alta velocidade e durabilidade extrema.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Carregamento Turbo\u003c\/h3\u003e\n \u003cp\u003eEconomize seu tempo. O cabo oferece uma alimentação eficiente de até 3.1A, reduzindo o tempo de recarga do seu dispositivo em até 30%.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Transmissão Superior\u003c\/h3\u003e\n \u003cp\u003eMuito além do carregamento. Sincronize fotos, vídeos e arquivos com velocidade e estabilidade impecáveis, garantindo uma conexão segura com o PC ou Mac.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Materiais Premium\u003c\/h3\u003e\n \u003cp\u003eMontado internamente com fios de cobre puro para máxima eficiência energética e revestido externamente com material de primeira linha para durabilidade.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design Inteligente\u003c\/h3\u003e\n \u003cp\u003eDesenvolvido com conectores USB e Lightning reforçados e um revestimento especial \"Anti-Enrolamento\", prolongando a vida útil e evitando dores de cabeça.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003ePotência e \u003cspan\u003eResistência\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eO Cabo de Dados It-Blue LE-839P é a escolha ideal para quem precisa de performance diária. Seu metro de comprimento oferece a liberdade necessária para usar o celular enquanto ele carrega, seja na cama, no sofá ou no carro.\u003c\/p\u003e\n \u003cp\u003eNão arrisque a bateria do seu aparelho com cabos de qualidade duvidosa. O Vanguard Pro foi desenhado para suportar o uso intenso, mantendo a integridade da transmissão e a proteção contra curtos.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/images.tcdn.com.br\/img\/img_prod\/1008764\/cabo_de_dados_tipo_c_it_blue_le_110c_345_1_66b2c5f8bee44e5fee531793cee2d14a.jpg\" class=\"camillo-img-back\" alt=\"Conector do Cabo It-Blue\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/images.tcdn.com.br\/img\/img_prod\/893885\/cabo_de_dados_usb_iphone_ipad_it_blue_le_110p_597_1_b7fc21f1a281d28bbf2444fc5567740b.jpg\" class=\"camillo-img-front\" alt=\"Cabo enrolado\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMarca \/ Modelo\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eIt-Blue \/ LE-839P\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eConectores\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eEntrada USB padrão para Saída Lightning (iOS)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eVelocidade de Carga\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAté 3.1A (Carregamento Rápido)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eComprimento\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e1 Metro\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCaracterísticas Extras\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eFios de Cobre Puro, Design Anti-Enrolamento\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eDicas de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eUso e Conservação\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eMaximize a vida útil do seu cabo:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Desconexão Correta:\u003c\/b\u003e Ao retirar o cabo do seu smartphone ou da tomada, puxe sempre pelo conector reforçado de plástico, e nunca diretamente pelo fio.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Armazenamento:\u003c\/b\u003e Aproveite o design \"anti-enrolamento\". Quando não estiver em uso, enrole o cabo suavemente em círculos frouxos. Evite nós apertados ou dobras extremas próximas aos conectores.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Fonte Ideal:\u003c\/b\u003e Para garantir a velocidade máxima de recarga e a redução de 30% no tempo, certifique-se de utilizar uma fonte de parede (adaptador de tomada) compatível com carregamento rápido.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eConexão \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eImpecável\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO acessório essencial para a sua rotina digital:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/images.tcdn.com.br\/img\/img_prod\/893885\/cabo_de_dados_usb_iphone_ipad_it_blue_le_110p_597_1_b7fc21f1a281d28bbf2444fc5567740b.jpg\" alt=\"Apresentação do Cabo It-Blue\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU CABO VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485280272680,"sku":"1149","price":130.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169697215637979.jpg?v=1772369468"},{"product_id":"ensine-seu-pet-a-falar-bot-es-gravaveis-para-cachorro","title":"Ensine seu Pet a Falar - Botões Graváveis | Para Cachorro","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(33.333% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 0;\n border-radius: 4px;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(50% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e COMUNICAÇÃO INTELIGENTE\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e REDUZ A ANSIEDADE\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ESTIMULA O CÉREBRO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e GRAVA ATÉ 30 SEGUNDOS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e COMUNICAÇÃO INTELIGENTE\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e REDUZ A ANSIEDADE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/4_98c9faeb-943b-4699-8f45-d2bebdd731c5_480x480.png?v=1657472367\" alt=\"Cão utilizando os Botões de Treinamento Smart Talk\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003ePet Tech Premium\u003c\/div\u003e\n \u003ch1\u003eBotões \u003ci\u003eSmart Talk\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eDê voz ao seu melhor amigo. O treinamento revolucionário que permite ao seu pet comunicar exatamente o que deseja.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e O Seu Pet \"Fala\"\u003c\/h3\u003e\n \u003cp\u003eGrave comandos como \"Passear\", \"Comida\" ou \"Brincar\" e dê autonomia para o seu filho de quatro patas se comunicar consigo de forma clara e direta.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Estímulo Mental\u003c\/h3\u003e\n \u003cp\u003eO desafio de pensar e apertar o botão correto mantém o cérebro do animal sempre ativo, estimulando a sua inteligência e evitando o tédio em casa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Fim da Ansiedade\u003c\/h3\u003e\n \u003cp\u003eComunicação gera tranquilidade. Um pet que consegue expressar as suas necessidades torna-se muito mais calmo, feliz, focado e relaxado no seu dia a dia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Gravação Fácil\u003c\/h3\u003e\n \u003cp\u003eCapture até 30 segundos da sua própria voz com máxima nitidez. Totalmente regravável para que possa ensinar novos truques e comandos a qualquer momento.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eUma Conexão Muito \u003cspan\u003eMais Profunda\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eEsqueça os latidos, miados ou comportamentos sem explicação. Com os Botões Smart Talk, você cria uma ponte de comunicação real com o seu animal, fortalecendo o vosso vínculo de forma extraordinária.\u003c\/p\u003e\n \u003cp\u003eBasta gravar a sua voz, ensinar a associação da palavra à ação e vibrar com cada nova conquista do seu companheiro de quatro patas. O adestramento nunca foi tão divertido e recompensador!\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Cão interagindo com o dono) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/3_0bbfdecc-1c9f-4eaa-8533-01b0b7b1aa83_480x480.png?v=1657472407\" class=\"camillo-img-back\" alt=\"Dono ensinando o cachorro a usar os botões\"\u003e\n \u003c!-- Imagem 3 (Como usar\/gravar) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/5_b6f6b3ed-8d91-42d3-abcb-55ff0a68558c_480x480.png?v=1657472221\" class=\"camillo-img-front\" alt=\"Como gravar a voz no botão pet\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eDetalhes do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eFunção\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eBotões de Treinamento com Gravação de Voz\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCapacidade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eÁudios regraváveis de até 30 segundos\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eIndicação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCães e Gatos (Filhotes e Adultos de todas as idades)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBenefício Clínico\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eDesenvolvimento cognitivo e redução drástica da ansiedade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso e Tamanho (Fundo Branco) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eInstruções \u0026amp; \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTamanho\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-table-img-box\"\u003e\n \u003cdiv style=\"margin-bottom: 25px; text-align: left; padding: 0 15px;\"\u003e\n \u003ch4 style=\"color: #000; font-family: 'Manrope', sans-serif; font-size: 1.3rem; font-weight: 800; margin-bottom: 10px;\"\u003eComo Gravar:\u003c\/h4\u003e\n \u003cp style=\"color: #444; font-size: 1.05rem; line-height: 1.6; font-weight: 500;\"\u003e\n 1. \u003cb\u003eAperte e segure\u003c\/b\u003e o botão para iniciar a gravação.\u003cbr\u003e\n 2. \u003cb\u003eFale a palavra\u003c\/b\u003e ou frase desejada (ex: \"Passear\" ou \"Comida\").\u003cbr\u003e\n 3. \u003cb\u003eSolte o botão\u003c\/b\u003e para finalizar. Está pronto! Agora basta apertar para reproduzir.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0524\/0930\/3195\/files\/botao_2.jpg?v=1642111087\" alt=\"Dimensões do Botão de Treinamento\" style=\"border: 1px solid #eee;\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA DE CLIENTES --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eAlunos \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eBrilhantes\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eVeja os pets que já aprenderam a falar com os donos:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/U6f5a2dc57c8448d3b3a0f82beddda49cA.jpeg\" alt=\"Cliente Pet Inteligente 1\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/U1ec3c086efa546959b0fef8bcc0ef061L.jpg\" alt=\"Cliente Pet Inteligente 2\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/U7939e386fe584f35ae6a6c7b4e4aa6a1v.jpg\" alt=\"Cliente Pet Inteligente 3\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/U2a447a3e6d3c46aaafd05c76afa62303q.jpg\" alt=\"Cliente Pet Inteligente 4\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Uc7e7007785284e44b977188ac261107dK.jpg\" alt=\"Cliente Pet Inteligente 5\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Ue6aa3e320ba24f899bcb9a495d2b6f493.jpg\" alt=\"Cliente Pet Inteligente 6\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEUS BOTÕES SMART \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"Loja","offers":[{"title":"Quatro Botões com LED","offer_id":51485280338216,"sku":"1010306-LED Light-China","price":227.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/4_e1a987f1-dd8f-43aa-b3e1-2683dbd448bc.png?v=1772369470"},{"product_id":"cabo-de-guerra-para-pet","title":"Cabo De Guerra Para Pet","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(25% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 0;\n border-radius: 4px;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(50% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DIVERSÃO SEM LIMITES\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e FIXAÇÃO EXTREMA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ALIVIA O STRESS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e PROTEGE OS MÓVEIS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DIVERSÃO SEM LIMITES\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e FIXAÇÃO EXTREMA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal Animado) --\u003e\n \u003cimg src=\"https:\/\/i.imgur.com\/82woZcA.gif\" alt=\"Cão brincando com o Cabo de Guerra Pet\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eDiversão \u0026amp; Saúde Premium\u003c\/div\u003e\n \u003ch1\u003eBrinquedo \u003ci\u003eTug Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA solução perfeita para manter o seu cão entretido, ativo e longe de destruir os seus móveis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e O Fim do Tédio\u003c\/h3\u003e\n \u003cp\u003eIdeal para donos ocupados. O seu pet terá um desafio físico e mental contínuo que alivia a ansiedade e o mantém ocupado por horas a fio, de forma independente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Fixação Extrema\u003c\/h3\u003e\n \u003cp\u003eA poderosa ventosa de alta sucção fixa-se firmemente em qualquer superfície lisa e limpa (chão, portas ou vidro), resistindo aos puxões mais intensos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Protege a Casa\u003c\/h3\u003e\n \u003cp\u003eAo canalizar o instinto natural de morder e puxar para o brinquedo, o seu cão deixa de direcionar a sua energia destrutiva para sofás, sapatos e outros móveis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Saúde e Segurança\u003c\/h3\u003e\n \u003cp\u003eFeito com borracha TPR não tóxica, inofensiva e extremamente durável. As texturas exclusivas ajudam a limpar os dentes e a proteger as gengivas durante a brincadeira.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eEnergia Gasta de \u003cspan\u003eForma Positiva\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eSabemos como é difícil manter um cão ativo quando temos uma rotina agitada. O Brinquedo Tug Pro resolve isso criando um desafio de força e inteligência que eles simplesmente adoram.\u003c\/p\u003e\n \u003cp\u003eBasta fixar a ventosa numa superfície plana e limpa para criar um cabo de guerra irresistível. A borracha texturizada também atua como uma escova natural, promovendo a higiene bucal enquanto brincam sem limites.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Ação do Cão) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/1728\/1066\/files\/Guerra.translated.jpg?v=1682188087\" class=\"camillo-img-back\" alt=\"Cão puxando o Cabo de Guerra\"\u003e\n \u003c!-- Imagem 3 (Detalhe Ventosa\/Bolinha) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/1728\/1066\/files\/Sein.translated_480x480.jpg?v=1682188171\" class=\"camillo-img-front\" alt=\"Detalhe da ventosa e bolinha do Tug Pro\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eTipo de Produto\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eBrinquedo Interativo de Cabo de Guerra com Ventosa\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eIndicação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCães de filhotes a adultos (Porte pequeno a médio\/grande)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eBorracha TPR Premium (100% Atóxica e Durável)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBenefícios de Saúde\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eReduz ansiedade e atua na limpeza dentária e gengivas\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eO Pacote Inclui\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e1x Cabo de Guerra Tug Pro para Pet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Tamanho (Fundo Branco) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eTamanho do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-table-img-box\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Ha86c0ecee17e49c9841d2f7309ef99a0H.jpg\" alt=\"Dimensões do Cabo de Guerra para Pet\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA DE CLIENTES PREMIUM --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eClientes \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eSatisfeitos\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO brinquedo favorito de centenas de patudos pelo país:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Ua4556ddc20a84318a22dfe2f83be11d7S.jpg\" alt=\"Cliente Telma Santos\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Ub8c5d67e28934408bdcdf9b5df73b4e5H.jpg\" alt=\"Cliente Thais Mendes\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/U50c77c549f28476399f9d7274da83c1bX.jpg\" alt=\"Cliente Alícia Cavalcanti\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/U7a949cfa2f9a4035b6d6ac29bf15c9ddY.jpg\" alt=\"Cliente Luís Batista\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR O BRINQUEDO TUG PRO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"Rosa","offer_id":51485280731432,"sku":null,"price":179.0,"currency_code":"BRL","in_stock":false},{"title":"Azul Escuro","offer_id":51485318218024,"sku":null,"price":179.0,"currency_code":"BRL","in_stock":false},{"title":"Azul Claro","offer_id":51485318250792,"sku":null,"price":179.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/H963ed6381f834eb4b79a6062ee2b09627_212855ac-d637-41b4-a2d8-727839f515dd.jpg?v=1772369470"},{"product_id":"smart-gps-tracker-mini-pet-position-collar-ip67-for-dog-cat-agps-lbs-positions-geo-fence-sos-realtime-tracker-anti-lost-tracking","title":"Coleira GPS a prova d'água com microfone e Geofence Docooler Mk2","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 0;\n border-radius: 4px;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e RASTREAMENTO EM TEMPO REAL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e GEOFENCE INTELIGENTE\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e MICROFONE EMBUTIDO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e 100% À PROVA D'ÁGUA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e RASTREAMENTO EM TEMPO REAL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e GEOFENCE INTELIGENTE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/43197bb4-b9fb-4246-944f-764c80a9d6d1_480x480.jpg?v=1689448433\" alt=\"Coleira GPS Docooler Mk2 para Pets\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003ePet Tech Premium\u003c\/div\u003e\n \u003ch1\u003eColeira \u003ci\u003eGPS Smart\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eControle total e segurança absoluta para o seu melhor amigo, não importa onde ele vá.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Rastreio Preciso\u003c\/h3\u003e\n \u003cp\u003eNunca mais se preocupe em perder o seu pet. Acompanhe a localização exata dele em tempo real pelo seu smartphone, garantindo a paz de espírito que você merece.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Geofence Inteligente\u003c\/h3\u003e\n \u003cp\u003eDefina zonas de segurança virtuais diretamente na App. Receba alertas e notificações imediatas caso o seu animal ultrapasse os limites estabelecidos por si.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Microfone Integrado\u003c\/h3\u003e\n \u003cp\u003eUma conexão mais próxima do que nunca. Aceda ao microfone embutido de forma remota para escutar os sons em redor do seu pet com máxima clareza e discrição.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e 100% À Prova D'Água\u003c\/h3\u003e\n \u003cp\u003eDesign selado e ultra resistente (Mk2). Continue a monitorizar o seu companheiro de forma perfeita, mesmo debaixo de chuva intensa ou em aventuras aquáticas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eO Fim da \u003cspan\u003ePreocupação\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003ePerder o seu companheiro de vista é um dos maiores medos de qualquer dono. Com a Coleira GPS Docooler Mk2, esse receio desaparece completamente do seu dia a dia.\u003c\/p\u003e\n \u003cp\u003eUma união perfeita entre tecnologia de ponta e conforto animal. Monitorize as atividades, estabeleça limites seguros e saiba exatamente onde o seu melhor amigo está com apenas um toque no ecrã do seu telemóvel.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 1 repetida no fundo para composição --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/43197bb4-b9fb-4246-944f-764c80a9d6d1_480x480.jpg?v=1689448433\" class=\"camillo-img-back\" alt=\"Coleira GPS Background\"\u003e\n \u003c!-- Imagem 2 (Interface da App\/Geofence) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/7d93a6df-bb1c-4885-9b38-08be859241d4_1_480x480.jpg?v=1689449077\" class=\"camillo-img-front\" alt=\"Interface da App de Rastreamento\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eProduto\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eColeira GPS Smart (Docooler Mk2)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eFuncionalidades de Segurança\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eRastreamento, Geofence (Cerca Virtual) e Escuta Remota\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eConectividade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eSincronização direta com App no Smartphone\/Tablet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eNível de Resistência\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e100% À Prova de Água e Ambientes Úmidos\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eIndicação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCães e Gatos (Tamanho Ajustável)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MINHA COLEIRA GPS \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"Preto","offer_id":51485280796968,"sku":"200007763:201336100","price":357.9,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/HTB1oKXUXz14K1Rjt_ioq6AkyXXaN.jpg?v=1772369470"},{"product_id":"camera-webcam-7415-full-hd-1080p-com-microfone-webcam-home-office-teams-zoom-meet-hangouts-imagem-full-hd","title":"Câmera webcam 7415 full hd 1080p com microfone webcam home office teams, zoom, meet, hangouts imagem full hd","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e VÍDEO FULL HD 1080P\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e MICROFONE HD EMBUTIDO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ROTAÇÃO 360 GRAUS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONEXÃO PLUG \u0026amp; PLAY\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e FOCO AUTOMÁTICO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e HOME OFFICE E STREAMING\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/lojamorita.com.br\/cdn\/shop\/products\/camera_webcam_7415_full_hd_823_1_295e9a1f80e2cd37b58a1c888ecf2f5b_1024x.jpg?v=1703080937\" alt=\"Webcam Vanguard Full HD 1080p\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eProfessional Streaming Tech\u003c\/div\u003e\n \u003ch1\u003eWebcam \u003ci\u003eVanguard HD\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eEleve a qualidade das suas videoconferências. Imagem nítida e áudio perfeito para você se comunicar com excelência no home office ou streaming.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Resolução em Alta Definição\u003c\/h3\u003e\n \u003cp\u003eCom o sensor CMOS avançado, entregue imagens em cores verdadeiras com suporte a alta resolução para reuniões e transmissões impecáveis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Microfone Integrado\u003c\/h3\u003e\n \u003cp\u003eCaptação de áudio inteligente e clara, eliminando a necessidade de microfones externos ou headsets desconfortáveis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Rotação Dinâmica 360°\u003c\/h3\u003e\n \u003cp\u003eA base rotativa versátil permite girar a câmera completamente e ajustar o ângulo para cima e para baixo com extrema facilidade.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Conexão Plug \u0026amp; Play\u003c\/h3\u003e\n \u003cp\u003eCom o cabo USB de 120cm, basta conectar ao seu computador ou notebook para uso imediato em qualquer software de vídeo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eComunicação sem \u003cspan\u003eLimites\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eVocê não precisa mais se preocupar com a falta de uma câmera no seu PC ou com a péssima qualidade das câmeras integradas de notebooks antigos.\u003c\/p\u003e\n \u003cp\u003eA Webcam Vanguard combina uma aparência requintada com tecnologia de ponta, compatível com os principais softwares de videoconferência do mercado. Mostre o seu melhor ângulo e faça conexões reais na virtualidade.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/images-americanas.b2w.io\/produtos\/3153325332\/imagens\/webcam-full-hd-1080p-com-microfone-home-office-pc\/3153325332_1_large.jpg\" class=\"camillo-img-back\" alt=\"Webcam com base ajustável e suporte\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/casaevideodigital.vtexassets.com\/arquivos\/ids\/2582602-800-450?v=637965748410100000\u0026amp;width=800\u0026amp;height=450\u0026amp;aspect=true\" class=\"camillo-img-front\" alt=\"Webcam fixada em notebook ou PC\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eQualidade da Imagem\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eResolução Nativa 720p \/ Suporte HD 1080p\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eSensor e Taxa de Quadros\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCMOS Avançado a 30 FPS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial e Peso\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003ePlástico ABS Resistente \/ Ultra Leve: 61,2g\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eConectividade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eInterface USB 2.0 (Cabo de 120cm)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eItens na Embalagem\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e1x Câmera Web Vanguard, 1x Manual de Instruções\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eDicas de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eAjuste Rápido\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eConfiguração Profissional em Segundos:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Conexão Universal:\u003c\/b\u003e Basta plugar o cabo na porta USB do seu desktop ou notebook. Os drivers são identificados e instalados automaticamente pela maioria dos sistemas operacionais (Windows\/Mac).\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Posicionamento:\u003c\/b\u003e Utilize a base multifuncional para prender a webcam com segurança no topo do seu monitor ou deixe-a confortavelmente de pé sobre a sua mesa. Ajuste a lente para cima ou para baixo para encontrar o quadro perfeito.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Áudio Claro:\u003c\/b\u003e Graças ao microfone integrado com tecnologia de captação isolada, fale em um tom de voz natural sem precisar aproximar demais o rosto da câmera.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eSeu Setup de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eSucesso\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO detalhe visual e funcional que faltava no seu home office:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/images-americanas.b2w.io\/produtos\/3153325332\/imagens\/webcam-full-hd-1080p-com-microfone-home-office-pc\/3153325332_1_large.jpg\" alt=\"Estrutura e lente da Webcam Vanguard\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MINHA WEBCAM VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485281026344,"sku":"3079","price":131.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169704788562047.jpg?v=1772369470"},{"product_id":"acessssoriosparaaquario","title":"Acessórios para Aquário Bob Esponja","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar os detalhes vibrantes *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(25% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(50% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DECORAÇÃO PREMIUM\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e 100% SEGURO PARA PEIXES\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e RESINA ATÓXICA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e A FENDA DO BIQUÍNI EM CASA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DECORAÇÃO PREMIUM\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e 100% SEGURO PARA PEIXES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque do Conjunto) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Acessorios_para_aquario_ff7538a1-f2db-44ce-a18c-5129eafdff62_480x480.png?v=1579723700\" alt=\"Kit de Enfeites de Aquário Bob Esponja\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eAquarismo Premium\u003c\/div\u003e\n \u003ch1\u003eDecoração \u003ci\u003eBob Esponja\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eTransforme o seu aquário num cenário mágico e divertido com segurança e qualidade premium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Detalhes Nostálgicos\u003c\/h3\u003e\n \u003cp\u003eTraga o universo vibrante da Fenda do Biquíni para a sua casa. Cores intensas e esculpidas com precisão que não desbotam com o tempo debaixo de água.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Ecossistema Seguro\u003c\/h3\u003e\n \u003cp\u003eFabricados em resina atóxica de alta qualidade. Material 100% seguro que não altera o pH da água e garante o bem-estar absoluto dos seus peixes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e O Lar Perfeito\u003c\/h3\u003e\n \u003cp\u003eMuito além da estética! As peças possuem aberturas pensadas estrategicamente para servirem de esconderijos e áreas de refúgio, reduzindo o stress dos peixes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Praticidade Total\u003c\/h3\u003e\n \u003cp\u003eGraças ao seu material liso e resistente, as peças não acumulam algas facilmente e são incrivelmente simples de instalar e lavar durante as manutenções do aquário.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eMergulhe na \u003cspan\u003eFenda do Biquíni\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eSeja você um fã apaixonado por animação ou alguém à procura do presente perfeito para crianças, esta linha de acessórios é a forma mais criativa de dar vida a um aquário sem graça.\u003c\/p\u003e\n \u003cp\u003eCrie um ambiente subaquático lúdico, duradouro e que proporciona um terreno de exploração fascinante para que os seus peixes nadem com alegria e segurança.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Siri Cascudo) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Acessorios_para_aquario_4_480x480.png?v=1579723362\" class=\"camillo-img-back\" alt=\"Enfeite Siri Cascudo Aquário\"\u003e\n \u003c!-- Imagem 3 (Casa Abacaxi) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Acessorios_para_aquario_3_480x480.png?v=1579723353\" class=\"camillo-img-front\" alt=\"Enfeite Casa Abacaxi Bob Esponja\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eDetalhes do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDesign Temático\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eFenda do Biquíni (Universo Bob Esponja)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial de Construção\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eResina Premium Atóxica e Ecológica\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eSegurança Aquática\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eSeguro para peixes de água doce ou salgada (Não altera pH)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBenefício Adicional\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eFunciona como Esconderijo Anti-Stress para os peixes\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO (Personagens e Detalhes) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eA Magia dos \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eDetalhes\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eConheça de perto as peças que vão encantar o seu aquário:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Acessorios_para_aquario_2_480x480.png?v=1579723342\" alt=\"Casa do Lula Molusco\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Acessorios_para_aquario_1_480x480.png?v=1579723712\" alt=\"Bob Esponja\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Acessorios_para_aquario_5_480x480.png?v=1579723372\" alt=\"Lula Molusco\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Acessorios_para_aquario_6_480x480.png?v=1579723688\" alt=\"Patrick Estrela\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR A MINHA DECORAÇÃO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Garantia de Satisfação\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eCompra\u003cbr\u003eSegura\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Escudo (Garantia) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eSatisfação\u003cbr\u003eGarantida\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"Siri Cascudo","offer_id":51485281091880,"sku":null,"price":99.0,"currency_code":"BRL","in_stock":true},{"title":"Casa do Bob Esponja","offer_id":51485318283560,"sku":null,"price":99.0,"currency_code":"BRL","in_stock":true},{"title":"Casa do Lula Molusco","offer_id":51485318316328,"sku":null,"price":93.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/HTB1Hb7waRCw3KVjSZR0q6zcUpXaF_32fa25c6-ed83-4938-b67a-00743dd2aa79.jpg?v=1772369470"},{"product_id":"agua-pet-garrafa-de-agua-para-caes-e-gatos","title":"Água Pet - Garrafa de Água Para Cães e Gatos","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eDescrição Garrafa Pet Premium\u003c\/title\u003e\n\n\n\n\u003c!-- INÍCIO DO CÓDIGO DA DESCRIÇÃO (Copie a partir daqui para o Shopify) --\u003e\n\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo claro para o produto destacar *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e HIDRATAÇÃO SEGURA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ZERO DESPERDÍCIO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TRAVA ANTI-VAZAMENTO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e PLÁSTICO ALIMENTAR\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e HIDRATAÇÃO SEGURA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ZERO DESPERDÍCIO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque principal do Produto) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/2394\/6978\/files\/Garrafa_de_Agua_para_Caes_e_Gatos.png?v=1658161459\" alt=\"Garrafa de Água para Cães e Gatos\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003ePasseio Premium\u003c\/div\u003e\n \u003ch1\u003eGarrafa \u003ci\u003eAqua Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA hidratação perfeita que o seu pet merece, sem desperdício e com total elegância nos passeios.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Zero Desperdício\u003c\/h3\u003e\n \u003cp\u003eO seu pet bebeu apenas um pouco? Sem problemas. A água que não for utilizada retorna instantaneamente para o recipiente com o simples toque de um botão.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e 100% Anti-Vazamento\u003c\/h3\u003e\n \u003cp\u003eEquipada com uma trava de segurança inteligente e um anel de vedação em gel de silicone de alta qualidade, garantindo que os seus pertences ficam sempre secos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Materiais Seguros\u003c\/h3\u003e\n \u003cp\u003eA saúde do seu pet em primeiro lugar. O bebedouro é fabricado com plástico ABS de padrão alimentar, totalmente livre de toxinas e materiais nocivos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Praticidade Total\u003c\/h3\u003e\n \u003cp\u003eLeve, compacta e muito fácil de manusear apenas com uma mão. Inclui uma alça de pulso elegante para que possa transportá-la comodamente para qualquer lugar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003ePasseios Mais Longos e \u003cspan\u003eFelizes\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eNão permita que a sede interrompa a energia e a diversão do seu animal durante caminhadas longas. A Garrafa Aqua Pro foi desenhada para facilitar a sua vida e garantir o bem-estar do seu companheiro de quatro patas.\u003c\/p\u003e\n \u003cp\u003eA união perfeita entre o bebedouro tradicional e a tecnologia moderna. Encha o recipiente rapidamente, hidrate o seu pet em movimento e não perca nem uma gota de água no processo.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (GIF Animado mostrando a água a retornar) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/2394\/6978\/files\/Garrafa_de_Agua_para_Caes_e_Gatos.gif?v=1658161972\" class=\"camillo-img-back\" alt=\"Botão de retorno de água em ação\"\u003e\n \u003c!-- Imagem 3 (Foto contextual ou detalhe do produto) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0602\/2394\/6978\/files\/Garrafa_de_Agua_para_Caes_e_Gatos.jpg?v=1658164976\" class=\"camillo-img-front\" alt=\"Detalhe do design da Garrafa Pet\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eDetalhes do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDesign Principal\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eGarrafa portátil com recipiente de água (Bebedouro 2-em-1)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eSegurança e Vedação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eBotão de Trava e Anel de Gel em Silicone (Anti-vazamentos)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial de Construção\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003ePlástico ABS (Padrão Alimentar) - Alta Durabilidade\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eOpções de Capacidade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eDisponível em 350ml e 550ml\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eO Pacote Contém\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e1x Garrafa Aqua Pro + 1x Alça de Pulso\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR A MINHA GARRAFA \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c!-- FIM DO CÓDIGO DA DESCRIÇÃO --\u003e\n\n\n\u003c\/body\u003e","brand":"Loja","offers":[{"title":"Default Title","offer_id":51485281222952,"sku":null,"price":0.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/HTB10x9RB8yWBuNkSmFPq6xguVXaA_23141632-fdf1-4728-9598-c6f55e5a94a5.jpg?v=1772369471"},{"product_id":"sensor-de-presenca-e-movimento-para-lampada","title":"Sensor de presença e movimento para lâmpada","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SENSOR DE PRESENÇA 360°\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e INSTALAÇÃO SEM FIOS (SOQUETE E27)\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ECONOMIA DE ENERGIA INTELIGENTE\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e BIVOLT AUTOMÁTICO (100-240V)\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TEMPO E SENSIBILIDADE AJUSTÁVEIS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e AUTOMAÇÃO RESIDENCIAL FÁCIL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/images.tcdn.com.br\/img\/img_prod\/665211\/sensor_de_presenca_com_bocal_suporte_para_lampada_360o_detector_de_movimento_112_1_0fd3794eafa4d1275e6e5f4fbfa53ba3.jpg\" alt=\"Sensor de Presença com Soquete E27\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eSmart Home Automation\u003c\/div\u003e\n \u003ch1\u003eSensor de Presença \u003ci\u003eVanguard 360º\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA evolução da iluminação. Transforme qualquer lâmpada comum num sistema inteligente de detecção de movimento em segundos, sem necessidade de quebrar paredes ou passar fios.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Instalação Plug \u0026amp; Play\u003c\/h3\u003e\n \u003cp\u003eEsqueça os eletricistas e a confusão de cabos. Basta rosquear o dispositivo em qualquer bocal E27 padrão, encaixar a lâmpada e a sua luz inteligente já estará funcionando.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Detecção 360 Graus\u003c\/h3\u003e\n \u003cp\u003eSua lente omnidirecional de alta precisão identifica movimentos instantaneamente num raio de até 3 metros, garantindo a iluminação exata no momento em que você precisa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Ajuste Inteligente\u003c\/h3\u003e\n \u003cp\u003eTenha controle total sobre a operação. Ajuste facilmente o tempo de desligamento (de rápidos 10 segundos até 5 minutos) e o nível de sensibilidade luminosa do ambiente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Economia de Energia\u003c\/h3\u003e\n \u003cp\u003eLuzes acesas sem necessidade nunca mais. O sistema bivolt inteligente reduz drasticamente a sua conta de luz, acionando a iluminação (até 60W) apenas na presença de pessoas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eAutomação \u003cspan\u003eDescomplicada\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eO Sensor de Presença Vanguard com soquete integrado elimina a necessidade de fios e caras instalações elétricas. É a escolha perfeita e imediata para atualizar garagens, corredores, escadas, banheiros e closets.\u003c\/p\u003e\n \u003cp\u003eCom um design moderno e discreto em plástico ABS e pesando apenas 57g, ele suporta lâmpadas de até 60W, integrando o seu ambiente ao verdadeiro conceito de automação e praticidade inteligente.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/images-americanas.b2w.io\/produtos\/7463455530\/imagens\/soquete-sensor-de-presenca-lampada-bocal-e27-movimento-360\/7463455530_1_xlarge.jpg\" class=\"camillo-img-back\" alt=\"Soquete E27 do Sensor Vanguard\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/soquete-sensor-de-presenca-lampada-bocal-e27-movimento-360o-relet\/olistsp\/osp3iwnww33a2j93\/de2faf603586934a95380558404f9a92.jpeg\" class=\"camillo-img-front\" alt=\"Sensor de movimento para lâmpadas\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eÂngulo e Alcance de Detecção\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e360° \/ Raio de aproximadamente 3 Metros\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAlimentação e Potência\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eBivolt Automático (100-240V\/AC) \/ Carga Máx. 60W\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eSoquete e Ajustes\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003ePadrão E27 \/ Timer ajustável (10 seg a 5 min)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDimensões e Peso\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eComprimento 11,5 cm \/ Bocal 3,7 cm \/ Leve: 57g\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eItens Inclusos na Embalagem\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e1x Bocal com Sensor de Presença (Lâmpada NÃO inclusa)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eInstalação e \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eCuidados Rápidos\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eSiga estes passos para o funcionamento perfeito:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Como instalar:\u003c\/b\u003e Por segurança, desligue o interruptor. Rosqueie firmemente o sensor no bocal E27 do seu teto ou parede, e em seguida rosqueie a sua lâmpada (até 60W) diretamente no dispositivo.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Altura Ideal:\u003c\/b\u003e Para captar a área máxima do raio de 360°, a instalação recomendada do sensor deve estar entre 2 e 3,5 metros de altura.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Lâmpadas suportadas:\u003c\/b\u003e Recomendamos fortemente a utilização de lâmpadas de tecnologia LED. Além de serem frias (protegendo o invólucro plástico), garantem que você não ultrapasse a capacidade de carga nominal de 60W.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eAmbientes \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eInteligentes\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eA melhoria invisível e essencial para o conforto do seu lar:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/soquete-sensor-de-presenca-lampada-bocal-e27-movimento-360o-relet\/olistsp\/osp3iwnww33a2j93\/de2faf603586934a95380558404f9a92.jpeg\" alt=\"Conector prático para iluminação automática\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU SENSOR VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485281255720,"sku":"LampadaSensorInfra","price":131.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637255247925.jpg?v=1772369471"},{"product_id":"alimentador-automatico-para-aquario-wi-fi","title":"Alimentador Automático para Aquário Wi-fi","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo claro para o produto destacar *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONTROLE VIA APP\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TECNOLOGIA WI-FI\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ALIMENTAÇÃO PRECISA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e FUNCIONAMENTO SILENCIOSO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONTROLE VIA APP\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TECNOLOGIA WI-FI\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque App\/Smartphone) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/Semtitulo_480x480.png?v=1689356841\" alt=\"Controle Wi-Fi pelo Smartphone\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003ePet Tech Premium\u003c\/div\u003e\n \u003ch1\u003eAlimentador \u003ci\u003eAqua Smart\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA tecnologia que o seu aquário merece. Controle a alimentação dos seus peixes de qualquer lugar do mundo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Conexão Wi-Fi\u003c\/h3\u003e\n \u003cp\u003eMantenha-se conectado. Controle e ajuste o alimentador de qualquer lugar, a qualquer hora, através do seu smartphone ou tablet, garantindo total paz de espírito.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Programação Precisa\u003c\/h3\u003e\n \u003cp\u003eConfigure o aparelho para libertar comida até 4 vezes por dia, em quantidades regulares e exatas. Os seus peixes mantêm uma rotina saudável mesmo na sua ausência.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Motor Silencioso\u003c\/h3\u003e\n \u003cp\u003eProjetado com materiais de alta qualidade e um mecanismo ultrassilencioso, não emite ruídos que possam assustar ou perturbar os peixes durante a alimentação.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Dupla Alimentação\u003c\/h3\u003e\n \u003cp\u003eMaior segurança contra falhas de energia. O dispositivo pode ser ligado diretamente via cabo USB (5V) ou funcionar através de 2 pilhas AA (não inclusas).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eTranquilidade e \u003cspan\u003eTecnologia\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eCom o Alimentador Automático Wi-Fi, nunca mais precisará de se preocupar ou pedir a vizinhos para alimentar os seus peixes quando viaja ou passa o dia fora de casa.\u003c\/p\u003e\n \u003cp\u003eEquipado com um amplo reservatório e ecrã LCD integrado, é a solução tecnológica definitiva que une a conveniência moderna ao cuidado perfeito para o seu ecossistema aquático.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe do aparelho) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/5436\/0630\/products\/H50ac533ff31543c5a17c86c3ef055ffe2_480x480.jpg?v=1679772871\" class=\"camillo-img-back\" alt=\"Alimentador de Aquário Detalhes\"\u003e\n \u003c!-- Imagem 1 repetida na frente para dar efeito de profundidade --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/Semtitulo_480x480.png?v=1689356841\" class=\"camillo-img-front\" alt=\"Controle pelo App\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eConectividade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eWi-Fi (Controlo via App no Smartphone\/Tablet)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCapacidade do Reservatório\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAté 100g \/ 170ml (Output mínimo de 50g)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eProgramação de Refeições\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAté 4 vezes ao dia (com 3 velocidades ajustáveis)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAlimentação de Energia\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eCabo USB (5V) ou 2x Pilhas AA\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eExtras Inclusos\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eTela LCD Digital Integrada e Motor Silencioso\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR O MEU ALIMENTADOR \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"Preto \/ 12x8x14cm","offer_id":51485281386792,"sku":"682843-WiFi Black-12x8x14cm-China","price":188.9,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/H50ac533ff31543c5a17c86c3ef055ffe2_dd2a5524-bd0c-4d26-8dc4-3c415288c81b.jpg?v=1772369471"},{"product_id":"coleiraguiaretratil","title":"Coleira Guia Retrátil para Cães e Gatos","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar a trela *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 0;\n border-radius: 4px;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONTROLE ABSOLUTO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e FITA REFLETIVA NOTURNA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ATÉ 5 METROS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TRAVA DE SEGURANÇA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONTROLE ABSOLUTO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e FITA REFLETIVA NOTURNA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/Scd78363c2a834a71b408edb3d6d1b63dU_480x480.jpg?v=1689450207\" alt=\"Coleira Guia Retrátil para Cães e Gatos\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003ePasseio Premium\u003c\/div\u003e\n \u003ch1\u003eGuia \u003ci\u003eLiberty Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA combinação perfeita entre a liberdade que o seu pet ama e o controle absoluto que você precisa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Extensão Inteligente\u003c\/h3\u003e\n \u003cp\u003eDisponível em opções de 3 ou 5 metros, oferecendo amplo espaço para o seu pet explorar o ambiente sem perder a conexão e a segurança consigo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Segurança Noturna\u003c\/h3\u003e\n \u003cp\u003ePasseie com tranquilidade a qualquer hora. A guia é totalmente equipada com componentes reflexivos que brilham no escuro, garantindo máxima visibilidade.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Controle Absoluto\u003c\/h3\u003e\n \u003cp\u003eEquipada com um sistema de travagem de resposta rápida e precisa com apenas um clique. Pare, solte ou recolha a fita instantaneamente, sem solavancos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design Ergonômico\u003c\/h3\u003e\n \u003cp\u003eDesenhada para a sua mão. O punho antideslizante e confortável adapta-se perfeitamente à sua pegada, evitando fadiga mesmo em passeios muito longos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eA Verdadeira \u003cspan\u003eLiberdade Segura\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eEsqueça os passeios stressantes com guias curtas e rígidas. A Guia Liberty Pro foi desenvolvida especialmente para cães e gatos de pequeno e médio porte que adoram explorar cada canto.\u003c\/p\u003e\n \u003cp\u003eO seu mecanismo retrátil de alta durabilidade permite que a fita estique e recolha de forma incrivelmente suave, evitando nós e garantindo uma experiência premium para ambos.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe da trela e ação) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/Sf741c5bdfe4b472785d5f6eeab215330e_480x480.jpg?v=1689450757\" class=\"camillo-img-back\" alt=\"Detalhe Guia Retrátil Premium\"\u003e\n \u003c!-- Imagem 1 repetida na frente para dar efeito de profundidade --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/Scd78363c2a834a71b408edb3d6d1b63dU_480x480.jpg?v=1689450207\" class=\"camillo-img-front\" alt=\"Coleira Retrátil Cores\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eTipo de Produto\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eGuia Retrátil Premium para Passeio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eOpções de Comprimento\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e3 Metros ou 5 Metros\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eOpções de Cores\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAzul, Vermelho, Amarelo e Verde\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eSegurança Extra\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eSim (Componentes Reflexivos para Visibilidade Noturna)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eIndicação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCães e Gatos (Pequeno a Médio Porte)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Instruções\/Funcionalidades (Imagens em Fundo Branco) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eDesign \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eInteligente\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003c!-- Fundo branco forçado para o infográfico --\u003e\n \u003cdiv class=\"camillo-table-img-box\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Coleira_Eletrica_3_480x480.png?v=1580996583\" alt=\"Funcionalidades da Coleira Retrátil\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MINHA GUIA RETRÁTIL \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"Default Title","offer_id":51485282107688,"sku":null,"price":0.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/HTB1R4QET9zqK1RjSZPcq6zTepXa3_5478f810-ca4a-498f-a36e-069186ec7a99.jpg?v=1772369471"},{"product_id":"bolademastigacao","title":"Bola Mastigatória Maluca","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar a bola *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(33.33% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(50% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SAÚDE E DIVERSÃO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e REDUZ A ANSIEDADE\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e BORRACHA ULTRA RESISTENTE\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESENVOLVE HABILIDADES\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SAÚDE E DIVERSÃO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e REDUZ A ANSIEDADE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Bola_De_Borracha_Para_Mastigacao_3_480x480.png?v=1579720765\" alt=\"Bola Mastigatória Maluca para Cães\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eDiversão \u0026amp; Saúde Premium\u003c\/div\u003e\n \u003ch1\u003eBola \u003ci\u003eMaluca Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eMuito mais que um brinquedo: uma verdadeira academia para o bem-estar mental e físico do seu cão.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Adeus Ansiedade\u003c\/h3\u003e\n \u003cp\u003eO formato imprevisível mantém o cão focado por horas. A solução perfeita para aliviar o stress, a ansiedade e a depressão quando ele precisa ficar sozinho.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Desenvolvimento Ativo\u003c\/h3\u003e\n \u003cp\u003eMuito além da brincadeira! O esforço da mastigação e perseguição estimula o desenvolvimento ósseo saudável e aprimora o equilíbrio e reflexos naturais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Borracha Resistente\u003c\/h3\u003e\n \u003cp\u003eFabricada com material maciço, durável e 100% não tóxico, projetado especificamente para suportar de forma segura até as mordidas mais entusiasmadas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Higiene Dental\u003c\/h3\u003e\n \u003cp\u003eO design texturizado exclusivo não serve apenas para quicar. As pequenas ranhuras ajudam a limpar os dentes e a massagear a gengiva do pet enquanto ele brinca.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eDiversão com \u003cspan\u003eBenefícios Reais\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eA Bola Maluca Pro foi desenhada com base no comportamento canino para despertar o instinto caçador do seu pet de forma 100% segura. Os seus saltos irregulares são o segredo para manter a atenção do cão sempre em alta.\u003c\/p\u003e\n \u003cp\u003eAlém de gastar a energia acumulada, este exercício contínuo e imprevisível lubrifica as articulações, garantindo que o seu melhor amigo se mantenha forte, ágil e incrivelmente feliz o dia todo.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Textura) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Bola_De_Borracha_Para_Mastigacao_5_480x480.png?v=1579720783\" class=\"camillo-img-back\" alt=\"Detalhe textura da Bola Mastigatória\"\u003e\n \u003c!-- Imagem 3 (Apresentação Geral) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Bola_De_Borracha_Para_Mastigacao_4_480x480.png?v=1579720813\" class=\"camillo-img-front\" alt=\"Design irregular da Bola Maluca\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eTipo de Produto\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eBrinquedo Mastigatório e Interativo\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eBorracha Maciça Premium (100% Não Tóxica e Segura)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eIndicação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCães de todos as idades e portes\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBenefício Principal\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eReduz o stress, ajuda na higiene bucal e estimula articulações\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDesign Físico\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eFormato irregular para saltos imprevisíveis (Estimula instintos)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Galeria Mosaico para Fotos Extras --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eA Diversão \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eGarantida\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO brinquedo que vai transformar o dia a dia do seu pet:\u003c\/p\u003e\n\n \u003cdiv class=\"camillo-premium-gallery\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Bola_De_Borracha_Para_Mastigacao_480x480.png?v=1579720797\" alt=\"Bola Mastigatória 1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Bola_De_Borracha_Para_Mastigacao_2_480x480.png?v=1579720755\" alt=\"Bola Mastigatória 2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/Bola_De_Borracha_Para_Mastigacao_1_480x480.png?v=1579720744\" alt=\"Bola Mastigatória 3\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MINHA BOLA MALUCA \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"Default Title","offer_id":51485282205992,"sku":null,"price":0.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/Bola_De_Borracha_Para_Mastigacao_3_5a7c1909-9be9-4c09-a0a4-958558da246d.png?v=1772369473"},{"product_id":"brinquedo-de-movimento-para-gatos","title":"Brinquedo de Movimento para Gatos","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n\n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n\n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Tamanho \/ Informações Extra *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 20px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 0;\n border-radius: 4px;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n\n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n\u003cdiv class=\"camillo-marquee\"\u003e\n\u003cdiv class=\"camillo-marquee-content\"\u003e\n\u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e INSTINTOS NATURAIS\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e DIVERSÃO GARANTIDA\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e DESLIGAMENTO AUTOMÁTICO\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e REDUZ O TÉDIO E ANSIEDADE\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e INSTINTOS NATURAIS\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e DIVERSÃO GARANTIDA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO SECTION EM CAMADAS --\u003e\n\u003cdiv class=\"camillo-hero-stack\"\u003e\n\u003cdiv class=\"camillo-hero-img-box\"\u003e\n\u003c!-- Imagem 1 (GIF Destaque do Produto) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/WRWlPZH76gM0828yR4h_343613063784_mp4_265_hd_unlimit_taobao_online-video-cutter.com_480x480.gif?v=1689368086\" alt=\"Gato brincando com o Pop and Play\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003eDiversão Pet Premium\u003c\/div\u003e\n\u003ch1\u003eBrinquedo \u003ci\u003ePop \u0026amp; Play\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eDesperte os instintos naturais do seu felino com o brinquedo interativo mais surpreendente do mercado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GRID DE BENEFÍCIOS --\u003e\n\u003cdiv class=\"camillo-grid-wrapper\"\u003e\n\u003cdiv class=\"camillo-feature-grid\"\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e O Instinto Caçador\u003c\/h3\u003e\n\u003cp\u003eDesperte a verdadeira natureza do seu felino. Os movimentos aleatórios da presa simulam uma caça real, prendendo a atenção do animal instantaneamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Adeus Preguiça\u003c\/h3\u003e\n\u003cp\u003eIdeal para gatos que passam muito tempo sozinhos. Transforma a rotina sedentária numa emocionante aventura cheia de saltos, corrida e energia positiva.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Sistema Inteligente\u003c\/h3\u003e\n\u003cp\u003eInteligência a favor da praticidade. O brinquedo desliga-se automaticamente quando deteta que o seu gatinho já gastou energia e está pronto para a soneca.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Durabilidade Premium\u003c\/h3\u003e\n\u003cp\u003eConstruído com materiais de alta qualidade para resistir a arranhões e ataques contínuos. É a garantia de diversão segura e prolongada para o seu melhor amigo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n\u003cdiv class=\"camillo-detail-split\"\u003e\n\u003cdiv class=\"camillo-detail-text\"\u003e\n\u003ch2\u003eA Aventura Perfeita na \u003cspan\u003eSua Sala\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEsqueça os brinquedos monótonos que perdem a graça em 5 minutos. O Pop \u0026amp; Play é completamente imprevisível e garante um engajamento total, estimulando os reflexos e a saúde mental do seu gato.\u003c\/p\u003e\n\u003cp\u003eA presa surpresa entra e sai de forma aleatória, criando um desafio irresistível. Prepare a câmara e veja o seu peludo a pular e a divertir-se como nunca!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-img-group\"\u003e\n\u003c!-- Imagem 2 (Gato atento ao brinquedo) --\u003e \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/Hbb27186a01b344c09abcbc9e4e0ef6a0e.jpg\" class=\"camillo-img-back\" alt=\"Gato focado no brinquedo interativo\"\u003e \u003c!-- Imagem 3 (Detalhes do produto) --\u003e \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/H512fd391c90548d48b4ffb2de176a86bc.jpg\" class=\"camillo-img-front\" alt=\"Detalhes da construção do Pop and Play\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eDetalhes do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-specs-container\"\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eTipo de Produto\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eBrinquedo Interativo Automático (Surpresa)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eIndicação\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eGatos de todas as idades e portes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eBenefício Principal\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eReduz o tédio, a ansiedade e promove o exercício físico\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eSistema Extra\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eFunção de Desligamento Automático Integrado\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eAlimentação\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003e4x Pilhas Tipo 'C' (Não Inclusas)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Alerta de Avisos Importantes --\u003e\n\u003cdiv class=\"camillo-size-alert\" style=\"margin-top: 40px;\"\u003e\n\u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eAvisos Importantes:\u003c\/h4\u003e\n\u003cp\u003e• Lembre-se que o Pop \u0026amp; Play requer \u003cb\u003e4 pilhas do tipo 'C'\u003c\/b\u003e para o seu funcionamento (as pilhas não estão incluídas na embalagem).\u003c\/p\u003e\n\u003cp\u003e• Posicione o brinquedo numa superfície plana e desimpedida para garantir que o seu gato possa saltar e brincar livremente, com total segurança.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n\u003cdiv class=\"camillo-cta-container\"\u003e\n\u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n\u003cdiv class=\"camillo-btn-magnetic\" onclick=\"var target = document.querySelector('form[action*=\\'\/cart\/add\\'], .product-form'); if(target){target.scrollIntoView({behavior: 'smooth', block: 'center'});}else{window.scrollTo({top:0,behavior:'smooth'});}\"\u003e\n GARANTIR O BRINQUEDO AGORA \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"Verde","offer_id":51485282435368,"sku":"14:175#Green","price":298.9,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/H141adda270924e319a982bd8048a12f8A_a4689f7f-687c-4382-95a6-24371fb78bd5.jpg?v=1772369472"},{"product_id":"cinta-essential-cintura-alta-enchimento-no-bumbum","title":"Cinta Essential? - Cintura alta \u0026 Enchimento no bumbum","description":"\u003cp data-mce-fragment=\"1\" style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e\u003cstrong data-mce-fragment=\"1\" style=\"text-align: center; font-size: 1.4em;\" data-mce-style=\"text-align: center; font-size: 1.4em;\"\u003eSINTA-SE MAIS CONFIANTE SEM PERDER O CONFORTO\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" style=\"text-align: center;\"\u003eUma Cinta extremamente\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003econfortável\u003c\/strong\u003e, que modela o tamanho e a forma do bumbum e comprime a barriga fazendo você se sentir\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cstrong data-mce-fragment=\"1\"\u003emais bonita e confiante\u003c\/strong\u003e na hora, de forma\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cstrong data-mce-fragment=\"1\"\u003ediscreta\u003c\/strong\u003e e com qualquer roupa! \u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" style=\"text-align: center;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eA Cinta\u003c\/span\u003e Modeladora e Redutora de Medidas com Enchimento para Levantar o Bumbum e quadril conta com tecnologia exclusiva, proporcionando conforto e beleza.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0464\/0928\/5793\/files\/H7a9f139fb723420a8f76fbcfec1b377e2_480x480.jpg?v=1629760233\" alt=\"\" width=\"547\" height=\"684\"\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\" style=\"text-align: center;\"\u003eReforçada com estofamento almofadado e\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cstrong data-mce-fragment=\"1\"\u003ecompressão respirável\u003c\/strong\u003e, suave como seda, para fornecer os resultados desejados, mantendo-se completamente confortável para o uso diário.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0464\/0928\/5793\/files\/H38b44446d20243a6b951fbcede80c6748_480x480.jpg?v=1629760218\" alt=\"\" width=\"538\" height=\"734\"\u003e\u003c\/p\u003e\n\u003ch3 style=\"text-align: center;\"\u003e\u003cstrong data-mce-fragment=\"1\" style=\"font-size: 0.875rem;\"\u003eEspecificações:\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cspan style=\"text-align: center; font-size: 0.875rem;\"\u003eCor: preto\/bege\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cspan style=\"text-align: center; font-size: 0.875rem;\"\u003eMaterial forro: Nylon 95%\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cspan style=\"text-align: center; font-size: 0.875rem;\"\u003eMaterial núcleo: Algodão100%\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cspan style=\"text-align: center; font-size: 0.875rem;\"\u003eTamanho: P ao EXG\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cspan style=\"text-align: center; font-size: 0.875rem;\"\u003eLavável com água \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cspan style=\"text-align: center; font-size: 0.875rem;\"\u003e.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cspan style=\"text-align: center; font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv data-mce-fragment=\"1\" class=\"scrollable-wrapper\"\u003e\n\u003cdiv data-mce-fragment=\"1\" class=\"scrollable-wrapper\"\u003e\n\u003ctable data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\" style=\"height: 17px;\" data-mce-style=\"height: 17px;\"\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 232.934px;\" data-mce-style=\"height: 17px; width: 232.934px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eTamanho\u003c\/span\u003e\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 10.5382px;\" data-mce-style=\"height: 17px; width: 10.5382px;\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\n\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 271.285px;\" data-mce-style=\"height: 17px; width: 271.285px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eQuadril\u003c\/span\u003e\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-mce-fragment=\"1\" style=\"height: 17px;\" data-mce-style=\"height: 17px;\"\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 232.934px;\" data-mce-style=\"height: 17px; width: 232.934px;\"\u003eP\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 10.5382px;\" data-mce-style=\"height: 17px; width: 10.5382px;\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 271.285px;\" data-mce-style=\"height: 17px; width: 271.285px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e80-88cm\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-mce-fragment=\"1\" style=\"height: 17px;\" data-mce-style=\"height: 17px;\"\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 232.934px;\" data-mce-style=\"height: 17px; width: 232.934px;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 10.5382px;\" data-mce-style=\"height: 17px; width: 10.5382px;\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 271.285px;\" data-mce-style=\"height: 17px; width: 271.285px;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"utf-8\"\u003e88-96cm\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-mce-fragment=\"1\" style=\"height: 17px;\" data-mce-style=\"height: 17px;\"\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 232.934px;\" data-mce-style=\"height: 17px; width: 232.934px;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eG\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 10.5382px;\" data-mce-style=\"height: 17px; width: 10.5382px;\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 271.285px;\" data-mce-style=\"height: 17px; width: 271.285px;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"utf-8\"\u003e96-104cm\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-mce-fragment=\"1\" style=\"height: 17px;\" data-mce-style=\"height: 17px;\"\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 232.934px;\" data-mce-style=\"height: 17px; width: 232.934px;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eGG\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 10.5382px;\" data-mce-style=\"height: 17px; width: 10.5382px;\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 271.285px;\" data-mce-style=\"height: 17px; width: 271.285px;\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"utf-8\"\u003e104-112cm\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-mce-fragment=\"1\" style=\"height: 17px;\" data-mce-style=\"height: 17px;\"\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 232.934px;\" data-mce-style=\"height: 17px; width: 232.934px;\"\u003e\u003cbr\u003e\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 10.5382px;\" data-mce-style=\"height: 17px; width: 10.5382px;\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"height: 17px; width: 271.285px;\" data-mce-style=\"height: 17px; width: 271.285px;\"\u003e\u003cbr\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"LOJA","offers":[{"title":"Default Title","offer_id":51485282468136,"sku":null,"price":0.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/H2cc4fe355bc3473583abe0934400f592m.jpg?v=1772369473"},{"product_id":"massageador-de-pescoco-eletrico-costas-ombros-lombar-massageador-corporal","title":"Massageador de pescoço eletrico costas ombros lombar massageador corporal Premium","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e \u003csvg style=\"position: absolute;\" height=\"0\" width=\"0\"\u003e\n \u003cdefs\u003e\n \u003clineargradient y2=\"100%\" x2=\"100%\" y1=\"0%\" x1=\"0%\" id=\"gold-gradient\"\u003e\n \u003cstop stop-color=\"#fdf5d3\" offset=\"0%\"\u003e\u003c\/stop\u003e\n \u003cstop stop-color=\"#d4af37\" offset=\"50%\"\u003e\u003c\/stop\u003e\n \u003cstop stop-color=\"#8a6217\" offset=\"100%\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n\u003cdiv class=\"camillo-marquee\"\u003e\n\u003cdiv class=\"camillo-marquee-content\"\u003e\n\u003cspan\u003e✦ RELAXAMENTO MUSCULAR\u003c\/span\u003e \u003cspan\u003e✧ TONIFICAÇÃO E FORMA\u003c\/span\u003e \u003cspan\u003e✦ MELHORA A CIRCULAÇÃO\u003c\/span\u003e \u003cspan\u003e✧ ALÍVIO DE TENSÃO\u003c\/span\u003e \u003cspan\u003e✦ RELAXAMENTO MUSCULAR\u003c\/span\u003e \u003cspan\u003e✧ TONIFICAÇÃO E FORMA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO SECTION EM CAMADAS --\u003e\n\u003cdiv class=\"camillo-hero-stack\"\u003e\n\u003cdiv class=\"camillo-hero-img-box\"\u003e\n\u003c!-- Imagem 1 (Destaque Principal \/ Placeholder) --\u003e \u003cimg alt=\"Cinta Massageadora Premium em Uso\" src=\"https:\/\/images.unsplash.com\/photo-1518611012118-696072aa579a?q=80\u0026amp;w=800\u0026amp;auto=format\u0026amp;fit=crop\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003eRecovery \u0026amp; Wellness\u003c\/div\u003e\n\u003ch1\u003eCinta \u003ci\u003ePulse Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eRelaxe os músculos, alivie a tensão e tonifique o seu corpo com a tecnologia de massagem avançada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GRID DE BENEFÍCIOS --\u003e\n\u003cdiv class=\"camillo-grid-wrapper\"\u003e\n\u003cdiv class=\"camillo-feature-grid\"\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Relaxamento Profundo\u003c\/h3\u003e\n\u003cp\u003eAjuda a relaxar os músculos e a libertar toda a tensão acumulada, proporcionando um relaxamento profundo e restaurador após um longo dia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Tonifica e Modela\u003c\/h3\u003e\n\u003cp\u003eA tecnologia de ondas atua quebrando os tecidos adiposos dentro da área aplicada, ajudando a moldar as pernas e o corpo em formas mais finas e definidas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Ativa a Circulação\u003c\/h3\u003e\n\u003cp\u003eAo desobstruir as drenagens do corpo, o dispositivo ajuda no fluxo e movimentação celular, promovendo uma circulação sanguínea muito mais saudável.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design Compacto\u003c\/h3\u003e\n\u003cp\u003eFeito com um design leve e inteligente que permite destacar o dispositivo da almofada (cinta) para facilitar o uso e o transporte em qualquer lugar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n\u003cdiv class=\"camillo-detail-split\"\u003e\n\u003cdiv class=\"camillo-detail-text\"\u003e\n\u003ch2\u003eO Seu Corpo em \u003cspan\u003eEquilíbrio\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eO stress diário e a fadiga muscular afetam diretamente a sua qualidade de vida. A Cinta Pulse Pro foi desenvolvida para devolver o bem-estar que você merece.\u003c\/p\u003e\n\u003cp\u003eFaz massagens revigorantes que permitem que o seu corpo relaxe, ao mesmo tempo que promove efeitos saudáveis no fluxo sanguíneo. Melhore a qualidade do seu sono, recupere a sua energia e seja mais eficiente na sua rotina.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-img-group\"\u003e\n\u003c!-- Imagem 2 (Detalhe \/ Placeholder) --\u003e \u003cimg alt=\"Bem-estar e relaxamento muscular\" class=\"camillo-img-back\" src=\"https:\/\/images.unsplash.com\/photo-1571019614242-c5c5dee9f50b?q=80\u0026amp;w=800\u0026amp;auto=format\u0026amp;fit=crop\"\u003e \u003c!-- Imagem 3 (Ação \/ Placeholder) --\u003e \u003cimg alt=\"Uso prático do massageador\" class=\"camillo-img-front\" src=\"https:\/\/images.unsplash.com\/photo-1554342872-034a06541bad?q=80\u0026amp;w=800\u0026amp;auto=format\u0026amp;fit=crop\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-specs-container\"\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eTipo de Produto\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eCinta Massageadora \/ Eletroestimulador\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eFunção Principal\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eRelaxamento muscular, tonificação e estímulo da circulação\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eBotões de Controle\u003c\/div\u003e\n\u003cdiv style=\"color: #d4af37; font-weight: 600;\" class=\"camillo-spec-value\"\u003eON\/INC, OFF\/DEC e PROGRAM (Modos variados)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eAlimentação\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eFunciona com 2 Pilhas AAA (Não acompanham)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eO Pacote Inclui\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003e1x Cinta (Pad) e 1x Controlador Digital\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Guia de Instruções (Fundo Alerta) --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eManual de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eInstruções\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-size-alert\"\u003e\n\u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eComo operar o seu dispositivo:\u003c\/h4\u003e\n\u003cp\u003eO aparelho possui 3 botões principais para navegação simples da intensidade e estilo de massagem:\u003c\/p\u003e\n\u003cp\u003e• \u003cb\u003ePasso 1:\u003c\/b\u003e Clique no botão \u003cb\u003eON\/INC\u003c\/b\u003e para o aparelho ligar as luzes e iniciar.\u003c\/p\u003e\n\u003cp\u003e• \u003cb\u003ePasso 2:\u003c\/b\u003e Ajuste a intensidade. Clique novamente em \u003cb\u003eON\/INC\u003c\/b\u003e para aumentar, ou em \u003cb\u003eOFF\/DEC\u003c\/b\u003e para diminuir a força da massagem.\u003c\/p\u003e\n\u003cp\u003e• \u003cb\u003ePasso 3:\u003c\/b\u003e Para mudar os tipos\/programas de massagem, basta clicar no botão \u003cb\u003ePROGRAM\u003c\/b\u003e.\u003c\/p\u003e\n\u003cp\u003e• \u003cb\u003ePasso 4:\u003c\/b\u003e Para desligar o aparelho, clique no botão \u003cb\u003eOFF\/DEC\u003c\/b\u003e repetidamente até a luz se apagar por completo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n\u003cdiv class=\"camillo-cta-container\"\u003e\n\u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n\u003cdiv class=\"camillo-btn-magnetic\" onclick=\"var target = document.querySelector('form[action*=\\'\/cart\/add\\'], .product-form'); if(target){target.scrollIntoView({behavior: 'smooth', block: 'center'});}else{window.scrollTo({top:0,behavior:'smooth'});}\"\u003e\n GARANTIR O MEU MASSAGEADOR \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"url(#gold-gradient)\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline y2=\"12\" x2=\"12\" y1=\"22.08\" x1=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"url(#gold-gradient)\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cline y2=\"13\" x2=\"11\" y1=\"2\" x1=\"22\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"url(#gold-gradient)\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485282664744,"sku":"MASSAGEADO_HLBHT","price":122.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/zYBDLKt8e3g4Xld.jpg?v=1772369473"},{"product_id":"coleirapeitoralgatos","title":"Coleira Peitoral para Gatos","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Tamanho \/ Avisos *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 20px;\n margin: 20px 30px 20px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 0;\n border-radius: 4px;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e PASSEIOS COM SEGURANÇA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ZERO DESCONFORTO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e LIBERDADE DE MOVIMENTO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e MATERIAL PREMIUM\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e PASSEIOS COM SEGURANÇA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ZERO DESCONFORTO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque do Produto) --\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/HTB1kfLMXOLrK1Rjy1zdq6ynnpXag.jpg\" alt=\"Coleira Peitoral para Gatos\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003ePet Care Premium\u003c\/div\u003e\n \u003ch1\u003ePeitoral \u003ci\u003eComfort Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eO equilíbrio perfeito entre liberdade, segurança e design premium para o seu felino.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Segurança Anatômica\u003c\/h3\u003e\n \u003cp\u003eDistribui a pressão de forma uniforme pelo peito, eliminando qualquer risco de asfixia ou lesões no pescoço e coluna do seu gato durante os passeios.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Liberdade Total\u003c\/h3\u003e\n \u003cp\u003eO design ergonómico abraça o corpo do animal permitindo que o seu amiguinho se mova, pule e corra sem nenhum tipo de restrição ou desconforto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Material Premium\u003c\/h3\u003e\n \u003cp\u003eFabricada com tecidos de alta qualidade, malha respirável e costuras reforçadas que garantem a máxima durabilidade e resistência contra puxões.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Passeios Sem Stress\u003c\/h3\u003e\n \u003cp\u003eExtremamente prática de vestir e ajustar. A escolha consciente para donos que não comprometem a segurança e o bem-estar absoluto do seu pet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eProteção que se Sente no \u003cspan\u003ePrimeiro Passeio\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eQuando se trata da segurança do seu gato, a qualidade é inegociável. Esqueça as coleiras tradicionais que causam desconforto e colocam a saúde do seu felino em risco com puxões no pescoço.\u003c\/p\u003e\n \u003cp\u003eA Coleira Peitoral Comfort Pro foi desenhada anatomicamente para proteger a coluna do animal. Proporcione ao seu gato a proteção que ele merece, transformando cada passeio num momento de pura alegria e confiança mútua.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem Duplicada\/Filtrada para Efeito de Camada --\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/HTB1nh0VdlCw3KVjSZFuq6AAOpXaT.jpg\" class=\"camillo-img-back\" alt=\"Coleira Peitoral Conforto Background\"\u003e\n \u003cimg src=\"https:\/\/ae01.alicdn.com\/kf\/HTB1nh0VdlCw3KVjSZFuq6AAOpXaT.jpg\" class=\"camillo-img-front\" alt=\"Gato com Coleira Peitoral\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eDetalhes do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDesign\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003ePeitoral Ergonômico Antiescape\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eIndicação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eGatos (Todas as raças e portes)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eMalha Respirável e Acabamentos de Alta Resistência\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBenefício Principal\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003ePrevine lesões no pescoço, garantindo conforto e segurança\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Tamanhos (Título + Caixa de Alerta + Imagens em Fundo Branco) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eGuia de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTamanhos\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eAvisos Importantes:\u003c\/h4\u003e\n \u003cp\u003e• Sugerimos fortemente que \u003cb\u003emeça o seu gato\u003c\/b\u003e e compare com a tabela de medidas abaixo antes de efetuar a compra.\u003c\/p\u003e\n \u003cp\u003e• Se a medida do seu felino ficar em dúvida entre dois tamanhos, \u003cb\u003erecomendamos que opte pelo tamanho maior\u003c\/b\u003e para garantir o máximo conforto.\u003c\/p\u003e\n \u003cp\u003e• Pode haver uma margem de erro entre 1-3cm devido à medição manual.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Fundo branco forçado para que a tabela preta fique perfeitamente visível --\u003e\n \u003cdiv class=\"camillo-table-img-box\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0278\/4490\/2986\/files\/coleira_peitoral_pra_gatos_480x480.png?v=1581431712\" alt=\"Tabela de Medidas Coleira Gatos\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR A MINHA COLEIRA \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"Default Title","offer_id":51485282697512,"sku":null,"price":0.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/HTB1mzIgQa6qK1RjSZFmq6x0PFXa1_ed203b19-4e60-460c-88a1-5dde2c35a3cc.jpg?v=1772369473"},{"product_id":"carregador-inducao-sem-fio-ultra-rapido-3-em-1","title":"Carregador indução sem fio ultra rápido 3 em 1","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CARREGAMENTO 3 EM 1 SIMULTÂNEO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e POTÊNCIA ULTRA RÁPIDA 15W\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e MULTI-BOBINAS INTELIGENTES\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e PROTEÇÃO DE SEGURANÇA 8 EM 1\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ADEUS AO EMARANHADO DE CABOS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e COMPATÍVEL COM APPLE E ANDROID\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/I\/51gXCUIW7aL._AC_UF1000,1000_QL80_.jpg\" alt=\"Carregador 3 em 1 por Indução Vanguard\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eUltimate Power Station\u003c\/div\u003e\n \u003ch1\u003eCarregador \u003ci\u003eVanguard 3 em 1\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA estação de energia definitiva. Carregue seu Smartphone, Smartwatch e Fones sem fio simultaneamente com velocidade e segurança absoluta.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Carregamento Simultâneo\u003c\/h3\u003e\n \u003cp\u003eOtimize sua rotina. Alimente seu celular principal, seus fones (como AirPods) e seu relógio inteligente (como Apple Watch) de uma só vez numa única base.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Multi-Bobina Flexível\u003c\/h3\u003e\n \u003cp\u003eAssista a séries na horizontal ou responda mensagens na vertical enquanto carrega. As bobinas de indução integradas funcionam perfeitamente em ambos os ângulos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Ultra Rápido (15W)\u003c\/h3\u003e\n \u003cp\u003eCom tecnologia de adaptação inteligente, o sistema fornece exatamente a potência que o seu dispositivo precisa para carregar rápido (5W, 7.5W, 10W ou 15W).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Segurança em 8 Camadas\u003c\/h3\u003e\n \u003cp\u003eDurma tranquilo. Proteções integradas contra sobrecorrente, curto-circuito, superaquecimento e objetos estranhos blindam a vida útil da sua bateria.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eEficiência e \u003cspan\u003eOrganização\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eDiga adeus ao emaranhado de cabos que polui a sua mesa de escritório ou a sua mesa de cabeceira. O Carregador Vanguard 3 em 1 transforma a confusão numa elegante base minimalista de indução.\u003c\/p\u003e\n \u003cp\u003eSua luz indicadora de respiração proporciona um visual moderno e sofisticado, tornando a experiência de carregamento intuitiva, prática e perfeitamente integrada à decoração do seu ambiente.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcRU8RqNU_eOKBnc-pcZyKRW2N33VIRLD72UMLq5jIICOYsv4r_WmwVnWstTxAjyp0EdIVs\u0026amp;usqp=CAU\" class=\"camillo-img-back\" alt=\"Estação de energia 3 em 1 de lado\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/http2.mlstatic.com\/D_NQ_NP_898958-MLB51202638509_082022-O.webp\" class=\"camillo-img-front\" alt=\"Carregando Celular, Relógio e Fone Sem Fio\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eEntrada Padrão\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e9V\/2A ou 12V\/1.5A\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eSaída Smartphone\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAjustável: 5W \/ 7.5W \/ 10W \/ 15W Max\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eSaídas Extras\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eRelógio: 2W \/ Fone de Ouvido: 3W\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eConector Principal\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCabo USB Tipo-A para Tipo-C (Incluso)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eItens na Embalagem\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e1x Base 3 em 1, 1x Cabo Rápido (1m), 1x Manual\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eOtimize seu \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eCarregamento\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eSiga estas instruções de ouro:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Fonte Recomendada:\u003c\/b\u003e Para atingir o carregamento simultâneo e a velocidade Ultra Rápida de 15W, é altamente recomendado o uso de um adaptador de tomada \u003ci\u003eQuick Charge\u003c\/i\u003e 3.0 (9V\/2A ou superior). Fontes comuns de 5V podem não fornecer energia suficiente para as 3 bases.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Posicionamento de Tela:\u003c\/b\u003e As duas bobinas na base do celular permitem que você assista vídeos na horizontal ou navegue em suas redes sociais na vertical sem interromper a passagem de energia por indução.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Sistema Anti-Trava:\u003c\/b\u003e A base reconhece automaticamente chaves, moedas ou outros objetos metálicos estranhos, desligando a energia imediatamente para prevenir qualquer perigo de aquecimento na superfície.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eMesa Limpa, \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eMente Limpa\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eRevolucione a forma como você abastece a sua tecnologia diária:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/I\/51gXCUIW7aL._AC_UF1000,1000_QL80_.jpg\" alt=\"A Estação de Energia Completa Carregando Celular Relógio e Fone\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU CARREGADOR 3 EM 1 \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485283057960,"sku":"CarregadorInduçao","price":199.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637256121844.jpg?v=1772369473"},{"product_id":"caixa-de-som-bluetooth-luminaria-potente-carregador-por-inducao-carregamento-sem-fio","title":"Caixa de Som Bluetooth Luminária Potente Carregador Por Indução Carregamento sem Fio","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ÁUDIO PREMIUM E LUZES LED\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CARREGAMENTO SEM FIO 10W\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e BLUETOOTH 5.2 AVANÇADO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e RÁDIO FM E FUNÇÃO TWS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESIGN INOVADOR G-SPEAKER\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ÁUDIO PREMIUM E LUZES LED\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0518\/0119\/4649\/files\/luminariag_480x480.gif?v=1676002322\" alt=\"Luminária e Carregador G-Speaker\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eSmart Home Tech\u003c\/div\u003e\n \u003ch1\u003eLuminária Smart \u003ci\u003eVanguard G\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eTransforme seu ambiente. Som estéreo envolvente, iluminação relaxante e carregamento por indução em uma única peça de design.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Som Estéreo Envolvente\u003c\/h3\u003e\n \u003cp\u003eGraves profundos e agudos cristalinos com potência de 5W. Equipado com Bluetooth 5.2 de última geração para uma conexão sem atrasos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Carregamento por Indução\u003c\/h3\u003e\n \u003cp\u003eLivre-se da bagunça! Recarregue seu smartphone sem fios de forma rápida (10W), simplesmente apoiando-o na base da luminária.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Cromoterapia em LED\u003c\/h3\u003e\n \u003cp\u003eEscolha entre 6 modos deslumbrantes de iluminação que podem acompanhar o seu humor, servir como luz noturna ou sincronizar com a batida da música.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Estação Multifuncional\u003c\/h3\u003e\n \u003cp\u003eAlém de Bluetooth, possui Rádio FM integrado, leitor de cartão TF\/Pen Drive e a avançada tecnologia TWS, que permite parear duas caixas simultaneamente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eDesign e \u003cspan\u003eTecnologia\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eA G-Speaker Smart Station não é apenas uma caixa de som; é um item de decoração sofisticado que eleva instantaneamente a estética do seu quarto ou escritório.\u003c\/p\u003e\n \u003cp\u003eSeu formato ergonômico em \"G\" abriga funcionalidades de ponta, permitindo que você relaxe com luzes suaves enquanto seu celular carrega rapidamente, sem a confusão de cabos sobre a mesa.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/media.giphy.com\/media\/jmr4bG0CKnLhSKx0Q4\/giphy.gif\" class=\"camillo-img-back\" alt=\"Luzes LED da Luminária\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/iluminarius.com.br\/cdn\/shop\/files\/Videosemtitulo_FeitocomoClipchamp_6.gif?v=1687123039\u0026amp;width=1445\" class=\"camillo-img-front\" alt=\"Apoiando celular na G-Speaker\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBluetooth \/ Alcance\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eVersão 5.2 \/ Transmissão de até 10 Metros\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003ePotência de Áudio\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eSaída de 5W\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCarregamento Sem Fio\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003ePotência de 10W (Por Indução)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBateria e Alimentação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e3.7V \/ DC5V-500MA\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDimensões \/ Peso\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e26cm x 23cm x 9cm \/ 698g\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eGuia de \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eOperação\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eAproveite ao máximo sua Smart Station:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Bluetooth e TWS:\u003c\/b\u003e Mantenha a tecla \"M\" pressionada para iniciar o pareamento. \u003cb\u003eDica Pro:\u003c\/b\u003e Se tiver duas luminárias, clique duas vezes em uma delas para conectar ambas (Modo TWS) e criar um som surround estéreo sem fios!\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Rádio FM e Luzes:\u003c\/b\u003e No modo FM, conecte o cabo de energia para servir de antena e busque as estações. Para alterar os 6 modos de iluminação LED, pressione a tecla de luz.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Carregamento Seguro:\u003c\/b\u003e Basta apoiar o celular compatível com tecnologia Qi (indução) na base. \u003ci\u003eNota: Imagens ilustrativas. Não exponha o produto em áreas úmidas, como banheiros.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eEstilo e \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003ePraticidade\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO presente perfeito para transformar qualquer ambiente:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/media.giphy.com\/media\/jmr4bG0CKnLhSKx0Q4\/giphy.gif\" alt=\"Efeitos de Luz G-Speaker\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MINHA LUMINÁRIA VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485283090728,"sku":"9261","price":294.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169721570442471.jpg?v=1772369473"},{"product_id":"fone-sem-fio-alto-discreto-potente-powerbank-1","title":"Fone sem fio alto discreto potente powerbank","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ÁUDIO ESTÉREO PREMIUM\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CASE POWERBANK 2200MAH\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DISPLAY LED DIGITAL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CANCELAMENTO DE RUÍDO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e MICROFONE HD TOUCH\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e BLUETOOTH AVANÇADO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/www.dicasdeprodutosempromocao.com\/cdn\/shop\/files\/catalog_product_image_169637256829645.jpg?v=1705441247\u0026amp;width=1946\" alt=\"Fones de Ouvido Sem Fio TWS Powerbank\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003ePremium Audio \u0026amp; Power\u003c\/div\u003e\n \u003ch1\u003eFone TWS \u003ci\u003eVanguard Power\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eSom estéreo imersivo, chamadas nítidas e uma case inteligente que funciona como bateria de emergência para o seu celular.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Áudio Estéreo Imersivo\u003c\/h3\u003e\n \u003cp\u003eTecnologia avançada de cancelamento de ruído que bloqueia o som externo, entregando graves profundos e agudos cristalinos para a sua música.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Case Powerbank 2200mAh\u003c\/h3\u003e\n \u003cp\u003eMuito mais que um estojo. Carregue seus fones de 10 a 15 vezes ou use a porta USB frontal para dar uma carga de emergência no seu celular.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Display LED Inteligente\u003c\/h3\u003e\n \u003cp\u003eNunca fique no escuro. Acompanhe a porcentagem exata de bateria da case e o status de carregamento individual de cada fone em tempo real.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Smart Touch Control\u003c\/h3\u003e\n \u003cp\u003ePossui microfone HD embutido. Atenda chamadas, pause músicas ou avance de faixa com um simples toque diretamente no fone, sem usar o celular.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eO Poder da \u003cspan\u003eLiberdade\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eProjetados para acompanhar o seu ritmo intenso. Os fones Vanguard Power possuem um design in-ear extremamente discreto, confortável e firme, ideal para o trabalho, sessões de academia ou viagens longas.\u003c\/p\u003e\n \u003cp\u003eCom conexão Bluetooth estável em até 10 metros de distância, você desfruta de cerca de 6 horas de música ininterrupta. E quando a bateria acabar, a super case garante dias de autonomia extra.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/down-br.img.susercontent.com\/file\/5764f8d82369c94607cb003df6fe1bc9\" class=\"camillo-img-back\" alt=\"Visão da case e funções Touch\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/fone-bluetooth-sem-fio-in-ear-5-0-audio-top-preto-shopbr\/olistsp\/ospr4zzrcv81k105\/e7b5290dd7eaafc802515955faa9f896.jpeg\" class=\"camillo-img-front\" alt=\"Fones de ouvido in-ear com a Case\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCapacidade da Case\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e2.200mAh (Função Powerbank via USB Frontal)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCapacidade dos Fones\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e50mAh (cada fone)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDuração da Bateria\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCerca de 6 Horas de reprodução de música\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDistância \/ Carga\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAlcance até 10M \/ Carga completa em 1 a 2 horas\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eItens Inclusos\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e2x Fones, 1x Case, 1x Cabo USB, 3x Pares de Borrachinhas, 1x Manual\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eUso Inteligente e \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eSeguro\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eLeia antes do primeiro uso:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Conexão Automática:\u003c\/b\u003e Após o primeiro pareamento Bluetooth com o seu aparelho, basta retirar os fones da case para que eles se conectem automaticamente na próxima vez.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Função Powerbank:\u003c\/b\u003e A porta USB frontal da case foi desenvolvida como um recurso de \u003cb\u003eemergência\u003c\/b\u003e. Ela fornecerá cerca de 15% a 20% de carga ao seu smartphone para ligações ou mensagens urgentes, mas não substitui um carregador de parede tradicional.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Cancelamento de Ruído:\u003c\/b\u003e O encaixe perfeito é fundamental. Utilize os 3 pares de borrachinhas inclusos na embalagem para testar qual tamanho veda melhor o seu ouvido, potencializando os graves e o isolamento acústico.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eMúsica e Energia no \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eSeu Bolso\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO detalhe indispensável para a sua rotina agitada:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/down-br.img.susercontent.com\/file\/5764f8d82369c94607cb003df6fe1bc9\" alt=\"Display LED e fones TWS em detalhe\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU FONE VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485283713320,"sku":"FoneSemFioLed","price":90.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637256829645_dc8de513-f967-4ffb-875f-c22d302f6774.jpg?v=1772369475"},{"product_id":"comedouro-automatico-com-timer","title":"Comedouro Automático com Timer","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Tamanho \/ Avisos *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 20px;\n margin: 20px 30px 20px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n \/* Fundo Branco para Imagens de Instruções\/Tabelas *\/\n .camillo-table-img-box {\n background-color: #ffffff;\n padding: 30px;\n border-radius: 12px;\n text-align: center;\n margin: 0 30px 50px 30px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n position: relative;\n z-index: 2;\n }\n\n .camillo-table-img-box img {\n max-width: 100%;\n height: auto;\n margin-bottom: 15px;\n border-radius: 4px;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ALIMENTAÇÃO PRECISA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TIMER DE ATÉ 48 HORAS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONVENIÊNCIA TOTAL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e MANTÉM O ALIMENTO FRESCO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ALIMENTAÇÃO PRECISA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TIMER DE ATÉ 48 HORAS\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque do Produto) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/5436\/0630\/products\/HTB1ON5OKeySBuNjy1zdq6xPxFXak_480x480.jpg?v=1679772963\" alt=\"Comedouro Automático PetFeedPro\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003ePet Tech Premium\u003c\/div\u003e\n \u003ch1\u003eComedouro \u003ci\u003ePetFeedPro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eAlimente o seu pet com precisão, saúde e total conveniência, mesmo quando não está em casa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Programação Inteligente\u003c\/h3\u003e\n \u003cp\u003eConfigure o temporizador (timer) para até 48 horas e garanta que o seu pet recebe as suas refeições de forma pontual e regular, sem atrasos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Alimentos Sempre Frescos\u003c\/h3\u003e\n \u003cp\u003eO design inteligente inclui um espaço interno exclusivo para colocar uma bolsa térmica (não inclusa), mantendo os alimentos molhados ou frescos por muito mais tempo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Design Prático e Seguro\u003c\/h3\u003e\n \u003cp\u003eConstruído em plástico de alta resistência e fácil de limpar. Possui uma base antiderrapante que impede o comedouro de escorregar enquanto o animal se alimenta.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Total Liberdade\u003c\/h3\u003e\n \u003cp\u003eFunciona a pilhas (1x AA, não inclusa), eliminando a necessidade de cabos de energia perigosos espalhados pela casa. Coloque-o em qualquer divisão com total segurança.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eRotina Perfeita para o seu \u003cspan\u003eMelhor Amigo\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eA ausência já não é motivo de preocupação. Com o Comedouro PetFeedPro, garante que a rotina alimentar do seu animal é cumprida com rigor, promovendo uma digestão saudável e reduzindo a ansiedade.\u003c\/p\u003e\n \u003cp\u003eCompacto, elegante e extremamente funcional. A tecnologia que proporciona a paz de espírito que você e o seu animal de estimação merecem todos os dias.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem Duplicada\/Filtrada para Efeito de Camada --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/Pet-autom-tico-cronometrando-alimentador-350ml-grande-capacidade-seco-molhado-recipiente-de-alimentos-c-o-el_480x480.jpg?v=1689533232\" class=\"camillo-img-back\" alt=\"Comedouro Automático Background\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0776\/6776\/2453\/files\/Pet-autom-tico-cronometrando-alimentador-350ml-grande-capacidade-seco-molhado-recipiente-de-alimentos-c-o-el_480x480.jpg?v=1689533232\" class=\"camillo-img-front\" alt=\"Ação do Comedouro Automático\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eDetalhes do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCapacidade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e300 mL (Ideal para pets de pequeno porte)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eProgramação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eTemporizador (Timer) ajustável até 48 horas\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDiferencial\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eEspaço interno para bolsa térmica (mantém a frescura)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAlimentação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e1 Pilha AA (Não inclusa) - Sem fios perigosos\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMaterial e Cor\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003ePlástico Premium de alta resistência \/ Cor Branca\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Alerta de Avisos Importantes --\u003e\n \u003cdiv class=\"camillo-size-alert\" style=\"margin-top: 40px;\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eAvisos Importantes:\u003c\/h4\u003e\n \u003cp\u003e• Imagens meramente ilustrativas.\u003c\/p\u003e\n \u003cp\u003e• A reprodução das cores pode variar ligeiramente de acordo com as configurações do seu monitor ou tela do telemóvel.\u003c\/p\u003e\n \u003cp\u003e• De acordo com o lote, o produto pode apresentar leve variação de tom e padrão.\u003c\/p\u003e\n \u003cp\u003e• Os preços, as ofertas, os estoques e as condições de pagamento são válidos por tempo limitado.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU COMEDOURO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Loja","offers":[{"title":"Branco","offer_id":51485283778856,"sku":"14:29#White;5:361386#M","price":185.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/HTB1ON5OKeySBuNjy1zdq6xPxFXak_40d897cf-18f1-4494-93f6-879b4a3fb31a.jpg?v=1772369475"},{"product_id":"lampada-de-led-rgb-9w-ccontrole-remoto","title":"Lâmpada de led rgb 9w c\/controle remoto","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n\u003cdiv class=\"camillo-marquee\"\u003e\n\u003cdiv class=\"camillo-marquee-content\"\u003e\n\u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e ILUMINAÇÃO RGB 16 CORES\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e CONTROLE REMOTO INCLUSO\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e BIVOLT AUTOMÁTICO (110V\/220V)\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e 4 EFEITOS DE TRANSIÇÃO\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e SOQUETE PADRÃO E27\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e DECORAÇÃO PREMIUM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO SECTION EM CAMADAS --\u003e\n\u003cdiv class=\"camillo-hero-stack\"\u003e\n\u003cdiv class=\"camillo-hero-img-box\"\u003e\n\u003c!-- Imagem 1 (Destaque Principal) --\u003e \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/lampada-de-led-rgb-9w-c-controle-remoto-luatek\/atacadob2b\/8020\/1a872d11f40ff61c39c5d579f7798474.jpeg\" alt=\"Lâmpada LED RGB 9W com Controle\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003eSmart Lighting Design\u003c\/div\u003e\n\u003ch1\u003eLâmpada LED \u003ci\u003eVanguard RGB\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eTransforme a atmosfera de qualquer ambiente. Controle 16 cores, o brilho e os efeitos de iluminação diretamente na palma da sua mão.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GRID DE BENEFÍCIOS --\u003e\n\u003cdiv class=\"camillo-grid-wrapper\"\u003e\n\u003cdiv class=\"camillo-feature-grid\"\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e 16 Cores + Efeitos\u003c\/h3\u003e\n\u003cp\u003eSua iluminação não precisa mais ser monótona. Escolha sua cor preferida ou ative funções dinâmicas como Flash, Strobe, Fade e Smooth.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Controle Total\u003c\/h3\u003e\n\u003cp\u003eO conforto de não precisar ir até o interruptor. Acompanha um controle remoto completo para você ligar, desligar e ajustar a intensidade da luz (dimmer).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Instalação Universal\u003c\/h3\u003e\n\u003cp\u003eEquipada com base de rosca padrão E27, a mais comum no Brasil. É só retirar a sua lâmpada antiga, rosquear a Vanguard RGB e ligar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Bivolt Inteligente\u003c\/h3\u003e\n\u003cp\u003eMáxima segurança e vida útil. Seu sistema inteligente opera perfeitamente tanto em redes 110V quanto em 220V, suportando grandes variações de tensão.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n\u003cdiv class=\"camillo-detail-split\"\u003e\n\u003cdiv class=\"camillo-detail-text\"\u003e\n\u003ch2\u003eAmbientes com \u003cspan\u003ePersonalidade\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSeja para criar o clima perfeito para assistir a um filme, focar no trabalho (home office), animar uma festa ou decorar bares e vitrines, a Lâmpada Vanguard RGB se adapta perfeitamente ao seu momento.\u003c\/p\u003e\n\u003cp\u003eConstruída com um difusor fosco que não ofusca a visão e liga de alumínio de alta qualidade que garante uma dissipação de calor eficiente, proporcionando um ângulo de iluminação completo e vibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-img-group\"\u003e\n\u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/lampada-led-rgb-16-cores-9w-multicolorida-controle-remoto-luzes-ajustavel-e27-decoracao-casa-salao-quarta-sala-iluminacao-economia-solar\/economiasolardobrasil\/4379p\/5df1dd5d1668fd08153a65d7ebde77d8.jpeg\" class=\"camillo-img-back\" alt=\"Lâmpada RGB em diversos núcleos\"\u003e \u003c!-- Imagem 3 (Uso Frontal) --\u003e \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/lampada-de-led-rgb-9w-c-controle-remoto-luatek\/atacadob2b\/8020\/1a872d11f40ff61c39c5d579f7798474.jpeg\" class=\"camillo-img-front\" alt=\"Caixa e Controle da Lâmpada\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-specs-container\"\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003ePotência \/ Consumo Máximo\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003e9W (LED de Alta Potência)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eBase (Soquete)\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eE27 (Padrão brasileiro)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eTensão de Entrada\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eBivolt Automático (AC 85V - 265V)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eMaterial de Construção\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eLiga de Alumínio Premium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eItens Inclusos na Embalagem\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e1x Lâmpada LED RGB, 1x Controle Remoto\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eFuncionalidades do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eControle\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-size-alert\"\u003e\n\u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eControle absoluto em um clique:\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003e1. Liga\/Desliga e Intensidade:\u003c\/b\u003e Botões dedicados no topo para acender ou apagar a lâmpada, além de setas para ajustar até 4 níveis de brilho (ideal para luz noturna).\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e2. Paleta de Cores:\u003c\/b\u003e Selecione instantaneamente entre as 16 cores pré-programadas do teclado, do branco clássico ao roxo profundo.\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e3. Modos Dinâmicos Laterais:\u003c\/b\u003e \u003cbr\u003e• \u003ci\u003eFlash:\u003c\/i\u003e Mudança rápida e alternada de cores. \u003cbr\u003e• \u003ci\u003eStrobe:\u003c\/i\u003e Pisca em ritmo contínuo. \u003cbr\u003e• \u003ci\u003eFade:\u003c\/i\u003e Transição super suave (degradê) entre todas as cores. \u003cbr\u003e• \u003ci\u003eSmooth:\u003c\/i\u003e Mudança pacífica de tonalidades, excelente para relaxamento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- GALERIA MOSAICO --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eSeu Ambiente \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTransformado\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eSimples de instalar, surpreendente ao ligar:\u003c\/p\u003e\n\u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/lampada-led-rgb-16-cores-9w-multicolorida-controle-remoto-luzes-ajustavel-e27-decoracao-casa-salao-quarta-sala-iluminacao-economia-solar\/economiasolardobrasil\/4379p\/5df1dd5d1668fd08153a65d7ebde77d8.jpeg\" alt=\"Apresentação das múltiplas cores RGB\"\u003e\u003c\/div\u003e\n\u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n\u003cdiv class=\"camillo-cta-container\"\u003e\n\u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n\u003cdiv class=\"camillo-btn-magnetic\"\u003eGARANTIR MINHA LÂMPADA VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"110v \/ 10w","offer_id":51949933691176,"sku":"8020","price":145.9,"currency_code":"BRL","in_stock":true},{"title":"110v \/ 15w","offer_id":51949933723944,"sku":"8021","price":145.9,"currency_code":"BRL","in_stock":true},{"title":"110v \/ 20w","offer_id":51949933756712,"sku":"8022","price":145.9,"currency_code":"BRL","in_stock":true},{"title":"220v \/ 10w","offer_id":51949933789480,"sku":"8023","price":145.9,"currency_code":"BRL","in_stock":true},{"title":"220v \/ 15w","offer_id":51949933822248,"sku":"8024","price":145.9,"currency_code":"BRL","in_stock":true},{"title":"220v \/ 20w","offer_id":51949933855016,"sku":"8025","price":145.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169719528308111.jpg?v=1772369476"},{"product_id":"fone-sem-fio-alto-discreto-potente-powerbank","title":"Fone sem fio alto discreto potente com Power Bank","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TWS BLUETOOTH AVANÇADO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CASE POWERBANK 2200MAH\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DISPLAY LED DIGITAL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CANCELAMENTO DE RUÍDO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e MICROFONE HD TOUCH\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TWS BLUETOOTH AVANÇADO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/http2.mlstatic.com\/D_NQ_NP_829766-MLB50895819610_072022-O.webp\" alt=\"Fone TWS com Case Powerbank LED\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003ePremium Audio \u0026amp; Power\u003c\/div\u003e\n \u003ch1\u003eFone TWS \u003ci\u003eVanguard Power\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eSom estéreo imersivo, chamadas nítidas e uma case inteligente que também carrega o seu celular nas horas de aperto.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Áudio Estéreo Imersivo\u003c\/h3\u003e\n \u003cp\u003eTecnologia avançada de cancelamento de ruído que bloqueia o som externo, entregando graves profundos e agudos cristalinos para a sua música.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Case Powerbank 2200mAh\u003c\/h3\u003e\n \u003cp\u003eMuito mais que um estojo. Carregue seus fones de 10 a 15 vezes ou use a porta USB frontal para dar uma carga de emergência no seu celular.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Display LED Inteligente\u003c\/h3\u003e\n \u003cp\u003eNunca fique no escuro. Acompanhe a porcentagem exata de bateria da case e o status de carregamento individual de cada fone em tempo real.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Smart Touch Control\u003c\/h3\u003e\n \u003cp\u003ePossui microfone HD embutido. Atenda chamadas, pause músicas ou avance de faixa com um simples toque diretamente no fone, sem usar o celular.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eO Poder da \u003cspan\u003eLiberdade\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eProjetados para acompanhar o seu ritmo intenso. Os fones Vanguard Power possuem um design in-ear extremamente discreto, confortável e firme, ideal para o trabalho, sessões de academia ou viagens longas.\u003c\/p\u003e\n \u003cp\u003eCom conexão Bluetooth estável em até 10 metros de distância, você desfruta de cerca de 6 horas de música ininterrupta. E quando a bateria acabar, a super case garante dias de autonomia extra.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/I\/618ZAWsaLkL._AC_UF1000,1000_QL80_.jpg\" class=\"camillo-img-back\" alt=\"Fones de ouvido in-ear\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/fone-de-ouvido-tws-twe-f9-5-bluetooth-com-funcao-power-bank-intra-auricular-sem-fio\/mkecomm\/15972421923\/2f89fc029fd3207582500b28da790e84.jpeg\" class=\"camillo-img-front\" alt=\"Fones e Case carregadora\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCapacidade da Case\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e2.200mAh (Função Powerbank)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCapacidade dos Fones\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e50mAh (cada fone)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDuração da Bateria\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eCerca de 6 Horas de reprodução de música\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDistância \/ Carga\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAlcance até 10M \/ Carga completa em 1 a 2 horas\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eItens Inclusos\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e2x Fones, 1x Case, 1x Cabo USB, 3x Pares de Borrachinhas, 1x Manual\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eUso Inteligente e \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eSeguro\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eLeia antes do primeiro uso:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Conexão Automática:\u003c\/b\u003e Após o primeiro pareamento Bluetooth com o seu aparelho, basta retirar os fones da case para que eles se conectem automaticamente na próxima vez.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Função Powerbank:\u003c\/b\u003e A porta USB frontal da case foi desenvolvida como um recurso de \u003cb\u003eemergência\u003c\/b\u003e. Ela fornecerá cerca de 15% a 20% de carga ao seu smartphone para ligações ou mensagens urgentes, mas não substitui um carregador de parede tradicional.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Cancelamento de Ruído:\u003c\/b\u003e O encaixe perfeito é fundamental. Utilize os 3 pares de borrachinhas inclusos na embalagem para testar qual tamanho veda melhor o seu ouvido, potencializando os graves e o isolamento acústico.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eMúsica e Energia no \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eSeu Bolso\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO detalhe indispensável para a sua rotina agitada:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/http2.mlstatic.com\/D_NQ_NP_829766-MLB50895819610_072022-O.webp\" alt=\"Fones TWS com a case de carregamento aberta exibindo os LEDs\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU FONE VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485284204840,"sku":"FoneSemFioLed","price":127.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637256829645.jpg?v=1772369477"},{"product_id":"mini-aspirador-de-po-papa-migalhas-recarregavel-usb","title":"Mini Aspirador De Pó Papa Migalhas Recarregável USB","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert.danger-alert {\n border-left: 4px solid #ff4d4d;\n background: rgba(255, 77, 77, 0.05);\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SUCÇÃO POTENTE DE 1000PA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e BATERIA RECARREGÁVEL USB\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESIGN COMPACTO E ERGONÔMICO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e AUTONOMIA DE ATÉ 40 MINUTOS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e 2 BOCAIS INCLUSOS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SUCÇÃO POTENTE DE 1000PA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/mini-aspirador-de-po-usb-portatil-recarregavel-papa-migalhas-bela-import\/belaimportados\/aspiradormini\/87a6e8c5ff1a48a810e89444dc5ec668.jpeg\" alt=\"Mini Aspirador de Pó Portátil\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eDesktop Cleaning Tech\u003c\/div\u003e\n \u003ch1\u003eAspirador \u003ci\u003eVanguard Clean\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA solução definitiva e elegante para manter seu escritório, teclado, estofados e carro sempre impecáveis, sem complicação.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Sucção de Alta Eficiência\u003c\/h3\u003e\n \u003cp\u003eCom um motor de 1000pa, ele remove poeira, migalhas, cabelos e cinzas de forma rápida e silenciosa, deixando qualquer superfície limpa em segundos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Bateria de Longa Duração\u003c\/h3\u003e\n \u003cp\u003eLiberdade total sem fios. Bateria embutida de 500mAh que entrega até 40 minutos de uso contínuo, com recarga rápida via USB (na tomada ou PC).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Design Ergonômico\u003c\/h3\u003e\n \u003cp\u003eLeve e incrivelmente portátil. Pesando apenas 134g, ele se adapta confortavelmente à palma da mão e não ocupa espaço na sua gaveta ou porta-luvas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Acessórios Versáteis\u003c\/h3\u003e\n \u003cp\u003eAcompanha 2 bocais específicos (frestas e escova) para alcançar o interior do teclado, cantos do sofá ou os detalhes do painel do carro com perfeição.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eLimpeza \u003cspan\u003eImpecável\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eCansado de ver migalhas e poeira acumulando no seu setup de trabalho ou no estofado do carro? O Mini Aspirador Vanguard foi desenhado para quem valoriza a organização no dia a dia.\u003c\/p\u003e\n \u003cp\u003eSeu sistema inteligente puxa pequenos resíduos diretamente para o reservatório interno de 100ml, que é fácil de esvaziar. Uma limpeza eficaz, prática e com muito estilo para os detalhes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/imgmarketplace.lojasrenner.com.br\/20000\/3663\/7010701967174\/7510704156409\/3.jpeg\" class=\"camillo-img-back\" alt=\"Uso do Aspirador no teclado\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/imgmarketplace.lojasrenner.com.br\/20000\/3663\/7010701967174\/7510704156409\/2.jpeg\" class=\"camillo-img-front\" alt=\"Aspirador limpando farelos\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003ePotência \/ Sucção\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e2W \/ 1000pa\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBateria e Autonomia\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e500mAh \/ Até 40 Minutos de Uso\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAlimentação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eTensão 5V 1A \/ Carga completa em ~1.5 Horas\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eVolume do Reservatório\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e100 ML\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDimensões \/ Peso\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e8cm x 7cm \/ Ultra leve: 134g\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eUtilização e \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eCuidados\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eInstruções para maior durabilidade:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Adaptadores:\u003c\/b\u003e Utilize os bocais inclusos conforme a necessidade. O bocal liso para cantos difíceis e o bocal com escova para tecidos e teclados.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Carregamento Seguro:\u003c\/b\u003e Utilize o cabo USB que acompanha o produto. Pode ser carregado no computador ou com um adaptador de tomada padrão (5V\/1A).\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Limpeza e Proteção:\u003c\/b\u003e Para limpar o aparelho, utilize a escovinha inclusa. \u003cb\u003eCuidado Extremo:\u003c\/b\u003e O motor e os componentes eletrônicos NUNCA devem entrar em contato com água.\u003c\/p\u003e\n \u003cp\u003e\u003ci\u003eNota: A embalagem contém 1 Mini Aspirador, 2 Bocais, 1 Escovinha, 1 Cabo USB e 1 Manual (Inglês).\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eVersatilidade em \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eDetalhes\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eIdeal para a limpeza automotiva ou manutenção do setup:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/imgmarketplace.lojasrenner.com.br\/20000\/3663\/7010701967174\/7510704156409\/6.jpeg\" alt=\"Detalhe do bocal liso\"\u003e\n \u003cimg src=\"https:\/\/imgmarketplace.lojasrenner.com.br\/20000\/3663\/7010701967174\/7510704156409\/5.jpeg\" alt=\"Detalhe do bocal com escova\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU ASPIRADOR VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485284991272,"sku":"9167","price":158.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169721234284519.jpg?v=1772369477"},{"product_id":"maquina-de-cortar-cabelo-km-2660-e-km-9163","title":"Máquina de cortar cabelo km-2660 e km-9163","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium - BLINDADOS (Cores Sólidas) *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) - SEGURA --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e✦ CORTE PROFISSIONAL\u003c\/span\u003e\n \u003cspan\u003e✧ LÂMINAS DE ALTA PRECISÃO\u003c\/span\u003e\n \u003cspan\u003e✦ MOTOR POTENTE\u003c\/span\u003e\n \u003cspan\u003e✧ ACABAMENTO IMPECÁVEL\u003c\/span\u003e\n \u003cspan\u003e✦ KIT DUPLO EXCLUSIVO\u003c\/span\u003e\n \u003cspan\u003e✧ CORTE PROFISSIONAL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/combo-maquina-cortar-cabelo-kemei-2600-acabamento-km-9163\/prvariedades\/km26009163-2\/ef8721f520ef16c4f3bd739006980842.jpeg\" alt=\"Kit Máquinas de Corte Kemei Profissional\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eBarbearia Profissional\u003c\/div\u003e\n \u003ch1\u003eKit Kemei \u003ci\u003eBarber Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA precisão e potência de uma barbearia profissional diretamente nas suas mãos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Precisão Absoluta\u003c\/h3\u003e\n \u003cp\u003eLâminas afiadas de alta durabilidade garantem cortes uniformes e acabamentos perfeitos, sem puxões ou irritações.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e⚡\u003c\/span\u003e Potência Extrema\u003c\/h3\u003e\n \u003cp\u003eEquipadas com motores robustos de alto desempenho, deslizam facilmente até mesmo nos cabelos mais grossos e difíceis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Versatilidade Total\u003c\/h3\u003e\n \u003cp\u003eDe degradês a cortes clássicos. Acompanha diversos pentes guia para dominar qualquer estilo e comprimento desejado.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Kit Duplo Exclusivo\u003c\/h3\u003e\n \u003cp\u003eO combo perfeito. Uma máquina robusta para o corte principal e uma máquina de acabamento leve para os detalhes finais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eO Padrão de \u003cspan\u003eExcelência\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eSeja você um barbeiro profissional buscando elevar o nível do seu salão, ou alguém que exige o melhor cuidado em casa, este Kit Kemei é a escolha definitiva.\u003c\/p\u003e\n \u003cp\u003eO design ergonômico garante firmeza durante o uso, enquanto a tecnologia das lâminas protege a pele contra cortes acidentais. Um investimento em durabilidade, estilo e confiança.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Máquina de Acabamento) --\u003e\n \u003cimg src=\"https:\/\/www.kemeioficial.com.br\/cdn\/shop\/products\/39_4ff63a20-da5c-407e-b6ce-c74bfd1c39f0_800x.jpg?v=1666632130\" class=\"camillo-img-back\" alt=\"Máquina de Acabamento Km-9163\"\u003e\n \u003c!-- Imagem 3 (Detalhe de uso) --\u003e\n \u003cimg src=\"https:\/\/i.ytimg.com\/vi\/MxM-OhY-Ypk\/maxresdefault.jpg\" class=\"camillo-img-front\" alt=\"Uso das máquinas Kemei\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eProduto\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eKit Máquinas de Corte e Acabamento (KM-2660 + KM-9163)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eLâminas\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eAço inoxidável de alta precisão e afiação contínua\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eMotor\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAlta potência e desempenho silencioso\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eItens Máquina de Corte (KM-2660)\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e4x Pentes (3, 6, 9, 12mm), Protetor, Óleo e Escova\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eItens Máquina Acabamento (KM-9163)\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e3x Pentes Guia, Cabo USB, Óleo e Escova\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO DE DETALHES --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eA Ferramenta \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eIdeal\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eConforto, precisão e design para resultados impressionantes.\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\"\u003e\n \u003cimg src=\"https:\/\/images-americanas.b2w.io\/produtos\/6412649981\/imagens\/maquina-de-acabamento-sem-fio-profissional-kemei-9163\/6412650000_1_large.jpg\" alt=\"Detalhe Máquina Kemei 9163\"\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/combo-maquina-cortar-cabelo-kemei-2600-acabamento-km-9163\/prvariedades\/km26009163-2\/ef8721f520ef16c4f3bd739006980842.jpeg\" alt=\"Kit Completo Kemei\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR O MEU KIT BARBER PRO \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO BLINDADA (Cor Sólida) --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485287153960,"sku":"MaqKM-2660eKM-9163","price":405.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637257752471.jpg?v=1772369480"},{"product_id":"aparelho-lixador-pes-calos-rachaduras-eletrico","title":"Aparelho lixador pés calos rachaduras elétrico","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.8) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 50px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e PÉS DE SEDA IMEDIATOS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SPA PROFISSIONAL EM CASA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e RECARREGÁVEL VIA USB\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ELIMINA RACHADURAS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e PÉS DE SEDA IMEDIATOS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e SPA PROFISSIONAL EM CASA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Estática - Foco no Produto e Acessórios) --\u003e\n \u003cimg src=\"https:\/\/http2.mlstatic.com\/D_Q_NP_690577-MLU70649686971_072023-O.webp\" alt=\"Kit Pedicure Elétrico Premium\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eWellness Premium\u003c\/div\u003e\n \u003ch1\u003ePedicure Pro \u003ci\u003eUltra Soft\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA experiência de spa definitiva que elimina calos e rachaduras, revelando a suavidade natural dos seus pés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Renovação Profunda\u003c\/h3\u003e\n \u003cp\u003eDiga adeus às lixas manuais. O sistema elétrico remove calosidades e pele morta teimosas em minutos, sem dor ou esforço, garantindo a saúde dos seus pés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♨\u003c\/span\u003e Efeito Massageador\u003c\/h3\u003e\n \u003cp\u003eMais do que estética, uma terapia. O rolamento 360º proporciona uma massagem relaxante enquanto esfolia, aliviando a tensão do dia a dia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e⚡\u003c\/span\u003e Potência de Longa Duração\u003c\/h3\u003e\n \u003cp\u003eEquipado com uma bateria de lítio ecológica integrada, oferece até 120 minutos de uso contínuo com uma única carga USB. Totalmente portátil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e◈\u003c\/span\u003e Tecnologia 360º\u003c\/h3\u003e\n \u003cp\u003eO cabeçote giratório com partículas abrasivas substituíveis alcança todos os ângulos do pé para uma pele lisa de forma eficaz e uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eTransformação Imediata, \u003cspan\u003eConforto Duradouro\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eSeus pés suportam o mundo todos os dias; eles merecem um cuidado de elite. O Pedicure Pro Ultra Soft não é apenas um lixador, é um ritual de bem-estar no conforto do seu lar.\u003c\/p\u003e\n \u003cp\u003eProjetado ergonomicamente e com luz indicadora, ele restaura a saúde e a beleza da pele, deixando-a incrivelmente lisa e pronta para qualquer calçado e ocasião.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (GIF Animado Antes\/Depois ou Ação Ampla) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0586\/5979\/9232\/files\/gif_480x480_f7f90ccc-262d-472d-84ae-4e3c9fe9d14a_480x480.gif?v=1660650101\" class=\"camillo-img-back\" alt=\"Demonstração de uso nos pés\"\u003e\n \u003c!-- Imagem 3 (GIF Animado Close-up do Produto) --\u003e\n \u003cimg src=\"https:\/\/media1.giphy.com\/media\/cIqxGCjPKRHScbDTxO\/giphy.gif?cid=790b761183e3e20c0271cf3c91b11a5d519b1521d9b01218\u0026amp;rid=giphy.gif\u0026amp;ct=g\" class=\"camillo-img-front\" alt=\"Detalhe do cabeçote giratório\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eDetalhes do \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eProduto\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eFuncionalidade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eRemovedor de Calos e Esfoliante Elétrico 360º\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eBateria \u0026amp; Autonomia\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eLítio Recarregável (até 120min de uso contínuo)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCarregamento\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eVia Cabo USB (Incluso), dispensa pilhas\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eExtras\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eLuz indicadora de funcionamento e design portátil\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eO Kit Inclui\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e1x Aparelho, 2x Lixas Refil, 1x Cabo USB, 1x Escova de Limpeza\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU SPA EM CASA \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"marketplace","offers":[{"title":"2 cabeças","offer_id":51871409963304,"sku":null,"price":169.9,"currency_code":"BRL","in_stock":true},{"title":"4 Cabeças","offer_id":51871409996072,"sku":null,"price":201.9,"currency_code":"BRL","in_stock":true},{"title":"6 Cabeças","offer_id":51871410028840,"sku":null,"price":209.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637256556402.jpg?v=1772369480"},{"product_id":"umidificador-h2o-portatil-usb-300ml","title":"Umidificador h2o portátil usb 300ml","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n\u003cdiv class=\"camillo-marquee\"\u003e\n\u003cdiv class=\"camillo-marquee-content\"\u003e\n\u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e AROMATERAPIA E BEM-ESTAR\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e CAPACIDADE DE 300ML\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e ILUMINAÇÃO LED NOTURNA\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e DESLIGAMENTO AUTOMÁTICO\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\" alt=\"icon\"\u003e ULTRA SILENCIOSO\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e PORTÁTIL E ALIMENTAÇÃO USB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO SECTION EM CAMADAS --\u003e\n\u003cdiv class=\"camillo-hero-stack\"\u003e\n\u003cdiv class=\"camillo-hero-img-box\"\u003e\n\u003c!-- Imagem 1 (Destaque Principal) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0678\/6233\/1665\/files\/1_480x480.gif?v=1670721890\" alt=\"Umidificador H2O Vanguard Portátil\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003eWellness \u0026amp; Air Care\u003c\/div\u003e\n\u003ch1\u003eUmidificador H2O \u003ci\u003eLumen\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eRespire melhor, durma melhor. Transforme instantaneamente a qualidade do ar do seu ambiente com design minimalista e iluminação relaxante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GRID DE BENEFÍCIOS --\u003e\n\u003cdiv class=\"camillo-grid-wrapper\"\u003e\n\u003cdiv class=\"camillo-feature-grid\"\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Névoa Inteligente\u003c\/h3\u003e\n\u003cp\u003eEscolha o seu ritmo: pressione uma vez para a pulverização contínua ou pressione duas vezes para o modo \"Gap\" (pulsa a cada 3 segundos).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Cromoterapia Integrada\u003c\/h3\u003e\n\u003cp\u003eAlém de purificar o ar, conta com a Função Luz Noturna. Um clique longo aciona a iluminação colorida, criando o clima perfeito para o seu descanso.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Segurança Ativa\u003c\/h3\u003e\n\u003cp\u003eEsqueceu ligado? Não tem problema. Seu sistema desliga automaticamente após 4h no modo contínuo e 6h no modo intercalado, prevenindo danos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design Portátil USB\u003c\/h3\u003e\n\u003cp\u003eCom formato prático de copo (300ml), ele se encaixa no console do carro, na mesa de cabeceira ou ao lado do PC, ligando em qualquer porta USB.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n\u003cdiv class=\"camillo-detail-split\"\u003e\n\u003cdiv class=\"camillo-detail-text\"\u003e\n\u003ch2\u003eRespire com \u003cspan\u003eTranquilidade\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eO ar seco, especialmente em ambientes com ar condicionado, afeta a nossa respiração e resseca a pele. O Umidificador H2O Lumen devolve a umidade ideal para o seu dia a dia.\u003c\/p\u003e\n\u003cp\u003eExtremamente silencioso, ele foi projetado para elevar a sua produtividade durante o trabalho e proporcionar noites de sono reparadoras, atuando como um poderoso aliado do seu bem-estar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-img-group\"\u003e\n\u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0647\/6644\/3760\/files\/ezgif-com-gif-maker-7_480x480.gif?v=1669143573\" class=\"camillo-img-back\" alt=\"Vaporizador e luz do Umidificador\"\u003e \u003c!-- Imagem 3 (Uso Frontal) --\u003e \u003cimg src=\"https:\/\/d2r9epyceweg5n.cloudfront.net\/stores\/002\/793\/090\/rte\/202302121027550.gif\" class=\"camillo-img-front\" alt=\"Umidificador H2O em funcionamento\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-specs-container\"\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eDimensões e Capacidade\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003e78 x 78 x 120mm \/ Reservatório de 300ML\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eMaterial \/ Cor\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eABS + PP Premium \/ Cores Sortidas (Rosa, Branco ou Ciano)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eDesempenho da Névoa\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eVazão de 25-35ml\/h\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eAlimentação e Consumo\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eEntrada DC5.0V\/1.0A (USB) \/ Potência de 2W\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eConteúdo da Embalagem\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e1x Umidificador, 1x Cabo USB, 2x Filtros de Algodão\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eCuidados \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003ePremium\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-size-alert\"\u003e\n\u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eLeia antes de utilizar:\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003e1. Primeira Utilização:\u003c\/b\u003e Antes de ligar, aguarde o núcleo de algodão interno absorver totalmente a água do reservatório.\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e2. Atenção aos Óleos Essenciais:\u003c\/b\u003e Alguns óleos essenciais são ácidos e podem derreter o plástico ou entupir o filtro se usados em excesso (A garantia não cobre este dano). Utilize apenas poucas gotas de essências suaves solúveis em água.\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e3. Manutenção:\u003c\/b\u003e Ao desligar o aparelho, não deixe água parada no reservatório e desconecte o filtro de algodão para secar.\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e4. Restrições:\u003c\/b\u003e Nunca utilize o umidificador inclinado e, sob nenhuma hipótese, fure a placa prateada na tampa (saída da névoa).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- GALERIA MOSAICO --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eAmbiente \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eRenovado\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO toque de ar fresco e design que faltava na sua rotina:\u003c\/p\u003e\n\u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0557\/0523\/9720\/files\/Animated_GIF-downsized_large_3_480x480.gif?v=1620301034\" alt=\"Visão angular do Umidificador em funcionamento\"\u003e\u003c\/div\u003e\n\u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n\u003cdiv class=\"camillo-cta-container\"\u003e\n\u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n\u003cdiv class=\"camillo-btn-magnetic\"\u003eGARANTIR MEU UMIDIFICADOR VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485288694056,"sku":"UmidificadorLed300ml","price":170.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169637259104996.jpg?v=1772369482"},{"product_id":"suporte-de-mesa-para-celular-e-tablet-universal-ergonomico-bmg34","title":"Suporte de mesa para celular e tablet universal ergonômico bmg34","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESIGN ERGONÔMICO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e COMPATÍVEL COM CELULAR E TABLET\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e AJUSTE DE ALTURA E INCLINAÇÃO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e BASE COM PROTEÇÃO EM EVA\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e PERMITE CARREGAMENTO SIMULTÂNEO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ESTABILIDADE PREMIUM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/470x352\/suporte-de-mesa-ajustavel-para-celular-e-tablet-b-max-bmg34-bmax\/fastshopp\/15923995883\/66cfc1acedbb546775d442946ccfb74f.jpeg\" alt=\"Suporte de Mesa Ajustável para Celular e Tablet\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eErgonomic Workspace\u003c\/div\u003e\n \u003ch1\u003eSuporte de Mesa \u003ci\u003eVanguard\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA base sólida e ergonômica que o seu setup merece. Estabilidade premium e conforto absoluto para o seu smartphone ou tablet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Ergonomia Perfeita\u003c\/h3\u003e\n \u003cp\u003eProjetado com eixos de articulação dupla que permitem ajustar a altura e a inclinação de forma totalmente independente para uma postura ideal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Proteção em EVA\u003c\/h3\u003e\n \u003cp\u003eSua base é reforçada e totalmente coberta com uma almofada espessa em EVA, evitando arranhões no seu aparelho e deslizamentos na mesa.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Design Inteligente\u003c\/h3\u003e\n \u003cp\u003ePensado nos mínimos detalhes, sua estrutura inferior apoia firmemente o celular sem cortar as legendas enquanto você assiste seus filmes e séries.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Setup Contínuo\u003c\/h3\u003e\n \u003cp\u003eO recorte estratégico na base permite que você passe o cabo do carregador livremente, mantendo seu dispositivo com bateria enquanto está em uso.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eEstabilidade e \u003cspan\u003eConforto\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eSeja para participar de reuniões online, assistir a aulas, ler e-books ou maratonar suas séries favoritas, o Suporte Vanguard entrega a estabilidade que os suportes comuns não conseguem.\u003c\/p\u003e\n \u003cp\u003eConstruído com materiais de alta durabilidade e um centro de gravidade perfeitamente balanceado para suportar desde smartphones leves até os tablets mais robustos do mercado com total segurança.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/suporte-de-mesa-ajustavel-para-celular-e-tablet-b-max-bmg34-bmax\/fastshopp\/15923995883\/85c019bbe664ffb9a05f846acb9e3127.jpeg\" class=\"camillo-img-back\" alt=\"Suporte Vanguard em Uso\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/470x352\/suporte-de-mesa-ajustavel-para-celular-e-tablet-b-max-bmg34-bmax\/fastshopp\/15923995883\/66cfc1acedbb546775d442946ccfb74f.jpeg\" class=\"camillo-img-front\" alt=\"Detalhe Suporte Mesa\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eCompatibilidade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eSmartphones, Tablets, iPads e E-Readers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAjustes Disponíveis\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAltura e Inclinação (Eixos Independentes)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eProteção do Aparelho\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAlmofadas reforçadas em EVA antideslizante\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDiferencial de Design\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eBase com vão livre para cabos de carregamento\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eConteúdo da Embalagem\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e1x Suporte de Mesa Premium Ajustável\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eOtimize seu \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eEspaço\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eDicas de Uso Diário:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Equilíbrio Perfeito:\u003c\/b\u003e Ajuste a inclinação e a altura do suporte \u003ci\u003eantes\u003c\/i\u003e de colocar o seu tablet para garantir que o centro de massa fique alinhado e o equipamento totalmente seguro.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Organização de Cabos:\u003c\/b\u003e Posicione o cabo de carregamento pelo vão central da base inferior. Isso mantém a mesa limpa e protege o conector do seu aparelho contra dobras e quebras.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Nota sobre Cores:\u003c\/b\u003e Devido à alta demanda, as cores deste produto são enviadas de forma aleatória conforme a disponibilidade em nosso estoque, mantendo sempre o padrão de alta qualidade.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eSeu Setup Mais \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eSofisticado\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO design que aprimora o seu estilo e a sua saúde visual:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/suporte-de-mesa-ajustavel-para-celular-e-tablet-b-max-bmg34-bmax\/fastshopp\/15923995883\/85c019bbe664ffb9a05f846acb9e3127.jpeg\" alt=\"Visão angular do Suporte Premium\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU SUPORTE VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Preto","offer_id":51902474879272,"sku":"1148","price":88.9,"currency_code":"BRL","in_stock":true},{"title":"Branco","offer_id":51902474912040,"sku":"1149","price":88.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169704759994695.jpg?v=1772369483"},{"product_id":"microfone-de-lapela-cfio-le916","title":"Microfone de lapela c\/fio","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CAPTAÇÃO DE ÁUDIO HD\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONEXÃO P2 UNIVERSAL\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e IDEAL PARA VLOGS E PODCASTS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CABO DE 1.5 METROS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e MICROFONE CONDENSADOR\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CAPTAÇÃO DE ÁUDIO HD\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0685\/4443\/0402\/files\/catalog_product_image_169719533543342_f4645c4f-a292-462d-ba69-efaec34b7f93.jpg?v=1709922785\" alt=\"Microfone de Lapela Vanguard HD\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eProfessional Audio Tech\u003c\/div\u003e\n \u003ch1\u003eMicrofone Lapela \u003ci\u003eVanguard HD\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eTransforme o seu smartphone em um estúdio de gravação de bolso. Captação de áudio cristalina para vídeos, podcasts e apresentações de sucesso.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Captação Condensadora\u003c\/h3\u003e\n \u003cp\u003eEquipado com tecnologia de alta fidelidade que foca diretamente na sua voz, melhorando incrivelmente a qualidade em comparação com o microfone nativo do celular.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Conexão Universal\u003c\/h3\u003e\n \u003cp\u003eO conector clássico P2 de 3.5mm permite o uso em smartphones (Android\/iPhone), notebooks, gravadores de voz e câmeras com total praticidade.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Mobilidade Total\u003c\/h3\u003e\n \u003cp\u003eCabo resistente com 1.5 metros de comprimento. Mais do que suficiente para você gravar aulas, palestras e vlogs com extrema liberdade de movimento.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design Invisível\u003c\/h3\u003e\n \u003cp\u003ePrenda-o rapidamente com o clipe de metal ultra-resistente. Seu design minimalista e peso de apenas 23g garantem que ele passe despercebido durante a gravação.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eSua Voz com \u003cspan\u003eAutoridade\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eO áudio corresponde a mais de 50% da percepção de qualidade de qualquer vídeo ou reunião online. Substituir o microfone embutido do seu aparelho por uma captação direcional é o passo fundamental para o profissionalismo.\u003c\/p\u003e\n \u003cp\u003eO Microfone Vanguard HD foi feito sob medida para criadores de conteúdo no YouTube, professores ministrando aulas virtuais, palestrantes e qualquer pessoa que não abra mão de uma voz impecável.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0685\/4443\/0402\/files\/catalog_product_image_169719533412218_e439710d-aaf8-47f5-b840-26007280bb37.jpg?v=1709922814\" class=\"camillo-img-back\" alt=\"Microfone Lapela em uso\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0685\/4443\/0402\/files\/catalog_product_image_169719533543342_f4645c4f-a292-462d-ba69-efaec34b7f93.jpg?v=1709922785\" class=\"camillo-img-front\" alt=\"Detalhe do Microfone Lapela\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eTipo de Captação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eMicrofone Condensador de Lapela\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eConector (Plug)\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eP2 - 3.5mm Universal\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eResposta de Frequência\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e20 Hz - 16 KHz\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eSensibilidade\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e-30dB ± 2dB (Alta precisão)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eComprimento do Cabo \/ Peso\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003e1.5 Metros \/ Apenas 23 gramas\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003ePronto para \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eGravar\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eComo obter o melhor áudio:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Conexão Rápida:\u003c\/b\u003e Basta conectar o plugue de 3.5mm diretamente na entrada de áudio do seu smartphone, tablet ou computador. O reconhecimento é imediato.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Posicionamento Ideal:\u003c\/b\u003e Prenda o clipe metálico firmemente na lapela, gravata ou gola da camisa. Para o volume perfeito, mantenha-o cerca de 15 a 20 centímetros abaixo do queixo.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Compatibilidade Extra:\u003c\/b\u003e Se você possui um smartphone mais recente (como iPhones modernos ou Androids que não possuem entrada redonda P2), utilize o adaptador original do seu aparelho (Lightning ou Tipo-C) para conectá-lo.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eÁudio Impecável em \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eQualquer Lugar\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eSimples, discreto e extremamente poderoso:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0685\/4443\/0402\/files\/catalog_product_image_169719533412218_e439710d-aaf8-47f5-b840-26007280bb37.jpg?v=1709922814\" alt=\"Detalhe do Microfone Condensador e Cabo\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU MICROFONE VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Default Title","offer_id":51485289120040,"sku":"3039","price":231.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169719533969644.jpg?v=1772369485"},{"product_id":"conversor-de-sinal-hdmi-x-rca-kp3455","title":"Conversor de sinal hdmi x rca","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\n \u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e\n \u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n \u003cdefs\u003e\n \u003clineargradient id=\"gold-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"\u003e\n \u003cstop offset=\"0%\" stop-color=\"#fdf5d3\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"50%\" stop-color=\"#d4af37\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" stop-color=\"#8a6217\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e\n\n \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n \u003cdiv class=\"camillo-marquee\"\u003e\n \u003cdiv class=\"camillo-marquee-content\"\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONVERSÃO FULL HD 1080P\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e TECNOLOGIA PLUG \u0026amp; PLAY\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e COMPATÍVEL COM PAL E NTSC\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESIGN ULTRA COMPACTO\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e ÁUDIO \u0026amp; VÍDEO SINCRONIZADOS\u003c\/span\u003e\n \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'\/%3E%3C\/svg%3E\" alt=\"icon\"\u003e CONVERSÃO FULL HD 1080P\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HERO SECTION EM CAMADAS --\u003e\n \u003cdiv class=\"camillo-hero-stack\"\u003e\n \u003cdiv class=\"camillo-hero-img-box\"\u003e\n \u003c!-- Imagem 1 (Destaque Principal) --\u003e\n \u003cimg src=\"https:\/\/www.mirao.com.br\/media\/catalog\/product\/cache\/1efb9fa02a7d21bc73fce105030e16a5\/k\/p\/kp-3455_1.png\" alt=\"Conversor HDMI para AV RCA\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eVideo Conversion Tech\u003c\/div\u003e\n \u003ch1\u003eConversor de Vídeo \u003ci\u003eVanguard HD\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA ponte perfeita entre a tecnologia de alta definição e os seus equipamentos clássicos. Sem delays e sem perdas de sinal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- GRID DE BENEFÍCIOS --\u003e\n \u003cdiv class=\"camillo-grid-wrapper\"\u003e\n \u003cdiv class=\"camillo-feature-grid\"\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Resolução 1080p\u003c\/h3\u003e\n \u003cp\u003eProcessamento avançado de sinal. Suporta resoluções de entrada até 1920x1080 @ 60Hz, garantindo que o sinal convertido tenha a melhor nitidez possível.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Tecnologia Plug \u0026amp; Play\u003c\/h3\u003e\n \u003cp\u003eNenhuma instalação de driver ou configuração complexa. Basta conectar os cabos na entrada e saída, e o dispositivo fará o trabalho instantaneamente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Compatibilidade Ampla\u003c\/h3\u003e\n \u003cp\u003eIdeal para conectar câmeras de alta definição, HD DVDs, Notebooks modernos ou consoles em TVs analógicas, projetores clássicos e displayers antigos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design Portátil\u003c\/h3\u003e\n \u003cp\u003eCom incríveis 6cm de comprimento, ele foi desenhado para sumir atrás dos seus aparelhos, mantendo o seu setup limpo e livre de bagunça.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eConectividade sem \u003cspan\u003eLimites\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eResgate seus equipamentos clássicos sem perder a compatibilidade com a tecnologia atual. O Conversor Vanguard une o melhor de dois mundos.\u003c\/p\u003e\n \u003cp\u003eSeu sistema de chip inteligente processa o áudio e o vídeo simultaneamente com sincronia perfeita, escalonando o sinal HDMI automaticamente para os padrões CVBS mais comuns do mercado.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/conversor-de-video-hdmi-p-av-rca-ek\/lojakvell\/f79cbdb0380e11ecb4564201ac185033\/c085c748507dc014948263401812f544.jpeg\" class=\"camillo-img-back\" alt=\"Entradas e saídas do Conversor\"\u003e\n \u003c!-- Imagem 3 (Uso Frontal) --\u003e\n \u003cimg src=\"https:\/\/www.mirao.com.br\/media\/catalog\/product\/cache\/1efb9fa02a7d21bc73fce105030e16a5\/k\/p\/kp-3455_1.png\" class=\"camillo-img-front\" alt=\"Conversor HDMI para RCA\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n \n \u003cdiv class=\"camillo-specs-container\"\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003ePorta de Entrada (Input)\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eHDMI Fêmea\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003ePortas de Saída (Output)\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAV RCA (Amarelo = Vídeo, Branco\/Vermelho = Áudio L\/R)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eResolução Suportada (Entrada)\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eDesde 640x480 até 1920x1080 @ 60Hz\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003ePadrões de Saída CVBS\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eSuporte universal a PAL, NTSC_M e NTSC_J\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eDimensões\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eSuper compacto: 6 x 5,5 x 2 cm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eInstalação \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eSimplificada\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cdiv class=\"camillo-size-alert\"\u003e\n \u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eComo conectar seu aparelho:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. A Origem:\u003c\/b\u003e Insira o cabo HDMI do seu dispositivo gerador de imagem (como Computador, TV Box, HD DVD) na porta de entrada do conversor (INPUT).\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. O Destino:\u003c\/b\u003e Conecte os cabos de três cores (RCA) nas portas de saída correspondentes do conversor e nas entradas da sua TV Analógica ou Projetor.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Ajuste Fino:\u003c\/b\u003e Caso necessário, conecte o cabo de alimentação USB para energia extra e selecione a chave seletora lateral para NTSC ou PAL, dependendo do padrão suportado pela sua TV.\u003c\/p\u003e\n \u003cp\u003e\u003ci\u003eNota: Enviado de forma aleatória nas cores Premium Black ou Pure White conforme a disponibilidade em nosso estoque.\u003c\/i\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA MOSAICO --\u003e\n \u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003ePerformance sem \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eComplicações\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO design inteligente para facilitar a sua conexão diária:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\" style=\"justify-content: center;\"\u003e\n \u003cimg src=\"https:\/\/a-static.mlcdn.com.br\/450x450\/conversor-de-video-hdmi-p-av-rca-ek\/lojakvell\/f79cbdb0380e11ecb4564201ac185033\/c085c748507dc014948263401812f544.jpeg\" alt=\"Detalhes Conversor AV\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n \u003cdiv class=\"camillo-cta-container\"\u003e\n \u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n \u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003e\n GARANTIR MEU CONVERSOR VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n \u003cdiv class=\"camillo-signature-trust\"\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"camillo-trust-icon\"\u003e\n \u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gold-gradient)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"marketplace","offers":[{"title":"Preto","offer_id":51902354260264,"sku":"3035","price":129.9,"currency_code":"BRL","in_stock":true},{"title":"Branco","offer_id":51902354293032,"sku":"3036","price":129.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/catalog_product_image_169719715496875.jpg?v=1772369489"},{"product_id":"teclado-portatil-sem-fio-bluetooth-para-tablet-celular-pc-notebook","title":"Teclado portátil sem fio bluetooth para tablet celular pc notebook","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff; \/* Fundo branco para destacar o produto *\/\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n .camillo-premium-gallery img { width: calc(100% - 15px); }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\u003c!-- DEFINIÇÃO DO GRADIENTE DOURADO PARA OS ÍCONES SVG --\u003e \u003csvg style=\"position: absolute;\" height=\"0\" width=\"0\"\u003e\n \u003cdefs\u003e\n \u003clineargradient y2=\"100%\" x2=\"100%\" y1=\"0%\" x1=\"0%\" id=\"gold-gradient\"\u003e\n \u003cstop stop-color=\"#fdf5d3\" offset=\"0%\"\u003e\u003c\/stop\u003e\n \u003cstop stop-color=\"#d4af37\" offset=\"50%\"\u003e\u003c\/stop\u003e\n \u003cstop stop-color=\"#8a6217\" offset=\"100%\"\u003e\u003c\/stop\u003e\n \u003c\/lineargradient\u003e\n \u003c\/defs\u003e\n \u003c\/svg\u003e \u003c!-- BARRA DESLIZANTE (MARQUEE) --\u003e\n\u003cdiv class=\"camillo-marquee\"\u003e\n\u003cdiv class=\"camillo-marquee-content\"\u003e\n\u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\"\u003e CONEXÃO BLUETOOTH 5.0\u003c\/span\u003e \u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\"\u003e DESIGN ULTRA-SLIM 2CM\u003c\/span\u003e \u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\"\u003e ACABAMENTO PREMIUM\u003c\/span\u003e \u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\"\u003e DIGITAÇÃO SILENCIOSA (MUTE)\u003c\/span\u003e \u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwb2x5Z29uIHBvaW50cz0iMTMgMiAzIDE0IDEyIDE0IDExIDIyIDIxIDEwIDEyIDEwIDEzIDIiPjwvcG9seWdvbj48L3N2Zz4=\"\u003e COMPATÍVEL COM iOS\/ANDROID\/PC\u003c\/span\u003e \u003cspan\u003e\u003cimg alt=\"icon\" src=\"data:image\/svg+xml;base64,PHN2ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yMC44NCA0LjYxYTUuNSA1LjUgMCAwIDAtNy43OCAwTDEyIDUuNjdsLTEuMDYtMS4wNmE1LjUgNS41IDAgMCAwLTcuNzggNy43OGwxLjA2IDEuMDZMMTIgMjEuMjNsNy43OC03Ljc4IDEuMDYtMS4wNmE1LjUgNS41IDAgMCAwIDAtNy43OHoiPjwvcGF0aD48L3N2Zz4=\"\u003e CONEXÃO BLUETOOTH 5.0\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO SECTION EM CAMADAS --\u003e\n\u003cdiv class=\"camillo-hero-stack\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"camillo-hero-img-box\"\u003e\n\u003c!-- Imagem 1 (Destaque Principal) --\u003e \u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"Teclado Ultra-Slim Vanguard\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/9_f17f7318-1076-494c-af96-983946627fa4.png?v=1780426271\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003eExecutive \u0026amp; Portable Tech\u003c\/div\u003e\n\u003ch1\u003eTeclado \u003ci\u003eVanguard Slim\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eO equilíbrio perfeito entre elegância minimalista e produtividade de alto nível, onde quer que você esteja.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GRID DE BENEFÍCIOS --\u003e\n\u003cdiv class=\"camillo-grid-wrapper\"\u003e\n\u003cdiv class=\"camillo-feature-grid\"\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Digitação Invisível\u003c\/h3\u003e\n\u003cp\u003eEquipado com o sistema de teclas \"Soft-Touch\", proporciona uma experiência de escrita silenciosa, ideal para bibliotecas, aviões ou reuniões.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Estética Minimalista\u003c\/h3\u003e\n\u003cp\u003eCom apenas 2cm de espessura e acabamento que remete ao alumínio escovado, ele eleva instantaneamente o visual do seu setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Portabilidade Extrema\u003c\/h3\u003e\n\u003cp\u003ePesando apenas 276g, ele desliza facilmente em qualquer mochila ou pasta. A liberdade de trabalhar sem fios ou complicações.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Conexão Multi-Sinc\u003c\/h3\u003e\n\u003cp\u003ePareie uma vez e conecte-se automaticamente. Totalmente compatível com Smartphones, Tablets (iPad\/Android) e Notebooks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n\u003cdiv class=\"camillo-detail-split\"\u003e\n\u003cdiv class=\"camillo-detail-text\"\u003e\n\u003ch2\u003eMinimalismo que \u003cspan\u003eImpulsiona\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eO Teclado Vanguard foi projetado para os profissionais que não aceitam menos que a excelência. Seu design ergonômico reduz o cansaço durante longas horas de trabalho.\u003c\/p\u003e\n\u003cp\u003eSeja no café, no escritório ou em casa, transforme qualquer superfície em uma estação de trabalho de luxo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: start;\" class=\"camillo-detail-img-group\"\u003e\n\u003c!-- Imagem 2 (Detalhe Lateral\/Costas) --\u003e \u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"Setup Tech Premium\" class=\"camillo-img-back\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/10_36008a49-e6f2-406c-8e78-f9798dea56f3.png?v=1780426267\"\u003e \u003c!-- Imagem 3 (Uso Frontal) --\u003e \u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"Teclado Bluetooth Vanguard\" class=\"camillo-img-front\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/7_45d14474-25ee-49fd-a30f-df7fa76d3f23.png?v=1780426267\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eTécnicas\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-specs-container\"\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eDimensões\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003e28,5cm x 12cm x 2cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003ePeso\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003e276g (Ultra Leve)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eABS de Alta Densidade e Alumínio\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eAlimentação\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eUSB Recarregável.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eCompatibilidade\u003c\/div\u003e\n\u003cdiv style=\"color: #d4af37; font-weight: 600;\" class=\"camillo-spec-value\"\u003eiOS, Android, Windows, Mac\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Guia de Uso (Caixa de Alerta Elegante) --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 20px;\"\u003eComo Usar o \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eVanguard Slim\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-size-alert\"\u003e\n\u003ch4 style=\"color: #ffffff; margin-top: 0; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 1px;\"\u003eProtocolo de Sincronização:\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003e1. Energia:\u003c\/b\u003e Insira as pilhas na parte traseira e mude a chave para 'ON'. A luz azul brilhará por 3 segundos.\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e2. Pareamento:\u003c\/b\u003e Pressione o botão 'CONNECT' por cerca de 2 segundos até a luz começar a piscar rapidamente.\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e3. Finalização:\u003c\/b\u003e No seu dispositivo (Tablet, PC, Celular), procure por 'Bluetooth Keyboard'. Digite a senha gerada na tela diretamente no seu novo teclado e aperte 'ENTER'.\u003c\/p\u003e\n\u003cp\u003e\u003ci\u003eNota: Lembre-se de desligar a chave 'ON\/OFF' quando não estiver utilizando para economizar bateria.\u003c\/i\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- GALERIA MOSAICO --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-top: 40px; margin-bottom: 5px;\"\u003eSetup Perfeito em \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003eSegundos\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO detalhe indispensável para o seu ambiente de trabalho:\u003c\/p\u003e\n\u003cdiv style=\"text-align: start;\" class=\"camillo-premium-gallery\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"Teclado na mesa\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/8_71235465-b22b-447f-a7ba-c218a5b25566.png?v=1780426267\"\u003e\u003c\/div\u003e\n\u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n\u003cdiv class=\"camillo-cta-container\"\u003e\n\u003c!-- O comando onclick=\"window.scrollTo(...)\" é o que faz a página voltar para o Adicionar ao Carrinho! --\u003e\n\u003cdiv class=\"camillo-btn-magnetic\"\u003eGARANTIR MEU TECLADO VANGUARD \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-size: 0.85rem; color: #888; margin-top: 15px; font-weight: 300;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Garantias Finas (Trust Badges) - VERSÃO SVG PREMIUM --\u003e\n\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"url(#gold-gradient)\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline y2=\"12\" x2=\"12\" y1=\"22.08\" x1=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"url(#gold-gradient)\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cline y2=\"13\" x2=\"11\" y1=\"2\" x1=\"22\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"url(#gold-gradient)\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"marketplace","offers":[{"title":"Branco","offer_id":51902074913064,"sku":"8939","price":244.9,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":51902074945832,"sku":"8940","price":244.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/1_6cd36b3f-aeee-4346-91fa-e4bba0d38a5f.png?v=1780425440"},{"product_id":"shorts-fitness-feminino-com-bolsos-invisiveis-e-secagem-rapida","title":"Shorts Fitness Feminino com Bolsos Invisíveis e Secagem Rápida","description":"\u003cstyle\u003e\n \/* Fontes de Alto Desempenho e Luxo *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;500;600;800\u0026family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700\u0026display=swap');\n\n .camillo-vanguard-wrapper {\n font-family: 'Manrope', sans-serif;\n background-color: #030303;\n color: #e0e0e0;\n padding: 0 0 50px 0;\n max-width: 900px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid rgba(212, 175, 55, 0.1);\n box-shadow: 0 40px 100px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);\n position: relative;\n }\n\n \/* Duplo Efeito Aurora Dinâmico (Luzes flutuantes) *\/\n .camillo-vanguard-wrapper::before,\n .camillo-vanguard-wrapper::after {\n content: '';\n position: absolute;\n width: 60%; height: 50%;\n z-index: 0;\n pointer-events: none;\n border-radius: 50%;\n filter: blur(80px);\n opacity: 0.4;\n }\n\n .camillo-vanguard-wrapper::before {\n top: -10%; left: -10%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n animation: floatAurora1 12s infinite alternate ease-in-out;\n }\n\n .camillo-vanguard-wrapper::after {\n bottom: 20%; right: -20%;\n background: radial-gradient(circle, rgba(170, 119, 28, 0.2) 0%, transparent 70%);\n animation: floatAurora2 15s infinite alternate-reverse ease-in-out;\n }\n\n @keyframes floatAurora1 {\n 0% { transform: translate(0, 0) scale(0.9); opacity: 0.3; }\n 100% { transform: translate(10%, 15%) scale(1.1); opacity: 0.6; }\n }\n \n @keyframes floatAurora2 {\n 0% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n 100% { transform: translate(-15%, -10%) scale(1.2); opacity: 0.5; }\n }\n\n \/* Barra Deslizante de Urgência (Marquee) *\/\n .camillo-marquee {\n width: 100%;\n background: linear-gradient(90deg, #8a6217, #d4af37, #fdf5d3, #d4af37, #8a6217);\n background-size: 200% auto;\n color: #000;\n padding: 12px 0;\n overflow: hidden;\n position: relative;\n z-index: 10;\n font-weight: 800;\n letter-spacing: 3px;\n font-size: 0.85rem;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);\n animation: gradientShine 5s infinite linear;\n }\n\n @keyframes gradientShine {\n 0% { background-position: 0% center; }\n 100% { background-position: 200% center; }\n }\n\n .camillo-marquee-content {\n display: inline-block;\n white-space: nowrap;\n animation: scrollText 25s linear infinite;\n }\n\n .camillo-marquee-content span {\n margin: 0 40px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .camillo-marquee-content svg {\n width: 14px;\n height: 14px;\n }\n\n @keyframes scrollText {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* Hero Section Overlapping (Camadas) *\/\n .camillo-hero-stack {\n position: relative;\n padding: 50px 20px;\n margin-bottom: 70px;\n z-index: 2;\n }\n\n .camillo-hero-img-box {\n width: 100%;\n max-width: 750px;\n margin: 0 auto;\n border-radius: 16px;\n overflow: hidden;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.8);\n border: 1px solid rgba(255,255,255,0.05);\n background: #ffffff;\n }\n\n .camillo-hero-img-box img {\n width: 100%;\n display: block;\n transform: scale(1.03);\n transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-hero-img-box:hover img {\n transform: scale(1.08);\n }\n\n \/* Placa de Vidro sobre a Imagem *\/\n .camillo-glass-title {\n position: relative;\n margin: -90px auto 0 auto;\n background: rgba(12, 12, 12, 0.65);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, 0.35);\n padding: 45px 35px;\n border-radius: 16px;\n max-width: 80%;\n text-align: center;\n box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-badge {\n display: inline-block;\n background: rgba(212, 175, 55, 0.1);\n color: #e5c07b;\n padding: 8px 20px;\n border-radius: 30px;\n font-size: 0.75rem;\n font-weight: 800;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 20px;\n border: 1px solid rgba(212, 175, 55, 0.5);\n box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\n }\n\n .camillo-glass-title h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.05;\n color: #ffffff;\n text-shadow: 0 5px 15px rgba(0,0,0,0.5);\n }\n\n .camillo-glass-title h1 i {\n background: linear-gradient(135deg, #fdf5d3, #d4af37, #aa771c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: italic;\n }\n\n .camillo-glass-title p {\n font-size: 1.15rem;\n color: #c4c4c4;\n margin: 0;\n font-weight: 400;\n letter-spacing: 0.5px;\n }\n\n \/* Grid de Benefícios Vanguarda *\/\n .camillo-grid-wrapper {\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n margin-bottom: 70px;\n }\n\n .camillo-feature-card {\n background: rgba(15, 15, 15, 0.6);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 40px 30px;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.03);\n transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 3px;\n background: linear-gradient(90deg, transparent, #d4af37, #fdf5d3, #d4af37, transparent);\n transform: translateX(-100%);\n transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);\n }\n\n .camillo-feature-card:hover {\n transform: translateY(-8px);\n background: rgba(20, 20, 20, 0.9);\n border-color: rgba(212, 175, 55, 0.25);\n box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.05);\n }\n\n .camillo-feature-card:hover::before {\n transform: translateX(0);\n }\n\n .camillo-feature-card h3 {\n font-size: 1.4rem;\n color: #ffffff;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n }\n\n .camillo-feature-card h3 span {\n color: #d4af37;\n font-size: 1.6rem;\n text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);\n }\n\n .camillo-feature-card p {\n color: #a3a3a3;\n line-height: 1.7;\n font-size: 1rem;\n margin: 0;\n font-weight: 300;\n }\n\n \/* Secção de Detalhe Asimétrica *\/\n .camillo-detail-split {\n display: flex;\n align-items: center;\n gap: 40px;\n margin-bottom: 70px;\n padding: 0 25px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-detail-text {\n flex: 1;\n }\n\n .camillo-detail-text h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.2rem;\n color: #ffffff;\n margin: 0 0 25px 0;\n line-height: 1.1;\n }\n \n .camillo-detail-text h2 span {\n color: #d4af37;\n font-style: italic;\n }\n\n .camillo-detail-text p {\n color: #b5b5b5;\n line-height: 1.8;\n font-size: 1.1rem;\n margin-bottom: 20px;\n font-weight: 300;\n }\n\n .camillo-detail-img-group {\n flex: 1.2;\n position: relative;\n min-height: 450px;\n }\n\n .camillo-img-back {\n width: 75%;\n border-radius: 12px;\n box-shadow: 0 25px 50px rgba(0,0,0,0.8);\n position: absolute;\n top: 0; right: 0;\n border: 1px solid rgba(255,255,255,0.05);\n filter: brightness(0.9) grayscale(10%);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-img-front {\n width: 65%;\n border-radius: 12px;\n box-shadow: 0 35px 60px rgba(0,0,0,0.95);\n position: absolute;\n bottom: 0; left: 0;\n border: 2px solid rgba(212, 175, 55, 0.8);\n transform: translateY(40px);\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n object-fit: cover;\n aspect-ratio: 1\/1;\n background: #ffffff;\n }\n\n .camillo-detail-img-group:hover .camillo-img-back { \n filter: brightness(1) grayscale(0%); \n transform: scale(1.02) translate(10px, -10px);\n }\n .camillo-detail-img-group:hover .camillo-img-front { \n transform: translateY(20px) scale(1.08); \n z-index: 10;\n border-color: #fdf5d3;\n box-shadow: 0 40px 70px rgba(0,0,0,1), 0 0 30px rgba(212, 175, 55, 0.2);\n }\n\n \/* Galeria Mosaico *\/\n .camillo-premium-gallery {\n display: flex;\n gap: 15px;\n margin: 20px 30px 50px 30px;\n flex-wrap: wrap;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-premium-gallery img {\n width: calc(50% - 15px);\n min-width: 120px;\n max-width: 400px;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 1\/1;\n opacity: 0.85;\n transition: opacity 0.4s ease, transform 0.4s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n background: #ffffff;\n }\n\n .camillo-premium-gallery img:hover {\n opacity: 1;\n transform: scale(1.05) translateY(-5px);\n border-color: rgba(212, 175, 55, 0.5);\n box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.2);\n }\n\n \/* Tabela de Especificações Limpa *\/\n .camillo-specs-container {\n padding: 0 30px;\n margin-bottom: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-spec-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n transition: background 0.3s ease;\n }\n\n .camillo-spec-row:hover {\n background: rgba(255, 255, 255, 0.02);\n }\n\n .camillo-spec-name {\n font-family: 'Manrope', sans-serif;\n color: #ffffff;\n font-weight: 500;\n font-size: 1.1em;\n letter-spacing: 1px;\n }\n\n .camillo-spec-value {\n color: #bbbbbb;\n font-weight: 300;\n text-align: right;\n max-width: 60%;\n }\n\n \/* Alerta de Instruções \/ Segurança *\/\n .camillo-size-alert {\n background: rgba(212, 175, 55, 0.05);\n border-left: 4px solid #d4af37;\n padding: 25px;\n margin: 20px 30px 40px 30px;\n border-radius: 0 8px 8px 0;\n position: relative;\n z-index: 2;\n }\n\n .camillo-size-alert h4 {\n color: #ffffff;\n margin-top: 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.5rem;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n\n .camillo-size-alert p {\n color: #a3a3a3;\n margin: 5px 0;\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Botão de Compra Magnético com SCROLL SUAVE e PULSO *\/\n .camillo-cta-container {\n text-align: center;\n padding: 20px;\n position: relative;\n z-index: 2;\n }\n\n .camillo-btn-magnetic {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, #e5c07b, #b38728, #d4af37);\n background-size: 200% auto;\n color: #000000;\n font-weight: 800;\n font-size: 1.15rem;\n padding: 20px 50px;\n border-radius: 50px;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n cursor: pointer;\n animation: buttonPulse 2.5s infinite, gradientShine 4s infinite linear;\n }\n\n @keyframes buttonPulse {\n 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6); }\n 70% { box-shadow: 0 0 0 20px rgba(212, 175, 55, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\n }\n\n .camillo-btn-magnetic::after {\n content: '';\n position: absolute;\n top: -50%; left: -50%; width: 200%; height: 200%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);\n transform: rotate(45deg);\n animation: sweep 3.5s infinite;\n }\n\n @keyframes sweep {\n 0% { transform: translateX(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) rotate(45deg); }\n }\n\n .camillo-btn-magnetic:hover {\n transform: scale(1.05) translateY(-3px);\n color: #ffffff;\n background-position: right center;\n }\n\n .camillo-btn-icon {\n font-size: 1.4rem;\n transition: transform 0.3s ease;\n }\n\n .camillo-btn-magnetic:hover .camillo-btn-icon {\n transform: translateY(-5px);\n }\n \n \/* Selos de Garantia Premium (EXATAMENTE COMO O ORIGINAL) *\/\n .camillo-signature-trust {\n margin-top: 20px;\n padding-top: 40px;\n border-top: 1px solid rgba(212, 175, 55, 0.15);\n display: flex;\n justify-content: space-around;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .camillo-trust-icon {\n display: flex;\n justify-content: center;\n margin-bottom: 15px;\n }\n\n .camillo-trust-icon svg {\n width: 45px;\n height: 45px;\n filter: drop-shadow(0px 0px 8px rgba(212, 175, 55, 0.3));\n transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;\n }\n\n .camillo-signature-trust \u003e div {\n cursor: pointer;\n }\n\n .camillo-signature-trust \u003e div:hover .camillo-trust-icon svg {\n transform: translateY(-8px) scale(1.1);\n filter: drop-shadow(0px 10px 20px rgba(212, 175, 55, 0.6));\n }\n\n .camillo-trust-text {\n font-family: 'Playfair Display', serif;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: #888888;\n }\n\n \/* Responsividade Mágica *\/\n @media (max-width: 768px) {\n .camillo-glass-title { max-width: 90%; padding: 35px 20px; margin-top: -60px;}\n .camillo-glass-title h1 { font-size: 2.8rem; }\n .camillo-feature-grid { grid-template-columns: 1fr; }\n .camillo-detail-split { flex-direction: column; gap: 50px; }\n .camillo-detail-img-group { min-height: 350px; width: 100%; }\n .camillo-img-back { width: 90%; }\n .camillo-img-front { width: 60%; transform: translateY(20px); }\n .camillo-premium-gallery img { width: calc(50% - 15px); }\n .camillo-spec-row { flex-direction: column; gap: 5px; }\n .camillo-spec-value { text-align: left; max-width: 100%; color: #d4af37; }\n .camillo-btn-magnetic { width: 100%; padding: 20px; font-size: 1rem;}\n .camillo-signature-trust { flex-direction: column; gap: 40px; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"camillo-vanguard-wrapper\"\u003e\n\u003c!-- BARRA DESLIZANTE (MARQUEE) COM ÍCONES ESPECÍFICOS (HTML PURO, NÃO BLOQUEIA) --\u003e\n\u003cdiv class=\"camillo-marquee\"\u003e\n\u003cdiv class=\"camillo-marquee-content\"\u003e\n\u003c!-- Bloco 1 --\u003e \u003cspan\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e TECNOLOGIA DE SECAGEM RÁPIDA\u003c\/span\u003e \u003cspan\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003crect ry=\"2\" rx=\"2\" height=\"11\" width=\"18\" y=\"11\" x=\"3\"\u003e\u003c\/rect\u003e\u003cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e BOLSOS LATERAIS INVISÍVEIS\u003c\/span\u003e \u003cspan\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003cpolyline points=\"15 3 21 3 21 9\"\u003e\u003c\/polyline\u003e\u003cpolyline points=\"9 21 3 21 3 15\"\u003e\u003c\/polyline\u003e\u003cline y2=\"10\" x2=\"14\" y1=\"3\" x1=\"21\"\u003e\u003c\/line\u003e\u003cline y2=\"14\" x2=\"10\" y1=\"21\" x1=\"3\"\u003e\u003c\/line\u003e\u003c\/svg\u003e ALTA ELASTICIDADE PREMIUM\u003c\/span\u003e \u003cspan\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21 12 17.77 5.82 21 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e CINTURA ALTA MODELADORA\u003c\/span\u003e \u003cspan\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003cpath d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\u003e\u003c\/path\u003e\u003cline y2=\"22\" x2=\"2\" y1=\"8\" x1=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e TOQUE LEVE E RESPIRÁVEL\u003c\/span\u003e \u003c!-- Bloco 2 (Duplicado para loop infinito) --\u003e \u003cspan\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e TECNOLOGIA DE SECAGEM RÁPIDA\u003c\/span\u003e \u003cspan\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003crect ry=\"2\" rx=\"2\" height=\"11\" width=\"18\" y=\"11\" x=\"3\"\u003e\u003c\/rect\u003e\u003cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e BOLSOS LATERAIS INVISÍVEIS\u003c\/span\u003e \u003cspan\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003cpolyline points=\"15 3 21 3 21 9\"\u003e\u003c\/polyline\u003e\u003cpolyline points=\"9 21 3 21 3 15\"\u003e\u003c\/polyline\u003e\u003cline y2=\"10\" x2=\"14\" y1=\"3\" x1=\"21\"\u003e\u003c\/line\u003e\u003cline y2=\"14\" x2=\"10\" y1=\"21\" x1=\"3\"\u003e\u003c\/line\u003e\u003c\/svg\u003e ALTA ELASTICIDADE PREMIUM\u003c\/span\u003e \u003cspan\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21 12 17.77 5.82 21 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e CINTURA ALTA MODELADORA\u003c\/span\u003e \u003cspan\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"14\" width=\"14\"\u003e\u003cpath d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\u003e\u003c\/path\u003e\u003cline y2=\"22\" x2=\"2\" y1=\"8\" x1=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e TOQUE LEVE E RESPIRÁVEL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HERO SECTION EM CAMADAS --\u003e\n\u003cdiv class=\"camillo-hero-stack\"\u003e\n\u003cdiv class=\"camillo-hero-img-box\"\u003e\n\u003c!-- Imagem Principal --\u003e \u003cimg alt=\"Shorts Fitness Feminino Vanguard Active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/High-end_editorial_fashion_photography__a_202604281958.jpg?v=1777417150\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003ePerformance \u0026amp; Style\u003c\/div\u003e\n\u003ch1\u003eShorts \u003ci\u003eVanguard Active\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eO equilíbrio perfeito entre performance, conforto e estilo. Eleve o seu treino com tecido respirável, bolsos invisíveis e secagem ultra rápida.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GRID DE BENEFÍCIOS --\u003e\n\u003cdiv class=\"camillo-grid-wrapper\"\u003e\n\u003cdiv class=\"camillo-feature-grid\"\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e✧\u003c\/span\u003e Secagem Ultra Rápida\u003c\/h3\u003e\n\u003cp\u003eA avançada tecnologia do tecido absorve a umidade e evapora o suor em minutos, mantendo a sua pele seca e fresca mesmo nos treinos de mais alta intensidade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Bolsos Invisíveis\u003c\/h3\u003e\n\u003cp\u003eDesign funcional e inteligente. Armazene o seu celular, chaves ou cartões com total segurança, sem comprometer a estética sofisticada e lisa da peça.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Elasticidade Premium\u003c\/h3\u003e\n\u003cp\u003eA fusão exata de poliamida e elastano garante que o shorts acompanhe cada movimento do seu corpo com total flexibilidade, sem transparências indesejadas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Cintura Alta Modeladora\u003c\/h3\u003e\n\u003cp\u003eO corte anatômico de cintura alta abraça as suas curvas, proporcionando um suporte seguro no abdômen e valorizando a sua silhueta com extrema elegância.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECÇÃO DE DETALHE ASSIMÉTRICA --\u003e\n\u003cdiv class=\"camillo-detail-split\"\u003e\n\u003cdiv class=\"camillo-detail-text\"\u003e\n\u003ch2\u003eDa Academia ao \u003cspan\u003eCasual\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eMuito mais do que uma simples peça para exercícios. O Shorts Vanguard Active transcende o ambiente da academia. Com um corte moderno e estilo atlético, ele é ideal para os momentos casuais do seu dia a dia.\u003c\/p\u003e\n\u003cp\u003eCombine com um top fitness para o máximo desempenho físico ou com uma t-shirt solta para um look despojado de fim de semana. Além disso, o acabamento com costura reforçada garante que a sua peça continue com aparência de nova, lavagem após lavagem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-img-group\"\u003e\n\u003cimg alt=\"Detalhe do caimento do Shorts\" class=\"camillo-img-back\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/Shortsvideo_1.gif?v=1777493053\"\u003e \u003cimg style=\"object-position: center; object-fit: cover;\" alt=\"Uso prático com bolsos\" class=\"camillo-img-front\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/shorts3.png?v=1777492068\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- GALERIA MOSAICO PARA VARIANTES --\u003e\n\u003cdiv class=\"camillo-premium-gallery\"\u003e\n\u003cimg alt=\"Shorts Vanguard Active Lateral\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/shorts1.png?v=1777491658\"\u003e \u003cimg alt=\"Shorts Vanguard Active Detalhe Costas\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/shorts2.png?v=1777491689\"\u003e\n\u003c\/div\u003e\n\u003c!-- TABELA DE ESPECIFICAÇÕES TÉCNICAS --\u003e\n\u003ch2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #ffffff; text-align: center; margin-bottom: 30px;\"\u003eEspecificações \u003cspan style=\"color: #d4af37; font-style: italic;\"\u003ePremium\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"camillo-specs-container\"\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eComposição do Material\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003ePoliamida Premium e Elastano de Alta Elasticidade\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eTecnologia Têxtil\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eSecagem Rápida (Quick-Dry) e Respirabilidade Ativa\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eDesign e Acabamento\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eCintura Alta Modeladora com Costura Tripla Reforçada\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eArmazenamento Funcional\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eBolsos Laterais Invisíveis (Comporta Celulares Grandes)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eEstilo de Uso\u003c\/div\u003e\n\u003cdiv style=\"color: #d4af37; font-weight: 600;\" class=\"camillo-spec-value\"\u003eCrossfit, Corrida, Yoga e Uso Casual Diário\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Guia de Uso \/ Tabela de Medidas (Caixa de Alerta Elegante) --\u003e\n\u003cdiv class=\"camillo-size-alert\"\u003e\n\u003ch4 style=\"color: #ffffff; font-family: 'Cormorant Garamond', serif; font-size: 1.5rem;\"\u003eGuia de Tamanhos \u0026amp; Cuidados:\u003c\/h4\u003e\n\u003cp\u003eEncontre o caimento perfeito para você. O nosso tecido de alta compressão adapta-se confortavelmente ao corpo:\u003c\/p\u003e\n\u003cimg style=\"width: 100%; max-width: 600px; margin: 20px auto; display: block; border-radius: 8px; border: 1px solid rgba(212, 175, 55, 0.3); box-shadow: 0 10px 20px rgba(0,0,0,0.5);\" alt=\"Tabela de Medidas\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/Guia_de_tamanhos.png?v=1777489440\"\u003e\n\u003cp style=\"margin-top: 15px;\"\u003e\u003cb\u003eDica de Lavagem:\u003c\/b\u003e Para manter a elasticidade e a tecnologia de secagem rápida sempre novas, recomendamos a lavagem com água fria e sabão neutro, secando sempre à sombra.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- BOTÃO MAGNÉTICO COM SCROLL SUAVE PARA O TOPO --\u003e\n\u003cdiv class=\"camillo-cta-container\"\u003e\n\u003cdiv class=\"camillo-btn-magnetic\" onclick=\"var target = document.querySelector('form[action*=\\'\/cart\/add\\'], .product-form'); if(target){target.scrollIntoView({behavior: 'smooth', block: 'center'});}else{window.scrollTo({top:0,behavior:'smooth'});}\"\u003e\n GARANTIR MEU SHORTS FITNESS \u003cspan class=\"camillo-btn-icon\"\u003e↑\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"font-size: 0.85rem; color: #888; margin-top: 15px;\"\u003e🔒 Compra 100% Segura \u0026amp; Envio Imediato\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Garantias Finas (Trust Badges) - EXATAMENTE O PADRÃO ORIGINAL EM SVG --\u003e\n\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Caixa Premium (Frete) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"#d4af37\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\n \u003cpolyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\u003e\u003c\/polyline\u003e\n \u003cline x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eFrete\u003cbr\u003eGrátis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Avião de Papel \/ Envio Moderno --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"#d4af37\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cline x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"22 2 15 22 11 13 2 9 22 2\"\u003e\u003c\/polygon\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eEnvio\u003cbr\u003eRápido\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\u003c!-- Ícone SVG de Diamante (Qualidade) --\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"#d4af37\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M6 3h12l4 6-10 13L2 9Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 3 8 9l4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 3v19\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M13 3l3 6-4 13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M2 9h20\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-trust-text\"\u003eQualidade\u003cbr\u003ePremium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CamilloStore","offers":[{"title":"Azul Escuro \/ 34","offer_id":51757676560680,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Azul Escuro \/ 36","offer_id":51757679051048,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Azul Escuro \/ 38","offer_id":51757679083816,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Azul Escuro \/ 40","offer_id":51757679116584,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Azul Escuro \/ 42","offer_id":51757679149352,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Cinza Escuro \/ 34","offer_id":51757678854440,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Cinza Escuro \/ 36","offer_id":51757679182120,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Cinza Escuro \/ 38","offer_id":51757679214888,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Cinza Escuro \/ 40","offer_id":51757679247656,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Cinza Escuro \/ 42","offer_id":51757679280424,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Rosa Vermelho \/ 34","offer_id":51757678887208,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Rosa Vermelho \/ 36","offer_id":51757679313192,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Rosa Vermelho \/ 38","offer_id":51757679345960,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Rosa Vermelho \/ 40","offer_id":51757679378728,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Rosa Vermelho \/ 42","offer_id":51757679411496,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Preto \/ 34","offer_id":51757678919976,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Preto \/ 36","offer_id":51757679444264,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Preto \/ 38","offer_id":51757679477032,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Preto \/ 40","offer_id":51757679509800,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Preto \/ 42","offer_id":51757679542568,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Rosa \/ 34","offer_id":51757678952744,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Rosa \/ 36","offer_id":51757679575336,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Rosa \/ 38","offer_id":51757679608104,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Rosa \/ 40","offer_id":51757679640872,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true},{"title":"Rosa \/ 42","offer_id":51757679673640,"sku":null,"price":197.25,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/High-end_editorial_fashion_photography__a_202604281958.jpg?v=1777417150"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/collections\/Mais_Vendidos.jpg?v=1773940625","url":"https:\/\/www.camillostore.com.br\/collections\/mais-vendidos.oembed?page=3","provider":"CamilloStore","version":"1.0","type":"link"}