{"title":"Eletrônicos","description":null,"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":"fone-de-ouvido-banda-faixa-bluetooth","title":"Fone de Ouvido banda Faixa Bluetooth","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.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 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 \/* 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\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 \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 SONO PROFUNDO\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 BLUETOOTH SEM FIO\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 EXTREMO\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 PERFEITO PARA TREINOS\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 SONO PROFUNDO\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 BLUETOOTH SEM FIO\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-hero-stack\"\u003e\n\u003cdiv class=\"camillo-hero-img-box\"\u003e\n\u003cimg alt=\"Pessoa a dormir com o Fone Bandana\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0714\/1733\/2009\/files\/Designsemnome_1_480x480_60e8fa88-c87c-45e1-9cf1-1dc5d5462f98_480x480.jpg?v=1678416534\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003eTecnologia \u0026amp; Conforto\u003c\/div\u003e\n\u003ch1\u003eBandana \u003ci\u003eSleep Pro\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eA união perfeita entre som de alta qualidade e conforto absoluto para noites de sono perfeitas ou treinos intensos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\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 Noites de Paz\u003c\/h3\u003e\n\u003cp\u003eEsqueça os fones rígidos que magoam as orelhas. O design em faixa permite deitar-se de lado confortavelmente enquanto ouve a sua música relaxante ou ASMR.\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 Sem Fios\u003c\/h3\u003e\n\u003cp\u003eEquipado com tecnologia Bluetooth de última geração, conecta-se instantaneamente ao seu telemóvel para ouvir música, meditações ou até atender chamadas sem usar as mãos.\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 serve apenas para dormir! É o acessório perfeito para usar no ginásio, durante a corrida ao ar livre, na ioga ou enquanto estuda totalmente focado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Tecido Respirável\u003c\/h3\u003e\n\u003cp\u003eConfeccionado com um material elástico, leve e de alta absorção de suor. A faixa pode ser facilmente lavada após remover os componentes eletrónicos internos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-split\"\u003e\n\u003cdiv class=\"camillo-detail-text\"\u003e\n\u003ch2\u003eO Fim dos Fios e das \u003cspan\u003eOrelhas Magoadas\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSe já tentou adormecer a ouvir música com fones tradicionais, sabe o quão doloroso e desconfortável pode ser deitar a cabeça na almofada. A Bandana Sleep Pro foi desenvolvida para resolver esse exato problema.\u003c\/p\u003e\n\u003cp\u003eCom alto-falantes ultrafinos embutidos num tecido macio, desfrute de total liberdade de movimento. Relaxe profundamente, foque-se no trabalho ou aumente o ritmo do seu treino com máximo conforto e qualidade sonora.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-img-group\"\u003e\n\u003cimg alt=\"Pessoa dormindo tranquilamente com a bandana\" class=\"camillo-img-back\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0714\/1733\/2009\/files\/ddddd_480x480_d8d92473-6420-4d32-9370-4d3355cb591b_480x480.gif?v=1678416570\"\u003e \u003cimg alt=\"Uso desportivo da bandana Bluetooth\" class=\"camillo-img-front\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0714\/1733\/2009\/files\/GIF_FAIXA_CP_480x480_93fb78a9-bd95-408b-96bc-7f13c4a72c40_480x480.gif?v=1678416576\"\u003e\n\u003c\/div\u003e\n\u003c\/div\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\"\u003eFone de Ouvido Estilo Bandana (Bluetooth)\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\"\u003eBluetooth Sem Fio (Sincronização com iOS e Android)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eIndicação de Uso\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eDormir, Correr, Treinar, Meditar e Estudar\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eDiferencial e Conforto\u003c\/div\u003e\n\u003cdiv style=\"color: #d4af37; font-weight: 600;\" class=\"camillo-spec-value\"\u003eAlto-falantes ultrafinos que não pressionam as orelhas ao deitar\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 respirável, elástico e totalmente lavável (Módulos removíveis)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\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;\"\u003eQualquer Situação\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eEscolha o seu estilo e prepare-se para o conforto absoluto:\u003c\/p\u003e\n\u003cdiv class=\"camillo-premium-gallery\"\u003e\n\u003cimg alt=\"Detalhe do tecido e botões da Bandana\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/SEU_PARCEIRO_DE_ESTILO_DE_VIDA_Confortavel_e_relaxante_projetado_para_melhorar_a_qualidade_do_seu_sono_3_480x480.png?v=1776982662\"\u003e \n\u003cimg alt=\"Opções de cores da Bandana Bluetooth\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/SEU_PARCEIRO_DE_ESTILO_DE_VIDA_Confortavel_e_relaxante_projetado_para_melhorar_a_qualidade_do_seu_sono_480x480.png?v=1776973683\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-cta-container\"\u003e\n\u003cdiv class=\"camillo-btn-magnetic\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\"\u003eGARANTIR A MINHA BANDANA 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\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\u003e\n\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\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\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":"Loja","offers":[{"title":"Preto","offer_id":51485275029800,"sku":null,"price":97.9,"currency_code":"BRL","in_stock":false},{"title":"Cinza","offer_id":51485313728808,"sku":null,"price":97.9,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/S84dfc74891ac489a9f59fe52ed1decaa6.translated.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":"campainha-sem-fio-inteligente-soundcampain","title":"Campainha Sem Fio Inteligente\/SoundCampain","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: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 \/* 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 --\u003e\n \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\n\n \u003c!-- BARRA DESLIZANTE --\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%3Ccircle%20cx='12'%20cy='12'%20r='10'%3E%3C\/circle%3E%3Cline%20x1='2'%20y1='12'%20x2='22'%20y2='12'%3E%3C\/line%3E%3Cpath%20d='M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z'%3E%3C\/path%3E%3C\/svg%3E\" alt=\"icon\"\u003e TECNOLOGIA NORTE-AMERICANA\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='M12%202.69l5.66%205.66a8%208%200%201%201-11.31%200z'%3E%3C\/path%3E%3C\/svg%3E\" alt=\"icon\"\u003e TOTALMENTE À 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%3Cpath%20d='M5%2012.55a11%2011%200%200%201%2014.08%200'%3E%3C\/path%3E%3Cpath%20d='M1.42%209a16%2016%200%200%201%2021.16%200'%3E%3C\/path%3E%3Cpath%20d='M8.53%2016.11a6%206%200%200%201%206.95%200'%3E%3C\/path%3E%3Cline%20x1='12'%20y1='20'%20x2='12.01'%20y2='20'%3E%3C\/line%3E%3C\/svg%3E\" alt=\"icon\"\u003e ALCANCE EXTREMO DE 100 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='M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z'%3E%3C\/path%3E%3Cpolyline%20points='3.27%206.96%2012%2012.01%2020.73%206.96'%3E%3C\/polyline%3E%3Cline%20x1='12'%20y1='22.08'%20x2='12'%20y2='12'%3E%3C\/line%3E%3C\/svg%3E\" alt=\"icon\"\u003e INSTALAÇÃO SEM FIOS (3M)\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='12%202%202%207%2012%2012%2022%207%2012%202'%3E%3C\/polygon%3E%3Cpolyline%20points='2%2017%2012%2022%2022%2017'%3E%3C\/polyline%3E%3Cpolyline%20points='2%2012%2012%2017%2022%2012'%3E%3C\/polyline%3E%3C\/svg%3E\" alt=\"icon\"\u003e DESIGN MODERNO E 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%3Cpath%20d='M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z'%3E%3C\/path%3E%3C\/svg%3E\" alt=\"icon\"\u003e SINAL INTELIGENTE SEM INTERFERÊNCIA\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 alt=\"Campainha Vanguard Wireless Premium\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0357\/9750\/0042\/files\/0aa3a4a0-7fa9-41c6-8061-6e9532fb5ccc_480x480.jpg?v=1630359358\"\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-glass-title\"\u003e\n \u003cdiv class=\"camillo-badge\"\u003eUSA Smart Tech\u003c\/div\u003e\n \u003ch1\u003eCampainha \u003ci\u003eVanguard Wireless\u003c\/i\u003e\n\u003c\/h1\u003e\n \u003cp\u003eA revolução sonora para a sua entrada. Tecnologia importada de alta precisão, resistência total à água e instalação instantânea sem 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 Resistência Extrema\u003c\/h3\u003e\n \u003cp\u003eEquipamento completamente blindado. Suporta chuvas pesadas e até submersões temporárias de 5 metros sem comprometer o funcionamento.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Longo Alcance HD\u003c\/h3\u003e\n \u003cp\u003eLiberdade total para posicionar o recetor. O sinal inteligente atravessa barreiras e garante uma cobertura estável de até 100 metros.\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 em Segundos\u003c\/h3\u003e\n \u003cp\u003eEsqueça furos na parede ou cabos elétricos. A fixação é feita através do adesivo 3M de alta resistência, garantindo segurança mesmo sob chuva forte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-feature-card\"\u003e\n \u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Design Minimalista\u003c\/h3\u003e\n \u003cp\u003eInspirada no design executivo dos EUA, a Vanguard Wireless combina estética discreta com tecnologia de ponta para qualquer tipo de imóvel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECÇÃO DE DETALHE --\u003e\n \u003cdiv class=\"camillo-detail-split\"\u003e\n \u003cdiv class=\"camillo-detail-text\"\u003e\n \u003ch2\u003eSofisticação na \u003cspan\u003eSua Porta\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp\u003eA Campainha Vanguard Wireless é mais do que um acessório; é o cartão de visitas tecnológico da sua casa ou escritório. Desenvolvida para ser imune a interferências de outros dispositivos eletrónicos.\u003c\/p\u003e\n \u003cp\u003eSeja para monitorar a chegada de visitas ou encomendas, a nitidez do sinal e a durabilidade dos materiais garantem um investimento vitalício em conveniência e estilo.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"camillo-detail-img-group\"\u003e\n \u003cimg alt=\"Botão da campainha resistente à água\" class=\"camillo-img-back\" src=\"https:\/\/empreender.nyc3.digitaloceanspaces.com\/dropi\/61e5b8345e307.jpeg\"\u003e \n \u003cimg alt=\"Recetor da campainha inteligente\" class=\"camillo-img-front\" src=\"https:\/\/empreender.nyc3.digitaloceanspaces.com\/dropi\/61e5b83df417a.jpeg\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ESPECIFICAÇÕES --\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\"\u003eOrigem da Tecnologia\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eEstados Unidos (USA Technology)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eAlcance Máximo\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003e100 Metros (Espaço aberto)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eGrau de Proteção\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eÀ Prova d'Água (Resistente a imersão 5m)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-row\"\u003e\n \u003cdiv class=\"camillo-spec-name\"\u003eFixação\u003c\/div\u003e\n \u003cdiv class=\"camillo-spec-value\"\u003eAdesivo 3M de Alta Performance\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 style=\"color: #d4af37; font-weight: 600;\" class=\"camillo-spec-value\"\u003ePolímero de Alta Densidade e ABS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- AVISO DE INSTALAÇÃO --\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\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;\"\u003eComo Começar a Usar:\u003c\/h4\u003e\n \u003cp\u003e\u003cb\u003e1. Posicionamento do Botão:\u003c\/b\u003e Limpe a superfície da sua porta ou parede externa. Remova a película do adesivo 3M e pressione firmemente por 10 segundos.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e2. Ativação do Recetor:\u003c\/b\u003e Conecte o recetor interno em qualquer tomada disponível dentro da sua casa, respeitando o limite de distância de até 100 metros.\u003c\/p\u003e\n \u003cp\u003e\u003cb\u003e3. Pronto para Uso:\u003c\/b\u003e O sistema sincroniza-se automaticamente em segundos. A sua casa agora possui o que há de mais moderno em sinalização sonora inteligente.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- GALERIA - COM DUAS IMAGENS PARA NÃO ESTICAR --\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;\"\u003eQualquer Clima\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cp style=\"text-align: center; color: #aaaaaa; margin-bottom: 20px; font-weight: 300;\"\u003eO detalhe inteligente para a sua conveniência absoluta:\u003c\/p\u003e\n \n \u003cdiv class=\"camillo-premium-gallery\"\u003e\n \u003cimg alt=\"Componentes da Campainha Vanguard\" src=\"https:\/\/empreender.nyc3.digitaloceanspaces.com\/dropi\/61e5b83df417a.jpeg\"\u003e\n \u003cimg alt=\"Botão da Campainha Resistente\" src=\"https:\/\/empreender.nyc3.digitaloceanspaces.com\/dropi\/61e5b8345e307.jpeg\"\u003e\n \u003c\/div\u003e\n\n \u003c!-- BOTÃO DE COMPRA --\u003e\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 WIRELESS \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":51485275357480,"sku":"200007763:201336100;14:193#1receiver 1button A;200499264:201447604","price":132.9,"currency_code":"BRL","in_stock":false},{"title":"Branco","offer_id":51485313761576,"sku":"200007763:201336100;14:193#1receiver 1button A;200499264:201447605","price":132.9,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/Designsemnome_59_1680402d-b733-48c7-91b0-700ba53c4b3c.png?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":"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":"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":"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":"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":"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":"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":"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":"ar-condicionado-portatil-freshmax-3-em-1-climatizador-e-umidificador-usb-silencioso","title":"Ar-Condicionado Portátil FreshMax 3 em 1 - Climatizador e Umidificador USB Silencioso","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 *\/\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\u003c!-- Ícones atualizados: Vento (Alívio), Caixa (Portátil), Luz (Energia), Lua (Silencioso) --\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05LjU5IDQuNTlBMiAyIDAgMSAxIDExIDhIMm0xMC41OSAxMS40MUEyIDIgMCAxIDAgMTQgMTZIMm0xNS43My04LjI3QTIuNSAyLjUgMCAxIDEgMTkuNSAxMkgyIj48L3BhdGg+PC9zdmc+\" alt=\"icon\"\u003e ALÍVIO IMEDIATO DO CALOR\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjgiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNCIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PHBhdGggZD0iTTE2IDhWNmE0IDQgMCAwIDAtOCAwdjIiPjwvcGF0aD48L3N2Zz4=\" alt=\"icon\"\u003e DESIGN COMPACTO E PORTÁTIL\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjUiPjwvY2lyY2xlPjxsaW5lIHgxPSIxMiIgeTE9IjEiIHgyPSIxMiIgeTI9IjMiPjwvbGluZT48bGluZSB4MT0iMTIiIHkxPSIyMSIgeDI9IjEyIiB5Mj0iMjMiPjwvbGluZT48bGluZSB4MT0iNC4yMiIgeTE9IjQuMjIiIHgyPSI1LjY0IiB5Mj0iNS42NCI+PC9saW5lPjxsaW5lIHgxPSIxOC4zNiIgeTE9IjE4LjM2IiB4Mj0iMTkuNzgiIHkyPSIxOS43OCI+PC9saW5lPjxsaW5lIHgxPSIxIiB5MT0iMTIiIHgyPSIzIiB5Mj0iMTIiPjwvbGluZT48bGluZSB4MT0iMjEiIHkxPSIxMiIgeDI9IjIzIiB5Mj0iMTIiPjwvbGluZT48bGluZSB4MT0iNC4yMiIgeTE9IjE5Ljc4IiB4Mj0iNS42NCIgeTI9IjE4LjM2Ij48L2xpbmU+PGxpbmUgeDE9IjE4LjM2IiB5MT0iNS42NCIgeDI9IjE5Ljc4IiB5Mj0iNC4yMiI+PC9saW5lPjwvc3ZnPg==\" alt=\"icon\"\u003e BAIXO CONSUMO DE ENERGIA\u003c\/span\u003e \u003cspan\u003e\u003cimg src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMSAxMi43OUE5IDkgMCAxIDEgMTEuMjEgMyA3IDcgMCAwIDAgMjEgMTIuNzl6Ij48L3BhdGg+PC9zdmc+\" alt=\"icon\"\u003e FUNCIONAMENTO SILENCIOSO\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0661\/3876\/7531\/files\/4_a8ee8355-b07f-44c8-85a2-6a2edcb892c0.webp?v=1772596133\" alt=\"FreshMax Ar-Condicionado Portátil\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-glass-title\"\u003e\n\u003cdiv class=\"camillo-badge\"\u003ePremium Climate Tech\u003c\/div\u003e\n\u003ch1\u003eAr-Condicionado \u003ci\u003eFreshMax\u003c\/i\u003e\n\u003c\/h1\u003e\n\u003cp\u003eO calor excessivo causa irritação, cansaço e noites mal dormidas. Obtenha alívio imediato e melhore sua qualidade de vida nos dias mais quentes, sem depender de instalação complexa.\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 Resfriamento Rápido\u003c\/h3\u003e\n\u003cp\u003eProporciona sensação de ar mais fresco em poucos minutos. Ideal para usar próximo a você no quarto, escritório ou sala.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e♡\u003c\/span\u003e Portátil e Compacto\u003c\/h3\u003e\n\u003cp\u003eLeve e fácil de transportar, pode ser levado de um ambiente para outro. Você tem conforto térmico exatamente onde precisar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e☼\u003c\/span\u003e Baixo Consumo\u003c\/h3\u003e\n\u003cp\u003eConsome menos energia que aparelhos tradicionais. Uma alternativa mais econômica para aliviar o calor sem elevar a conta de luz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-feature-card\"\u003e\n\u003ch3\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e Zero Instalação\u003c\/h3\u003e\n\u003cp\u003eBasta conectar na energia e abastecer o reservatório. Não precisa furar parede nem contratar técnico. Praticidade total.\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\u003eConforto \u003cspan\u003eSilencioso\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eOpera com baixo nível de ruído, tornando-se ideal para uso noturno. Você mantém o ambiente sempre fresco e agradável sem aquele barulho incômodo que atrapalha o seu merecido descanso.\u003c\/p\u003e\n\u003cp\u003ePerfeito para quartos, escritórios e espaços individuais. Uma solução prática e moderna para quem quer conforto térmico imediato em qualquer ambiente, sem a necessidade de um grande investimento.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-detail-img-group\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0661\/3876\/7531\/files\/12_fe0c09db-d9a0-41f5-9d6a-f608077b3917.webp?v=1772596133\" class=\"camillo-img-back\" alt=\"Ideal para ambientes pequenos\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0661\/3876\/7531\/files\/9_eaeb497b-1608-4a57-a35c-b9874989436a.webp?v=1772596133\" class=\"camillo-img-front\" alt=\"Funcionamento silencioso\" style=\"object-position: center; object-fit: cover;\"\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;\"\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\"\u003eTipo de Aparelho\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eAr-Condicionado Portátil Pessoal\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eInstalação e Uso\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eZero Obras (Sistema Plug \u0026amp; Play Inteligente)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eConsumo Energético\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eUltra Baixo (Otimizado para economia diária)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eNível de Ruído\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\"\u003eUltra Silencioso \/ Otimizado para noites de sono\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-row\"\u003e\n\u003cdiv class=\"camillo-spec-name\"\u003eIndicação de Ambiente\u003c\/div\u003e\n\u003cdiv class=\"camillo-spec-value\" style=\"color: #d4af37; font-weight: 600;\"\u003eQuartos, Escritórios e Espaços Individuais\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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;\"\u003eComo usar o seu FreshMax:\u003c\/h4\u003e\n\u003cp\u003e\u003cb\u003e1. Abastecimento:\u003c\/b\u003e Adicione água fria (ou gelo) ao reservatório interno para garantir um ar muito mais resfriado e refrescante em segundos.\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e2. A Mágica Acontece:\u003c\/b\u003e Conecte o aparelho à energia e selecione a intensidade desejada. Imediatamente o sistema começa a proporcionar o alívio térmico.\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e3. Direcionamento:\u003c\/b\u003e Posicione a saída de ar próxima a você, seja na mesa de trabalho, rack ou cabeceira, para o máximo de desempenho e conforto.\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 FRESHMAX AGORA \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) --\u003e\n\u003cdiv class=\"camillo-signature-trust\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"camillo-trust-icon\"\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\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\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\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\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\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":"Branco","offer_id":51790365917480,"sku":null,"price":454.5,"currency_code":"BRL","in_stock":true},{"title":"Azul","offer_id":51790365950248,"sku":null,"price":454.5,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/files\/1.png?v=1777930897"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/8260\/3816\/collections\/Eletronicos.jpg?v=1773869414","url":"https:\/\/www.camillostore.com.br\/collections\/eletronicos-1.oembed?page=2","provider":"CamilloStore","version":"1.0","type":"link"}