{"product_id":"natura-sabonete-em-barra-todanoite-5x90g","title":"Natura Sabonete em Barra Todanoite 5x90g","description":"\u003c!-- Fontes e Ícones --\u003e\n\u003cp\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;600;700\u0026amp;family=Playfair+Display:wght@700\u0026amp;family=Lato:wght@400;700\u0026amp;display=swap\"\u003e \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003c!-- Container Premium: Sabonete Tododia Todanoite --\u003e\n\u003cdiv class=\"florensa-canvas-container\"\u003e\n\u003cdiv class=\"canvas-animated-bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Secção 1: Introdução (Ritual e Relaxamento) --\u003e\n\u003cdiv class=\"canvas-section intro-section\"\u003e\n\u003cdiv class=\"canvas-image\" style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0697\/6942\/9131\/files\/Design_sem_nome_70.png?v=1774881170\" alt=\"Sabonete em Barra Tododia Todanoite\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"canvas-text\"\u003e\n\u003ch2 class=\"canvas-subtitle\"\u003eRitual de Autocuidado Noturno\u003c\/h2\u003e\n\u003ch3 class=\"canvas-title\"\u003eTododia Todanoite: O Despertar do Relaxamento\u003c\/h3\u003e\n\u003cp class=\"canvas-paragraph\"\u003eInicie sua noite com um banho que acalma a alma. O Sabonete em Barra Tododia Todanoite limpa delicadamente enquanto envolve seu corpo em uma espuma cremosa. Sua fragrância relaxante de chá de camomila e lavanda promove uma experiência sensorial deliciosa, preparando seus sentidos para um descanso profundo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Secção 2: Grelha de Benefícios --\u003e\n\u003cdiv class=\"canvas-section benefits-section\"\u003e\n\u003ch2 class=\"canvas-title centered\"\u003ePele Macia e Mente Calma\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003c!-- Item 1: Limpeza Delicada --\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon-wrapper\"\u003e\n\u003ci class=\"bi bi-water\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch4\u003eLimpeza Gentil\u003c\/h4\u003e\n\u003cp\u003eRemove as impurezas do dia mantendo a hidratação natural e o equilíbrio da sua pele.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Item 2: Espuma Cremosa --\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon-wrapper\"\u003e\n\u003ci class=\"bi bi-cloud-sun\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch4\u003eEspuma Envolvente\u003c\/h4\u003e\n\u003cp\u003eUma textura rica e cremosa que transforma o banho em um abraço de conforto e cuidado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Item 3: Bem-estar --\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-content\"\u003e\n\u003cdiv class=\"benefit-icon-wrapper\"\u003e\u003csvg viewbox=\"0 0 16 16\" class=\"bi bi-brightness-low-fill\" fill=\"currentColor\" height=\"38\" width=\"38\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n  \u003cpath d=\"M7 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0m4 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1M9 11a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0M7 11a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1M5 9a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m2-2a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0m4 0a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m2 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch4\u003ePuro Bem-Estar\u003c\/h4\u003e\n\u003cp\u003eFragrância de camomila e lavanda que proporciona sensação imediata de conforto e paz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Secção 3: Conceito (A Experiência Sensorial) --\u003e\n\u003cdiv class=\"canvas-section ritual-section\"\u003e\n\u003cdiv class=\"canvas-text\"\u003e\n\u003ch2 class=\"canvas-subtitle\"\u003eConforto Noturno\u003c\/h2\u003e\n\u003ch3 class=\"canvas-title\"\u003eFragrância que Acalma\u003c\/h3\u003e\n\u003cp class=\"canvas-paragraph\"\u003eMais do que uma limpeza, é um convite ao desligamento. A linha Tododia Todanoite foi pensada para quem busca transformar os últimos momentos do dia em um refúgio de tranquilidade. Sinta a maciez na pele e a leveza na mente enquanto se prepara para uma noite de sono revigorante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"canvas-image\" style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0697\/6942\/9131\/files\/crie-um-fundo-para-essa-imagem-com-espuma-de-banho.jpg?v=1774881169\" alt=\"Ritual Noturno Tododia\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* --- ESTRUTURA GERAL (PADRÃO LIZ\/CATÁLOGO) --- *\/\n.florensa-canvas-container {\n    font-family: 'Lato', sans-serif;\n    color: #5c4531;\n    position: relative;\n    padding: 60px 0;\n    overflow: hidden;\n    background-color: #fdfaf8; \n    border-radius: 16px;\n    margin: 20px 0;\n}\n\n.canvas-animated-bg {\n    position: absolute;\n    top: -50%; left: -50%; right: -50%; bottom: -50%;\n    width: 200%; height: 200%;\n    background: linear-gradient(45deg, #F7E9E3, #F0DDD4, #E8B4A0, #FFF8DC);\n    background-size: 400% 400%;\n    animation: gradient-flow 60s ease-in-out infinite;\n    z-index: 0;\n    opacity: 0.7;\n}\n\n@keyframes gradient-flow {\n    0% { transform: translate(0%, 0%); }\n    50% { transform: translate(0%, 5%); }\n    100% { transform: translate(0%, 0%); }\n}\n\n.canvas-section {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 40px;\n    align-items: center;\n    margin: 100px auto;\n    max-width: 1200px;\n    padding: 0 40px;\n}\n\n@media (min-width: 768px) {\n    .canvas-section { grid-template-columns: 1fr 1fr; gap: 80px; }\n    .ritual-section .canvas-text { order: -1; }\n}\n\n\/* --- TIPOGRAFIA --- *\/\n.canvas-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2.4em, 5vw, 3.2em);\n    font-weight: 700;\n    color: #4a3b2f;\n    line-height: 1.2;\n    margin: 0 0 20px;\n}\n\n.canvas-subtitle {\n    font-size: 1.1em;\n    font-weight: 700;\n    color: #D4AF37; \n    text-transform: uppercase;\n    letter-spacing: 3px;\n    margin: 0 0 10px;\n}\n\n.canvas-paragraph {\n    font-size: 1.2em;\n    line-height: 1.8;\n}\n\n.canvas-title.centered {\n    text-align: center;\n    width: 100%;\n    grid-column: 1 \/ -1;\n    margin-bottom: 50px;\n}\n\n\/* --- GRELHA DE BENEFÍCIOS --- *\/\n.benefits-section { display: block; }\n\n.benefits-grid {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    gap: 30px;\n    margin-top: 20px;\n    width: 100%;\n}\n\n@media (max-width: 900px) {\n    .benefits-grid {\n        flex-direction: column;\n        align-items: center;\n    }\n}\n\n.benefit-item {\n    flex: 1;\n    max-width: 350px;\n    display: flex;\n}\n\n.benefit-content {\n    background: rgba(255, 255, 255, 0.6);\n    padding: 45px 25px;\n    border-radius: 28px;\n    text-align: center;\n    backdrop-filter: blur(8px);\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    width: 100%;\n}\n\n.benefit-content:hover {\n    background: #fff;\n    transform: translateY(-15px);\n    box-shadow: 0 25px 50px rgba(172, 137, 114, 0.15);\n}\n\n\/* --- ANIMAÇÕES DOS ÍCONES --- *\/\n.benefit-icon-wrapper {\n    margin: 0 auto 30px;\n    width: 85px;\n    height: 85px;\n    background-color: #fff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.06);\n    transition: all 0.5s ease;\n    animation: floating-icon 4s ease-in-out infinite;\n}\n\n.benefit-item:nth-child(2) .benefit-icon-wrapper { animation-delay: 0.5s; }\n.benefit-item:nth-child(3) .benefit-icon-wrapper { animation-delay: 1s; }\n\n.benefit-icon-wrapper i, .benefit-icon-wrapper svg {\n    font-size: 38px;\n    color: #D4AF37;\n    transition: all 0.5s ease;\n}\n\n.benefit-content:hover .benefit-icon-wrapper {\n    background-color: #D4AF37;\n    box-shadow: 0 15px 30px rgba(212, 175, 55, 0.3);\n    animation: none;\n    transform: scale(1.1) rotate(10deg);\n}\n\n.benefit-content:hover .benefit-icon-wrapper i,\n.benefit-content:hover .benefit-icon-wrapper svg {\n    color: #fff;\n    transform: scale(1.1);\n}\n\n@keyframes floating-icon {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}\n\n\/* --- IMAGENS --- *\/\n.canvas-image img {\n    width: 100%;\n    height: auto;\n    border-radius: 20px;\n    box-shadow: 0 35px 70px rgba(0,0,0,0.18);\n    transform: perspective(1200px) rotateY(-8deg);\n    transition: all 0.7s ease;\n}\n\n.ritual-section .canvas-image img { transform: perspective(1200px) rotateY(8deg); }\n\n.canvas-section:hover .canvas-image img {\n    transform: perspective(1200px) rotateY(0deg) scale(1.04);\n}\n\n\/* --- ANIMAÇÕES DE ENTRADA --- *\/\n.canvas-section {\n    animation: fade-in-up 1.2s ease-out forwards;\n    opacity: 0;\n}\n\n@keyframes fade-in-up {\n    from { opacity: 0; transform: translateY(50px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e","brand":"Florensa Perfumaria","offers":[{"title":"Default Title","offer_id":46326306242699,"sku":null,"price":35.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0697\/6942\/9131\/files\/todanoite_sabonete.png?v=1774881170","url":"https:\/\/florensaperfumaria.com.br\/products\/natura-sabonete-em-barra-todanoite-5x90g","provider":"Florensa Perfumaria","version":"1.0","type":"link"}