Le Rituel - Skin Self-Knowledge Ritual<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'ritual-green': '#4e6b4c',\r\n 'ritual-gold': '#f1d5a3',\r\n 'ritual-cream': '#fcf3e2',\r\n 'ritual-sage': '#a6ad8c',\r\n 'ritual-forest': '#68815a',\r\n 'ritual-light': '#eeeeee'\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n \r\n .font-playfair { font-family: 'Playfair Display', serif; }\r\n .font-inter { font-family: 'Inter', sans-serif; }\r\n \r\n .gradient-bg {\r\n background: linear-gradient(135deg, #fcf3e2 0%, #f1d5a3 50%, #a6ad8c 100%);\r\n }\r\n \r\n .hover-lift {\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .hover-lift:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 25px rgba(78, 107, 76, 0.15);\r\n }\r\n \r\n .floating {\r\n animation: floating 3s ease-in-out infinite;\r\n }\r\n \r\n @keyframes floating {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n \r\n .progress-bar {\r\n background: linear-gradient(90deg, #4e6b4c 0%, #68815a 100%);\r\n transition: width 0.5s ease;\r\n }\r\n \r\n .question-card {\r\n background: linear-gradient(145deg, #ffffff 0%, #fcf3e2 100%);\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .question-card.active {\r\n border-color: #4e6b4c;\r\n box-shadow: 0 8px 25px rgba(78, 107, 76, 0.15);\r\n }\r\n \r\n .option-card {\r\n background: white;\r\n border: 2px solid #a6ad8c;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n \r\n .option-card:hover {\r\n border-color: #4e6b4c;\r\n background-color: #fcf3e2;\r\n }\r\n \r\n .option-card.selected {\r\n border-color: #4e6b4c;\r\n background: linear-gradient(145deg, #4e6b4c 0%, #68815a 100%);\r\n color: white;\r\n }\r\n \r\n .skin-type-card {\r\n background: linear-gradient(145deg, #ffffff 0%, #fcf3e2 100%);\r\n border: 2px solid #f1d5a3;\r\n }\r\n \r\n .product-card {\r\n background: white;\r\n border: 1px solid #a6ad8c;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .product-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 20px rgba(78, 107, 76, 0.15);\r\n }\r\n \r\n .fade-in {\r\n animation: fadeIn 0.6s ease-in;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .slide-in {\r\n animation: slideIn 0.5s ease-out;\r\n }\r\n \r\n @keyframes slideIn {\r\n from { transform: translateX(-100%); opacity: 0; }\r\n to { transform: translateX(0); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-inter bg-ritual-cream min-h-screen\">\r\n \r\n <header class=\"bg-white shadow-lg sticky top-0 z-50\">\r\n <div class=\"container mx-auto px-6 py-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center space-x-4\">\r\n <div class=\"w-12 h-12 bg-ritual-green rounded-full flex items-center justify-center\">\r\n <span class=\"text-white font-playfair font-bold text-xl\">LR<\/span>\r\n <\/div>\r\n <div>\r\n <h1 class=\"font-playfair text-2xl font-bold text-ritual-green\">Le Rituel<\/h1>\r\n <p class=\"text-xs text-ritual-sage\">Personalized Analysis<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"flex items-center space-x-4\">\r\n <div class=\"hidden md:flex items-center space-x-2\">\r\n <span class=\"text-ritual-gold text-lg\">\u2728<\/span>\r\n <span class=\"text-ritual-green font-semibold\">Discover Your Skin<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section id=\"hero\" class=\"gradient-bg py-16\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <div class=\"floating mb-8\">\r\n <div class=\"w-24 h-24 bg-ritual-green rounded-full mx-auto flex items-center justify-center mb-6\">\r\n <span class=\"text-white text-4xl\">\ud83d\udd0d<\/span>\r\n <\/div>\r\n <\/div>\r\n <h2 class=\"font-playfair text-5xl font-bold text-ritual-green mb-6\">\r\n Welcome to Your Skin <span class=\"text-ritual-forest\">Self-Knowledge Ritual<\/span> \u2728\r\n <\/h2>\r\n <p class=\"text-ritual-green text-xl mb-8 max-w-3xl mx-auto leading-relaxed\">\r\n Answer a few quick questions and discover your skin diagnosis and the ideal Le Rituel ritual for it.\r\n <\/p>\r\n \r\n <div class=\"bg-white\/80 backdrop-blur-sm rounded-2xl p-6 max-w-md mx-auto mb-8\">\r\n <div class=\"text-ritual-green text-center\">\r\n <div class=\"font-semibold mb-2\">What you'll get:<\/div>\r\n <div class=\"text-sm space-y-1\">\r\n <div>\u2713 Personalized result + recommended products<\/div>\r\n <div>\u2713 Complete ritual for your skin type<\/div>\r\n <div>\u2713 Expert guidance from Elaine Martins<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <button onclick=\"startQuiz()\" class=\"bg-ritual-green text-white px-10 py-4 rounded-full font-semibold hover:bg-ritual-forest transition-all hover-lift text-lg\">\r\n Start Your Ritual Discovery\r\n <\/button>\r\n \r\n <div class=\"mt-8 flex justify-center space-x-8 text-ritual-green\">\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold\">6<\/div>\r\n <div class=\"text-sm\">Questions<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold\">Less than 2min<\/div>\r\n <div class=\"text-sm\">Duration<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold\">100%<\/div>\r\n <div class=\"text-sm\">Personalized<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"quiz\" class=\"py-16 bg-white hidden\">\r\n <div class=\"container mx-auto px-6 max-w-4xl\">\r\n \r\n <div class=\"mb-8\">\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-ritual-green font-medium\">Progress<\/span>\r\n <span id=\"progressText\" class=\"text-ritual-sage\">1 of 5<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-ritual-light rounded-full h-3\">\r\n <div id=\"progressBar\" class=\"progress-bar h-3 rounded-full\" style=\"width: 20%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"questionContainer\" class=\"question-card rounded-2xl p-8 shadow-lg active fade-in\">\r\n <div class=\"text-center mb-8\">\r\n <div id=\"questionIcon\" class=\"w-16 h-16 bg-ritual-gold rounded-full mx-auto mb-4 flex items-center justify-center\">\r\n <span class=\"text-2xl\">\ud83d\udca7<\/span>\r\n <\/div>\r\n <h3 id=\"questionTitle\" class=\"font-playfair text-2xl font-bold text-ritual-green mb-4\">\r\n How would you describe your skin in the morning?\r\n <\/h3>\r\n <p id=\"questionSubtitle\" class=\"text-ritual-sage\">\r\n Think about how your skin feels when you wake up\r\n <\/p>\r\n <\/div>\r\n\r\n <div id=\"optionsContainer\" class=\"grid md:grid-cols-2 gap-4 mb-8\">\r\n \r\n <\/div>\r\n\r\n <div class=\"flex justify-between\">\r\n <button id=\"prevBtn\" onclick=\"previousQuestion()\" class=\"px-6 py-3 border border-ritual-sage text-ritual-sage rounded-full hover:bg-ritual-sage hover:text-white transition-colors hidden\">\r\n \u2190 Previous\r\n <\/button>\r\n <div class=\"flex-1\"><\/div>\r\n <button id=\"nextBtn\" onclick=\"nextQuestion()\" class=\"px-8 py-3 rounded-full font-semibold transition-colors opacity-50 cursor-not-allowed\" style=\"background-color: #a6ad8c; color: white;\" disabled>\r\n Next \u2192\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"results\" class=\"py-16 bg-ritual-light hidden\">\r\n <div class=\"container mx-auto px-6 max-w-6xl\">\r\n <div class=\"text-center mb-12 fade-in\">\r\n <div class=\"w-20 h-20 bg-ritual-gold rounded-full mx-auto mb-6 flex items-center justify-center\">\r\n <span class=\"text-3xl\">\ud83c\udfaf<\/span>\r\n <\/div>\r\n <h2 class=\"font-playfair text-4xl font-bold text-ritual-green mb-4\">Your Analysis is Ready!<\/h2>\r\n <p class=\"text-ritual-sage text-lg\">Based on your answers, we identified your skin type and selected the ideal products<\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"skinTypeResult\" class=\"skin-type-card rounded-2xl p-8 shadow-lg mb-12 fade-in\">\r\n \r\n <\/div>\r\n\r\n \r\n <div class=\"mb-12\">\r\n <h3 class=\"font-playfair text-3xl font-bold text-ritual-green text-center mb-8\">Recommended Products For You<\/h3>\r\n <div id=\"recommendedProducts\" class=\"grid md:grid-cols-3 gap-6\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl p-8 shadow-lg fade-in\">\r\n <h3 class=\"font-playfair text-2xl font-bold text-ritual-green text-center mb-6\">\u2728 Your Le Rituel Ritual<\/h3>\r\n <div id=\"routineSteps\" class=\"space-y-4\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-center mt-12\">\r\n <button onclick=\"restartQuiz()\" class=\"bg-ritual-sage text-white px-8 py-3 rounded-full font-semibold hover:bg-ritual-green transition-colors mr-4\">\r\n Retake Analysis\r\n <\/button>\r\n \r\n <button onclick=\"generatePDFOnce()\" class=\"bg-ritual-forest text-white px-8 py-3 rounded-full font-semibold hover:bg-ritual-green transition-colors\">\r\n \ud83d\udcbe Generate PDF\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Quiz data\r\n const questions = [\r\n {\r\n id: 1,\r\n icon: \"\ud83e\udd1a\",\r\n title: \"How would you describe your skin to the touch?\",\r\n subtitle: \"Think about the texture and feel of your skin\",\r\n options: [\r\n { text: \"Rough or dry\", value: \"dry\", icon: \"\ud83c\udfdc\ufe0f\" },\r\n { text: \"Very oily, with constant shine\", value: \"oily\", icon: \"\u2728\" },\r\n { text: \"Neither too dry nor too oily\", value: \"normal\", icon: \"\ud83d\ude0c\" },\r\n { text: \"Mixed (oily T-zone, dry cheeks)\", value: \"combination\", icon: \"\ud83c\udfad\" }\r\n ]\r\n },\r\n {\r\n id: 2,\r\n icon: \"\ud83e\uddfc\",\r\n title: \"After washing your face, what do you feel?\",\r\n subtitle: \"Consider the immediate sensation after cleansing\",\r\n options: [\r\n { text: \"Immediate tightness\", value: \"dehydrated\", icon: \"\ud83d\ude23\" },\r\n { text: \"Quick shine within hours\", value: \"oily\", icon: \"\u2728\" },\r\n { text: \"Comfortable skin\", value: \"normal\", icon: \"\ud83d\ude0a\" },\r\n { text: \"Redness, burning or itching\", value: \"sensitive\", icon: \"\ud83d\udd25\" }\r\n ]\r\n },\r\n {\r\n id: 3,\r\n icon: \"\ud83d\udd34\",\r\n title: \"How often does your skin have pimples or blackheads?\",\r\n subtitle: \"Think about your skin's tendency to break out\",\r\n options: [\r\n { text: \"Always, it's recurring\", value: \"acne\", icon: \"\ud83d\udd34\" },\r\n { text: \"Sometimes, near menstruation or stress\", value: \"acne_tendency\", icon: \"\ud83d\udfe1\" },\r\n { text: \"Rarely or never\", value: \"clear\", icon: \"\u2705\" }\r\n ]\r\n },\r\n {\r\n id: 4,\r\n icon: \"\u23f0\",\r\n title: \"Do you feel your skin is aging?\",\r\n subtitle: \"Consider visible signs of aging\",\r\n options: [\r\n { text: \"Yes, I notice lines, sagging or spots\", value: \"mature\", icon: \"\ud83d\udcc5\" },\r\n { text: \"I don't see visible signs yet\", value: \"young\", icon: \"\u2728\" },\r\n { text: \"I already use anti-aging creams\", value: \"prevention\", icon: \"\ud83d\udee1\ufe0f\" }\r\n ]\r\n },\r\n {\r\n id: 5,\r\n icon: \"\ud83d\udfe4\",\r\n title: \"Does your skin have spots or melasma?\",\r\n subtitle: \"Look for dark spots or uneven pigmentation\",\r\n options: [\r\n { text: \"Yes, definitely!\", value: \"hyperpigmented\", icon: \"\ud83d\udfe4\" },\r\n { text: \"Some light ones\", value: \"mild_spots\", icon: \"\ud83d\udfe1\" },\r\n { text: \"I don't have spots\", value: \"no_spots\", icon: \"\u2728\" }\r\n ]\r\n },\r\n {\r\n id: 6,\r\n icon: \"\ud83c\udf21\ufe0f\",\r\n title: \"How does your skin react to new products or climate changes?\",\r\n subtitle: \"Consider your skin's sensitivity level\",\r\n options: [\r\n { text: \"Gets irritated easily\", value: \"sensitive\", icon: \"\ud83d\udd25\" },\r\n { text: \"Reacts well most of the time\", value: \"tolerant\", icon: \"\ud83d\udc4d\" },\r\n { text: \"Never had a reaction\", value: \"resistant\", icon: \"\ud83d\udee1\ufe0f\" }\r\n ]\r\n }\r\n];\r\n\r\n\/\/ Skin types and recommendations\r\nconst skinTypes = {\r\n dry: {\r\n name: \"Dry Skin\",\r\n icon: \"\ud83d\udca7\",\r\n description:\r\n \"Your skin is lacking nutrition. The skin barrier is weakened, resulting in rough texture, flaking and lack of radiance. It's time to restore comfort, protection and hydration from the inside out.\",\r\n characteristics: [\r\n \"Weakened skin barrier\",\r\n \"Rough texture and flaking\",\r\n \"Lack of natural radiance\",\r\n \"Needs intense nutrition\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83e\uddf4 Revita Cell Cream\",\r\n description: \"Intense nutrition and regeneration\",\r\n benefits: \"Restores skin barrier and provides lasting comfort\",\r\n price: \"100.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-cream\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-19.png\"\r\n },\r\n {\r\n name: \"\ud83e\uddec PDRN Serum\",\r\n description: \"Deep cellular repair and barrier restoration\",\r\n benefits: \"Advanced regeneration technology\",\r\n price: \"50.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/pdrn-elixir-serum-le-rituel\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2025\/04\/Dedicated-to-Real-Results.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Multi Collagen\",\r\n description: \"Strengthens skin structure and retains hydration\",\r\n benefits: \"Internal support for skin health\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/multi-type-hydrolyzed-collagen-protein\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/Collagen-multi-protein.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Luxury Sunscreen\",\r\n description: \"Protects and hydrates with lightness\",\r\n benefits: \"Daily protection without heaviness\",\r\n price: \"45.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/luxury-sunscreen-anti-aging-50-spf\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/luxury-sunscreen.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"PDRN Serum + Revita Cell Cream + Luxury Sunscreen\" },\r\n { step: \"Night\", action: \"PDRN Serum + Revita Cell Cream\" },\r\n { step: \"Daily\", action: \"Multi Collagen supplement\" }\r\n ]\r\n },\r\n dehydrated: {\r\n name: \"Dehydrated Skin\",\r\n icon: \"\ud83d\udca6\",\r\n description:\r\n \"Even if oily or combination, your skin is suffering from lack of water. It feels tight, loses radiance and makeup cracks. The focus is to hydrate deeply and restore water balance.\",\r\n characteristics: [\r\n \"Lacks water even if oily\",\r\n \"Tight feeling and lost radiance\",\r\n \"Makeup doesn't apply smoothly\",\r\n \"Needs deep hydration\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83e\uddfc Turmeric Cleansing Foam\",\r\n description: \"Cleansing that respects hydration\",\r\n benefits: \"Gentle cleansing without stripping\",\r\n price: \"29.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/turmeric-cleansing-mousse\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/cleansing-mousse-turmeric.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf4a Vitamin C Serum\",\r\n description: \"Stimulates collagen and helps water retention\",\r\n benefits: \"Antioxidant protection and hydration boost\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/vitamin-c-serum-anti-aging\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/serum-vitamin-c.png\"\r\n },\r\n {\r\n name: \"\ud83e\uddf4 Revita Cell Cream\",\r\n description: \"Reinforced skin barrier and lasting hydration\",\r\n benefits: \"Deep moisture restoration\",\r\n price: \"100.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-cream\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-19.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Multi Collagen\",\r\n description: \"Retains water in deep skin layers\",\r\n benefits: \"Internal hydration support\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/multi-type-hydrolyzed-collagen-protein\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/Collagen-multi-protein.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Turmeric Golden Glow\",\r\n description: \"Anti-inflammatory and gut support\",\r\n benefits: \"Internal wellness for skin health\",\r\n price: \"25.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/turmeric-golden-glow\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/turmeric-golden-glow.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"Turmeric Cleansing Foam + Vitamin C Serum + Revita Cell Cream + Sunscreen\" },\r\n { step: \"Night\", action: \"Turmeric Cleansing Foam + Vitamin C Serum + Revita Cell Cream\" },\r\n { step: \"Daily\", action: \"Multi Collagen + Turmeric Golden Glow supplements\" }\r\n ]\r\n },\r\n mature: {\r\n name: \"Mature Skin\",\r\n icon: \"\u23f0\",\r\n description:\r\n \"Signs like sagging, wrinkles and spots indicate that skin needs regeneration and collagen stimulation. The goal here is to restore firmness, radiance and youthfulness.\",\r\n characteristics: [\r\n \"Visible signs of aging\",\r\n \"Loss of firmness and elasticity\",\r\n \"Fine lines and wrinkles\",\r\n \"Needs regeneration and collagen boost\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83e\uddec Revita Cell Serum\",\r\n description: \"Regeneration and fibroblast activation\",\r\n benefits: \"Advanced anti-aging technology\",\r\n price: \"99.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-serum\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-17.png\"\r\n },\r\n {\r\n name: \"\ud83e\uddf4 Revita Cell Cream\",\r\n description: \"Rich nutrition with lifting touch\",\r\n benefits: \"Firming and nourishing formula\",\r\n price: \"100.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-cream\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-19.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc41 Revita Cell Eye Cream\",\r\n description: \"Softens dark circles and fine lines\",\r\n benefits: \"Specialized eye area care\",\r\n price: \"55.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-eye-cream\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-18.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Multi Collagen\",\r\n description: \"Internal support for firmness and elasticity\",\r\n benefits: \"Collagen production boost\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/multi-type-hydrolyzed-collagen-protein\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/Collagen-multi-protein.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Luxury Sunscreen\",\r\n description: \"Protection against solar aging\",\r\n benefits: \"Prevention of further damage\",\r\n price: \"45.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/luxury-sunscreen-anti-aging-50-spf\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/luxury-sunscreen.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"Revita Cell Serum + Revita Cell Cream + Eye Cream + Luxury Sunscreen\" },\r\n { step: \"Night\", action: \"Revita Cell Serum + Revita Cell Cream + Eye Cream\" },\r\n { step: \"Daily\", action: \"Multi Collagen supplement\" }\r\n ]\r\n },\r\n sensitive: {\r\n name: \"Sensitive Skin\",\r\n icon: \"\ud83d\udd25\",\r\n description:\r\n \"Your skin reacts easily with redness, burning or itching. This shows a weakened barrier. The ideal care is made with soothing and safe actives.\",\r\n characteristics: [\r\n \"Easily irritated and reactive\",\r\n \"Redness and inflammation\",\r\n \"Weakened skin barrier\",\r\n \"Needs gentle, soothing care\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83d\udca7 Rsooth Rosacea Serum\",\r\n description: \"Calms, strengthens and rebalances\",\r\n benefits: \"Specialized care for sensitive skin\",\r\n price: \"50.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/le-rituel-rsooth-rosacea-treatment-serum\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/10\/13.png\"\r\n },\r\n {\r\n name: \"\ud83e\uddfc SensiGlow Cleansing Mousse\",\r\n description: \"Gentle cleansing with ideal pH\",\r\n benefits: \"Respects sensitive skin barrier\",\r\n price: \"19.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/sensiglow-cleansing-mousse\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/10\/1.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Luxury Sunscreen\",\r\n description: \"Gentle sunscreen for sensitive skin\",\r\n benefits: \"Protection without irritation\",\r\n price: \"45.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/luxury-sunscreen-anti-aging-50-spf\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/luxury-sunscreen.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Turmeric Golden Glow\",\r\n description: \"Anti-inflammatory and internal reinforcement\",\r\n benefits: \"Reduces inflammation from within\",\r\n price: \"25.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/turmeric-golden-glow\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/turmeric-golden-glow.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"SensiGlow Cleansing Mousse + Rsooth Rosacea Serum + Luxury Sunscreen\" },\r\n { step: \"Night\", action: \"SensiGlow Cleansing Mousse + Rsooth Rosacea Serum\" },\r\n { step: \"Daily\", action: \"Turmeric Golden Glow supplement\" }\r\n ]\r\n },\r\n acne: {\r\n name: \"Acne-Prone Skin\",\r\n icon: \"\ud83d\udd34\",\r\n description:\r\n \"Pimples, blackheads and enlarged pores are signs of inflammation and unregulated oiliness. Here, the focus is to purify with balance and treat from the inside out too.\",\r\n characteristics: [\r\n \"Recurring breakouts\",\r\n \"Inflammation and enlarged pores\",\r\n \"Unbalanced oil production\",\r\n \"Needs purifying and balancing care\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83e\uddfc Turmeric Cleansing Foam\",\r\n description: \"Deep cleansing without aggression\",\r\n benefits: \"Purifies while maintaining balance\",\r\n price: \"29.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/turmeric-cleansing-mousse\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/cleansing-mousse-turmeric.png\"\r\n },\r\n {\r\n name: \"\ud83d\udca7 Skin Flare Anti Acne Serum\",\r\n description: \"Acne control with natural actives\",\r\n benefits: \"Targeted treatment for breakouts\",\r\n price: \"50.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/le-rituel-skin-flare-anti-acne-serum\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/10\/16.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Luxury Sunscreen\",\r\n description: \"Non-comedogenic and protective\",\r\n benefits: \"Protection without clogging pores\",\r\n price: \"45.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/luxury-sunscreen-anti-aging-50-spf\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/luxury-sunscreen.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Turmeric Golden Glow\",\r\n description: \"Reduces inflammation and aids healing\",\r\n benefits: \"Internal anti-inflammatory support\",\r\n price: \"25.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/turmeric-golden-glow\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/turmeric-golden-glow.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"Turmeric Cleansing Foam + Skin Flare Anti Acne Serum + Luxury Sunscreen\" },\r\n { step: \"Night\", action: \"Turmeric Cleansing Foam + Skin Flare Anti Acne Serum\" },\r\n { step: \"Daily\", action: \"Turmeric Golden Glow supplement\" }\r\n ]\r\n },\r\n hyperpigmented: {\r\n name: \"Hyperpigmented Skin with Spots and Melasma\",\r\n icon: \"\ud83d\udfe4\",\r\n description:\r\n \"Skin hyperpigmentation indicates excess melanin. This can have hormonal, inflammatory or solar causes. Treatment needs to be intelligent, continuous and protective.\",\r\n characteristics: [\r\n \"Dark spots and uneven pigmentation\",\r\n \"Melasma or sun damage\",\r\n \"Excess melanin production\",\r\n \"Needs brightening and protection\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83d\udca7 Melaning Clear Serum\",\r\n description: \"Progressive and safe brightening\",\r\n benefits: \"Gentle yet effective spot treatment\",\r\n price: \"79.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/melanin-clear-brightening-serum\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/11\/Melanin-Clear-Brightening-Serum-2.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Whitening Skin Pills (Glutathione)\",\r\n description: \"Skin uniformity and cellular detox\",\r\n benefits: \"Internal brightening support\",\r\n price: \"29.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/le-rituel-whitening-skin\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/01\/IMG_8268-e1706647157374.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Sunsafe Pearls\",\r\n description: \"Oral protection against solar radiation\",\r\n benefits: \"Internal sun protection\",\r\n price: \"39.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/sunsafe-pearls\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/03\/SUnsage-Pearls.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf4a Vitamin C Serum\",\r\n description: \"Antioxidant and illuminating\",\r\n benefits: \"Brightens and protects from free radicals\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/vitamin-c-serum-anti-aging\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/serum-vitamin-c.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Glow Tinted Sunscreen\",\r\n description: \"Coverage, protection and treatment in one step\",\r\n benefits: \"Multi-functional daily protection\",\r\n price: \"41.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/tinted-glow-spf-50\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2025\/07\/product-only-.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"Vitamin C Serum + Melaning Clear Serum + Glow Tinted Sunscreen\" },\r\n { step: \"Night\", action: \"Melaning Clear Serum + moisturizer\" },\r\n { step: \"Daily\", action: \"Whitening Skin Pills + Sunsafe Pearls supplements\" }\r\n ]\r\n },\r\n dehydrated_spotted: {\r\n name: \"Dehydrated + Spotted Skin\",\r\n icon: \"\ud83d\udca7\ud83d\udfe4\",\r\n description:\r\n \"The combination of lack of water and hyperpigmentation requires intelligent care: brighten safely while restoring hydration and skin barrier function.\",\r\n characteristics: [\r\n \"Combination of dehydration and spots\",\r\n \"Compromised skin barrier\",\r\n \"Needs hydration and brightening\",\r\n \"Requires gentle yet effective treatment\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83c\udf4a Vitamin C Serum\",\r\n description: \"Brightens and increases skin hydration\",\r\n benefits: \"Dual action: brightening and hydrating\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/vitamin-c-serum-anti-aging\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/serum-vitamin-c.png\"\r\n },\r\n {\r\n name: \"\ud83d\udca7 Melaning Clear Serum\",\r\n description: \"Brightener that respects sensitive skin\",\r\n benefits: \"Gentle spot treatment\",\r\n price: \"79.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/melanin-clear-brightening-serum\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/11\/Melanin-Clear-Brightening-Serum-2.png\"\r\n },\r\n {\r\n name: \"\ud83e\uddf4 Revita Cell Cream\",\r\n description: \"Nutrition + water retention\",\r\n benefits: \"Restores hydration and barrier\",\r\n price: \"100.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-cream\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-19.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Multi Collagen\",\r\n description: \"Strengthens, hydrates and improves elasticity\",\r\n benefits: \"Internal skin structure support\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/multi-type-hydrolyzed-collagen-protein\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/Collagen-multi-protein.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Whitening Skin Pills with Glutathione\",\r\n description: \"Brightening and luminosity\",\r\n benefits: \"Internal brightening and detox\",\r\n price: \"29.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/le-rituel-whitening-skin\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/01\/IMG_8268-e1706647157374.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Glow Tinted Sunscreen\",\r\n description: \"Protection with beautifying effect\",\r\n benefits: \"Coverage, protection and treatment\",\r\n price: \"41.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/tinted-glow-spf-50\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2025\/07\/product-only-.png\"\r\n }\r\n ],\r\n routine: [\r\n {\r\n step: \"Morning\",\r\n action: \"Vitamin C Serum + Melaning Clear Serum + Revita Cell Cream + Glow Tinted Sunscreen\"\r\n },\r\n { step: \"Night\", action: \"Vitamin C Serum + Melaning Clear Serum + Revita Cell Cream\" },\r\n { step: \"Daily\", action: \"Multi Collagen + Whitening Skin Pills supplements\" }\r\n ]\r\n }\r\n};\r\n\r\n\r\n let currentQuestion = 0;\r\n let answers = {};\r\n let skinTypeResult = '';\r\n\r\n function startQuiz() {\r\n document.getElementById('hero').classList.add('hidden');\r\n document.getElementById('quiz').classList.remove('hidden');\r\n showQuestion(0);\r\n }\r\n\r\n function showQuestion(index) {\r\n const question = questions[index];\r\n currentQuestion = index;\r\n \r\n \/\/ Update progress\r\n const progress = ((index + 1) \/ questions.length) * 100;\r\n document.getElementById('progressBar').style.width = progress + '%';\r\n document.getElementById('progressText').textContent = `${index + 1} of ${questions.length}`;\r\n \r\n \/\/ Update question content\r\n document.getElementById('questionIcon').innerHTML = `<span class=\"text-2xl\">${question.icon}<\/span>`;\r\n document.getElementById('questionTitle').textContent = question.title;\r\n document.getElementById('questionSubtitle').textContent = question.subtitle;\r\n \r\n \/\/ Create options\r\n const optionsContainer = document.getElementById('optionsContainer');\r\n optionsContainer.innerHTML = '';\r\n \r\n question.options.forEach((option, optionIndex) => {\r\n const optionCard = document.createElement('div');\r\n optionCard.className = 'option-card rounded-xl p-4 hover-lift';\r\n optionCard.innerHTML = `\r\n <div class=\"flex items-center space-x-4\">\r\n <div class=\"w-12 h-12 bg-ritual-cream rounded-full flex items-center justify-center\">\r\n <span class=\"text-xl\">${option.icon}<\/span>\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <p class=\"font-medium\">${option.text}<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n optionCard.addEventListener('click', () => selectOption(option.value, optionCard));\r\n optionsContainer.appendChild(optionCard);\r\n });\r\n \r\n \/\/ Update navigation buttons\r\n document.getElementById('prevBtn').classList.toggle('hidden', index === 0);\r\n updateNextButton();\r\n }\r\n\r\n function selectOption(value, card) {\r\n \/\/ Remove previous selection\r\n document.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));\r\n \r\n \/\/ Add selection to clicked card\r\n card.classList.add('selected');\r\n \r\n \/\/ Store answer\r\n answers[currentQuestion] = value;\r\n \r\n \/\/ Enable next button\r\n updateNextButton();\r\n }\r\n\r\n function updateNextButton() {\r\n const nextBtn = document.getElementById('nextBtn');\r\n const hasAnswer = answers[currentQuestion] !== undefined;\r\n \r\n if (hasAnswer) {\r\n nextBtn.disabled = false;\r\n nextBtn.classList.remove('opacity-50', 'cursor-not-allowed');\r\n nextBtn.style.backgroundColor = '#4e6b4c';\r\n nextBtn.onmouseover = () => nextBtn.style.backgroundColor = '#68815a';\r\n nextBtn.onmouseout = () => nextBtn.style.backgroundColor = '#4e6b4c';\r\n } else {\r\n nextBtn.disabled = true;\r\n nextBtn.classList.add('opacity-50', 'cursor-not-allowed');\r\n nextBtn.style.backgroundColor = '#a6ad8c';\r\n nextBtn.onmouseover = null;\r\n nextBtn.onmouseout = null;\r\n }\r\n }\r\n\r\n function nextQuestion() {\r\n if (answers[currentQuestion] === undefined) return;\r\n \r\n if (currentQuestion < questions.length - 1) {\r\n showQuestion(currentQuestion + 1);\r\n } else {\r\n calculateResults();\r\n }\r\n }\r\n\r\n function previousQuestion() {\r\n if (currentQuestion > 0) {\r\n showQuestion(currentQuestion - 1);\r\n }\r\n }\r\n\r\n function calculateResults() {\r\n \/\/ Analyze answers to determine skin type\r\n const answerValues = Object.values(answers);\r\n \r\n \/\/ Create scoring system for each skin type\r\n let scores = {\r\n dry: 0,\r\n dehydrated: 0,\r\n mature: 0,\r\n sensitive: 0,\r\n acne: 0,\r\n hyperpigmented: 0,\r\n dehydrated_spotted: 0\r\n };\r\n \r\n \/\/ Question 1: Skin texture\r\n if (answers[0] === 'dry') {\r\n scores.dry += 3;\r\n } else if (answers[0] === 'oily') {\r\n scores.acne += 2;\r\n scores.dehydrated += 1;\r\n } else if (answers[0] === 'normal') {\r\n scores.dry += 1;\r\n } else if (answers[0] === 'combination') {\r\n scores.dehydrated += 2;\r\n scores.acne += 1;\r\n }\r\n \r\n \/\/ Question 2: After cleansing feeling\r\n if (answers[1] === 'dehydrated') {\r\n scores.dehydrated += 3;\r\n scores.dry += 1;\r\n } else if (answers[1] === 'oily') {\r\n scores.acne += 3;\r\n } else if (answers[1] === 'normal') {\r\n scores.dry += 1;\r\n } else if (answers[1] === 'sensitive') {\r\n scores.sensitive += 3;\r\n }\r\n \r\n \/\/ Question 3: Breakouts frequency\r\n if (answers[2] === 'acne') {\r\n scores.acne += 4;\r\n } else if (answers[2] === 'acne_tendency') {\r\n scores.acne += 2;\r\n scores.sensitive += 1;\r\n } else if (answers[2] === 'clear') {\r\n scores.dry += 1;\r\n scores.mature += 1;\r\n }\r\n \r\n \/\/ Question 4: Aging signs\r\n if (answers[3] === 'mature') {\r\n scores.mature += 4;\r\n } else if (answers[3] === 'prevention') {\r\n scores.mature += 2;\r\n } else if (answers[3] === 'young') {\r\n scores.acne += 1;\r\n }\r\n \r\n \/\/ Question 5: Spots and melasma\r\n if (answers[4] === 'hyperpigmented') {\r\n scores.hyperpigmented += 4;\r\n scores.dehydrated_spotted += 3;\r\n } else if (answers[4] === 'mild_spots') {\r\n scores.hyperpigmented += 2;\r\n scores.dehydrated_spotted += 1;\r\n } else if (answers[4] === 'no_spots') {\r\n scores.dry += 1;\r\n scores.acne += 1;\r\n }\r\n \r\n \/\/ Question 6: Sensitivity\r\n if (answers[5] === 'sensitive') {\r\n scores.sensitive += 3;\r\n scores.dry += 1;\r\n } else if (answers[5] === 'tolerant') {\r\n scores.acne += 1;\r\n scores.dehydrated += 1;\r\n } else if (answers[5] === 'resistant') {\r\n scores.mature += 1;\r\n }\r\n \r\n \/\/ Special combinations check\r\n if (scores.dehydrated >= 2 && scores.hyperpigmented >= 2) {\r\n scores.dehydrated_spotted += 3;\r\n }\r\n \r\n \/\/ Find the highest scoring skin type\r\n skinTypeResult = Object.keys(scores).reduce((a, b) => scores[a] > scores[b] ? a : b);\r\n \r\n \/\/ Fallback logic if scores are too low or tied\r\n if (scores[skinTypeResult] < 2) {\r\n \/\/ Use primary indicators\r\n if (answerValues.includes('acne')) {\r\n skinTypeResult = 'acne';\r\n } else if (answerValues.includes('sensitive')) {\r\n skinTypeResult = 'sensitive';\r\n } else if (answerValues.includes('mature')) {\r\n skinTypeResult = 'mature';\r\n } else if (answerValues.includes('hyperpigmented')) {\r\n skinTypeResult = 'hyperpigmented';\r\n } else if (answerValues.includes('dehydrated')) {\r\n skinTypeResult = 'dehydrated';\r\n } else if (answerValues.includes('dry')) {\r\n skinTypeResult = 'dry';\r\n } else {\r\n skinTypeResult = 'dry'; \/\/ Default fallback\r\n }\r\n }\r\n \r\n showResults();\r\n }\r\n\r\n function showResults() {\r\n document.getElementById('quiz').classList.add('hidden');\r\n document.getElementById('results').classList.remove('hidden');\r\n \r\n const skinType = skinTypes[skinTypeResult];\r\n \r\n \/\/ Show skin type result\r\n const resultContainer = document.getElementById('skinTypeResult');\r\n resultContainer.innerHTML = `\r\n <div class=\"text-center mb-8\">\r\n <div class=\"w-20 h-20 bg-ritual-green rounded-full mx-auto mb-4 flex items-center justify-center\">\r\n <span class=\"text-3xl text-white\">${skinType.icon}<\/span>\r\n <\/div>\r\n <h3 class=\"font-playfair text-3xl font-bold text-ritual-green mb-4\">\u2728 Skin Diagnosis: ${skinType.name}<\/h3>\r\n <p class=\"text-ritual-sage text-lg mb-6\">${skinType.description}<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-2 gap-8\">\r\n <div>\r\n <h4 class=\"font-playfair text-xl font-bold text-ritual-green mb-4\">Your skin characteristics:<\/h4>\r\n <ul class=\"space-y-2\">\r\n ${skinType.characteristics.map(char => `\r\n <li class=\"flex items-center space-x-2\">\r\n <span class=\"text-ritual-gold\">\u2713<\/span>\r\n <span class=\"text-ritual-green\">${char}<\/span>\r\n <\/li>\r\n `).join('')}\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-ritual-cream rounded-xl p-6\">\r\n <h4 class=\"font-playfair text-xl font-bold text-ritual-green mb-4\">\ud83c\udf3f Expert Insight:<\/h4>\r\n <p class=\"text-ritual-green\">\r\n \"Developed by Le Rituel, combining science, beauty and integrative health under the expertise of Elaine Martins.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n \/\/ Show recommended products\r\n const productsContainer = document.getElementById('recommendedProducts');\r\n productsContainer.innerHTML = skinType.products.map(product => `\r\n <div class=\"product-card rounded-xl p-6 hover-lift\">\r\n <div class=\"text-center mb-4\">\r\n ${product.preview ? `\r\n <div class=\"w-24 h-24 mx-auto mb-3 rounded-lg overflow-hidden bg-ritual-cream\">\r\n <img decoding=\"async\" src=\"${product.preview}\" alt=\"${product.name}\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n ` : `\r\n <div class=\"w-16 h-16 bg-ritual-gold rounded-full mx-auto mb-3 flex items-center justify-center\">\r\n <span class=\"text-2xl\">${product.name.charAt(0)}<\/span>\r\n <\/div>\r\n `}\r\n <h4 class=\"font-playfair text-lg font-bold text-ritual-green mb-2\">${product.name}<\/h4>\r\n <p class=\"text-ritual-sage text-sm mb-3\">${product.description}<\/p>\r\n <div class=\"bg-ritual-cream rounded-lg p-3 mb-3\">\r\n <p class=\"text-ritual-green text-sm font-medium\">${product.benefits}<\/p>\r\n <\/div>\r\n ${product.price ? `<div class=\"text-ritual-green font-bold text-lg mb-3\">${product.price}<\/div>` : ''}\r\n ${product.link ? `\r\n <a href=\"${product.link}\" target=\"_blank\" class=\"inline-block bg-ritual-green text-white px-4 py-2 rounded-full text-sm font-semibold hover:bg-ritual-forest transition-colors\">\r\n View Product\r\n <\/a>\r\n ` : `\r\n <div class=\"bg-ritual-sage\/20 text-ritual-sage px-4 py-2 rounded-full text-sm font-medium\">\r\n Product Link Available\r\n <\/div>\r\n `}\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n \r\n \/\/ Show routine\r\n const routineContainer = document.getElementById('routineSteps');\r\n routineContainer.innerHTML = skinType.routine.map((step, index) => `\r\n <div class=\"flex items-center space-x-4 p-4 bg-ritual-cream rounded-lg\">\r\n <div class=\"w-10 h-10 bg-ritual-green rounded-full flex items-center justify-center text-white font-bold\">\r\n ${index + 1}\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <div class=\"font-bold text-ritual-green\">${step.step}<\/div>\r\n <div class=\"text-ritual-sage\">${step.action}<\/div>\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n function getSkinTypeTip(type) {\r\n const tips = {\r\n oily: \"Use produtos oil-free e evite esfregar demais a pele. A limpeza excessiva pode estimular ainda mais a produ\u00e7\u00e3o de \u00f3leo!\",\r\n dry: \"Aplique hidratante ainda com a pele \u00famida para selar a umidade. Evite \u00e1gua muito quente que pode ressecar ainda mais.\",\r\n combination: \"Use produtos diferentes para cada \u00e1rea ou escolha f\u00f3rmulas balanceadas. N\u00e3o negligencie as bochechas por causa da zona T!\",\r\n normal: \"Mantenha a consist\u00eancia na rotina e invista em preven\u00e7\u00e3o. Sua pele equilibrada \u00e9 um tesouro que deve ser preservado!\"\r\n };\r\n return tips[type];\r\n }\r\n\r\n function restartQuiz() {\r\n currentQuestion = 0;\r\n answers = {};\r\n skinTypeResult = '';\r\n \r\n document.getElementById('results').classList.add('hidden');\r\n document.getElementById('hero').classList.remove('hidden');\r\n }\r\n\r\n \/\/ Novo: garante apenas 1 download por clique\r\n let isGenerating = false;\r\n function generatePDFOnce() {\r\n if (isGenerating) return;\r\n isGenerating = true;\r\n try {\r\n generatePDF();\r\n } finally {\r\n setTimeout(() => { isGenerating = false; }, 1200);\r\n }\r\n }\r\n\r\n function generatePDF() {\r\n const { jsPDF } = window.jspdf;\r\n const doc = new jsPDF();\r\n const skinType = skinTypes[skinTypeResult];\r\n \r\n \/\/ Set colors\r\n const primaryColor = [78, 107, 76]; \/\/ ritual-green\r\n const goldColor = [241, 213, 163]; \/\/ ritual-gold\r\n const sageColor = [166, 173, 140]; \/\/ ritual-sage\r\n \r\n \/\/ Header\r\n doc.setFillColor(...primaryColor);\r\n doc.rect(0, 0, 210, 40, 'F');\r\n \r\n \/\/ Logo area\r\n doc.setFillColor(255, 255, 255);\r\n doc.circle(25, 20, 12, 'F');\r\n doc.setTextColor(...primaryColor);\r\n doc.setFontSize(16);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text('LR', 20, 25);\r\n \r\n \/\/ Title\r\n doc.setTextColor(255, 255, 255);\r\n doc.setFontSize(24);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text('Le Rituel', 45, 20);\r\n doc.setFontSize(12);\r\n doc.setFont('helvetica', 'normal');\r\n doc.text('Skin Self-Knowledge Ritual Report', 45, 28);\r\n \r\n \/\/ Date\r\n doc.setFontSize(10);\r\n doc.text(`Generated on: ${new Date().toLocaleDateString('en-US', { \r\n year: 'numeric', \r\n month: 'long', \r\n day: 'numeric' \r\n })}`, 45, 35);\r\n \r\n \/\/ Main content\r\n let yPosition = 60;\r\n \r\n \/\/ Skin Type Result\r\n doc.setTextColor(...primaryColor);\r\n doc.setFontSize(20);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text(`Your Skin Diagnosis: ${skinType.name}`, 20, yPosition);\r\n \r\n yPosition += 15;\r\n doc.setFontSize(11);\r\n doc.setFont('helvetica', 'normal');\r\n doc.setTextColor(80, 80, 80);\r\n \r\n \/\/ Description with text wrapping\r\n const description = doc.splitTextToSize(skinType.description, 170);\r\n doc.text(description, 20, yPosition);\r\n yPosition += description.length * 5 + 10;\r\n \r\n \/\/ Characteristics\r\n doc.setTextColor(...primaryColor);\r\n doc.setFontSize(14);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text('Your Skin Characteristics:', 20, yPosition);\r\n yPosition += 10;\r\n \r\n doc.setFontSize(10);\r\n doc.setFont('helvetica', 'normal');\r\n doc.setTextColor(80, 80, 80);\r\n \r\n skinType.characteristics.forEach(char => {\r\n doc.text(`\u2022 ${char}`, 25, yPosition);\r\n yPosition += 6;\r\n });\r\n \r\n yPosition += 10;\r\n \r\n \/\/ Recommended Products\r\n doc.setTextColor(...primaryColor);\r\n doc.setFontSize(14);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text('Recommended Products:', 20, yPosition);\r\n yPosition += 10;\r\n \r\n doc.setFontSize(10);\r\n doc.setFont('helvetica', 'normal');\r\n doc.setTextColor(80, 80, 80);\r\n \r\n skinType.products.forEach((product, index) => {\r\n if (yPosition > 250) {\r\n doc.addPage();\r\n yPosition = 30;\r\n }\r\n \r\n doc.setFont('helvetica', 'bold');\r\n doc.text(`${index + 1}. ${product.name}`, 25, yPosition);\r\n yPosition += 6;\r\n \r\n doc.setFont('helvetica', 'normal');\r\n const productDesc = doc.splitTextToSize(`${product.description} - ${product.benefits}`, 160);\r\n doc.text(productDesc, 30, yPosition);\r\n yPosition += productDesc.length * 4 + 8;\r\n });\r\n \r\n \/\/ Add new page for routine if needed\r\n if (yPosition > 220) {\r\n doc.addPage();\r\n yPosition = 30;\r\n }\r\n \r\n yPosition += 10;\r\n \r\n \/\/ Your Le Rituel Routine\r\n doc.setTextColor(...primaryColor);\r\n doc.setFontSize(14);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text('Your Le Rituel Routine:', 20, yPosition);\r\n yPosition += 10;\r\n \r\n doc.setFontSize(10);\r\n doc.setFont('helvetica', 'normal');\r\n doc.setTextColor(80, 80, 80);\r\n \r\n skinType.routine.forEach((step, index) => {\r\n doc.setFont('helvetica', 'bold');\r\n doc.text(`${step.step}:`, 25, yPosition);\r\n yPosition += 6;\r\n \r\n doc.setFont('helvetica', 'normal');\r\n const stepAction = doc.splitTextToSize(step.action, 160);\r\n doc.text(stepAction, 30, yPosition);\r\n yPosition += stepAction.length * 4 + 8;\r\n });\r\n \r\n \/\/ Footer\r\n const pageCount = doc.internal.getNumberOfPages();\r\n for (let i = 1; i <= pageCount; i++) {\r\n doc.setPage(i);\r\n \r\n \/\/ Footer background\r\n doc.setFillColor(...sageColor);\r\n doc.rect(0, 280, 210, 17, 'F');\r\n \r\n \/\/ Footer text\r\n doc.setTextColor(255, 255, 255);\r\n doc.setFontSize(8);\r\n doc.setFont('helvetica', 'normal');\r\n doc.text('Le Rituel - Intelligent actives, science and self-care', 20, 290);\r\n doc.text('Developed with expertise by Elaine Martins', 20, 295);\r\n doc.text(`Page ${i} of ${pageCount}`, 180, 290);\r\n }\r\n \r\n \/\/ Generate filename with date and skin type\r\n const fileName = `LeRituel_SkinAnalysis_${skinType.name.replace(\/\\s+\/g, '_')}_${new Date().toISOString().split('T')[0]}.pdf`;\r\n \r\n \/\/ Save the PDF (um \u00fanico download)\r\n doc.save(fileName);\r\n }\r\n <\/script>\r\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'96faab5d92c615cb',t:'MTc1NTI4MTY0My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d20cd3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8d20cd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4654cec elementor-widget elementor-widget-html\" data-id=\"4654cec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Le Rituel Challenges - Win Amazing Rewards!<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'ritual-green': '#4e6b4c',\r\n 'ritual-gold': '#f1d5a3',\r\n 'ritual-cream': '#fcf3e2',\r\n 'ritual-sage': '#a6ad8c',\r\n 'ritual-forest': '#68815a',\r\n 'ritual-light': '#eeeeee'\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n .font-playfair { font-family: 'Playfair Display', serif; }\r\n .font-inter { font-family: 'Inter', sans-serif; }\r\n\r\n .gradient-bg { background: linear-gradient(135deg, #fcf3e2 0%, #f1d5a3 50%, #a6ad8c 100%); }\r\n .hover-lift { transition: all 0.3s ease; }\r\n .hover-lift:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(78, 107, 76, 0.15); }\r\n .pulse-glow { animation: pulse-glow 2s infinite; }\r\n @keyframes pulse-glow { 0%,100%{box-shadow:0 0 20px rgba(78,107,76,.3)} 50%{box-shadow:0 0 30px rgba(78,107,76,.6)} }\r\n .floating { animation: floating 3s ease-in-out infinite; }\r\n @keyframes floating { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n .upload-area { border:2px dashed #a6ad8c; transition: all .3s ease; }\r\n .upload-area.dragover { border-color:#4e6b4c; background-color: rgba(78,107,76,.1); }\r\n .challenge-card { background: linear-gradient(145deg, #ffffff 0%, #fcf3e2 100%); }\r\n .reward-badge { background: linear-gradient(45deg, #f1d5a3 0%, #4e6b4c 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n .btn { background-color:#4e6b4c; color:#fff }\r\n .btn:hover { background-color:#68815a }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-inter bg-ritual-cream min-h-screen\">\r\n\r\n\r\n\r\n \r\n <section class=\"gradient-bg py-16\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <div class=\"floating mb-8\">\r\n <div class=\"w-24 h-24 bg-ritual-green rounded-full mx-auto flex items-center justify-center mb-6\">\r\n <span class=\"text-white text-4xl\">\ud83c\udfaf<\/span>\r\n <\/div>\r\n <\/div>\r\n <h2 class=\"font-playfair text-5xl font-bold text-ritual-green mb-6\">\r\n Complete Challenges, <span class=\"text-ritual-forest\">Win Amazing Rewards!<\/span>\r\n <\/h2>\r\n <p class=\"text-ritual-green text-xl mb-8 max-w-3xl mx-auto leading-relaxed\">\r\n Share your Le Rituel experience and unlock exclusive discounts, free products, and VIP perks. Every challenge completed brings you closer to incredible rewards!\r\n <\/p>\r\n <div class=\"flex justify-center space-x-4\">\r\n <button onclick=\"document.getElementById('challenges').scrollIntoView({behavior:'smooth'})\" class=\"btn px-8 py-4 rounded-full font-semibold transition-all hover-lift\">\r\n View Challenges\r\n <\/button>\r\n <button onclick=\"document.getElementById('rewards').scrollIntoView({behavior:'smooth'})\" class=\"btn px-8 py-4 rounded-full font-semibold transition-all hover-lift\">\r\n See Rewards\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"challenges\" class=\"py-16 bg-white\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"font-playfair text-4xl font-bold text-ritual-green mb-4\">Active Challenges<\/h2>\r\n <p class=\"text-ritual-sage text-lg\">Complete these challenges to earn exclusive rewards<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"challenge-card rounded-2xl p-6 shadow-lg hover-lift border border-ritual-gold\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-16 h-16 bg-ritual-gold rounded-full mx-auto mb-4 flex items-center justify-center pulse-glow\">\r\n <span class=\"text-2xl\">\ud83d\udce6<\/span>\r\n <\/div>\r\n <h3 class=\"font-playfair text-xl font-bold text-ritual-green mb-2\">Unboxing Video Challenge<\/h3>\r\n <div class=\"reward-badge font-bold text-2xl mb-2\">50% OFF<\/div>\r\n <p class=\"text-ritual-sage text-sm\">Record yourself unboxing your Le Rituel products<\/p>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Record unboxing video (30+ seconds)<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Show your excitement and reactions<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Upload video and complete form<\/span><\/div>\r\n <\/div>\r\n <button onclick=\"openChallenge('unboxing')\" class=\"btn w-full mt-6 py-3 rounded-full font-semibold transition-colors\">Start Challenge<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"challenge-card rounded-2xl p-6 shadow-lg hover-lift\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-16 h-16 bg-ritual-sage rounded-full mx-auto mb-4 flex items-center justify-center\">\r\n <span class=\"text-2xl text-white\">\u2728<\/span>\r\n <\/div>\r\n <h3 class=\"font-playfair text-xl font-bold text-ritual-green mb-2\">Before & After Photos<\/h3>\r\n <div class=\"reward-badge font-bold text-2xl mb-2\">FREE PRODUCT<\/div>\r\n <p class=\"text-ritual-sage text-sm\">Show your skin transformation journey<\/p>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Upload before photo<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Use products for 30 days<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Upload after photo with review<\/span><\/div>\r\n <\/div>\r\n <button onclick=\"openChallenge('beforeafter')\" class=\"btn w-full mt-6 py-3 rounded-full font-semibold transition-colors\">Start Challenge<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"challenge-card rounded-2xl p-6 shadow-lg hover-lift\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-16 h-16 bg-ritual-forest rounded-full mx-auto mb-4 flex items-center justify-center\">\r\n <span class=\"text-2xl text-white\">\ud83d\udcf1<\/span>\r\n <\/div>\r\n <h3 class=\"font-playfair text-xl font-bold text-ritual-green mb-2\">Social Media Share<\/h3>\r\n <div class=\"reward-badge font-bold text-2xl mb-2\">25% OFF<\/div>\r\n <p class=\"text-ritual-sage text-sm\">Share your Le Rituel routine on social media<\/p>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Post on Instagram or Facebook<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Tag @lerituel_healthcare<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Use hashtag #MyLeRituel<\/span><\/div>\r\n <\/div>\r\n <button onclick=\"openChallenge('social')\" class=\"btn w-full mt-6 py-3 rounded-full font-semibold transition-colors\">Start Challenge<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"rewards\" class=\"py-16 bg-ritual-light\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"font-playfair text-4xl font-bold text-ritual-green mb-4\">Amazing Rewards Await<\/h2>\r\n <p class=\"text-ritual-sage text-lg\">Complete challenges and unlock these exclusive benefits<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-4 gap-6\">\r\n <div class=\"bg-white rounded-2xl p-6 text-center hover-lift\">\r\n <div class=\"w-16 h-16 bg-ritual-gold rounded-full mx-auto mb-4 flex items-center justify-center\"><span class=\"text-2xl\">\ud83c\udf81<\/span><\/div>\r\n <h3 class=\"font-playfair text-lg font-bold text-ritual-green mb-2\">Free Products<\/h3>\r\n <p class=\"text-ritual-sage text-sm\">Get full-size products as rewards for completing challenges<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl p-6 text-center hover-lift\">\r\n <div class=\"w-16 h-16 bg-ritual-sage rounded-full mx-auto mb-4 flex items-center justify-center\"><span class=\"text-2xl text-white\">\ud83d\udcb0<\/span><\/div>\r\n <h3 class=\"font-playfair text-lg font-bold text-ritual-green mb-2\">Exclusive Discounts<\/h3>\r\n <p class=\"text-ritual-sage text-sm\">Up to 50% OFF on your next purchase<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl p-6 text-center hover-lift\">\r\n <div class=\"w-16 h-16 bg-ritual-green rounded-full mx-auto mb-4 flex items-center justify-center\"><span class=\"text-2xl text-white\">\ud83d\udc51<\/span><\/div>\r\n <h3 class=\"font-playfair text-lg font-bold text-ritual-green mb-2\">VIP Access<\/h3>\r\n <p class=\"text-ritual-sage text-sm\">Early access to new products and exclusive events<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl p-6 text-center hover-lift\">\r\n <div class=\"w-16 h-16 bg-ritual-forest rounded-full mx-auto mb-4 flex items-center justify-center\"><span class=\"text-2xl text-white\">\ud83c\udfc6<\/span><\/div>\r\n <h3 class=\"font-playfair text-lg font-bold text-ritual-green mb-2\">Recognition<\/h3>\r\n <p class=\"text-ritual-sage text-sm\">Feature on our social media and website<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"challengeModal\" class=\"fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4\">\r\n <div class=\"bg-white rounded-2xl max-w-2xl w-full max-h-[90vh] overflow-y-auto\">\r\n <div class=\"p-8\">\r\n <div class=\"flex justify-between items-center mb-6\">\r\n <h2 id=\"modalTitle\" class=\"font-playfair text-2xl font-bold text-ritual-green\">Challenge Submission<\/h2>\r\n <button onclick=\"closeModal()\" class=\"text-ritual-sage hover:text-ritual-green text-2xl\">×<\/button>\r\n <\/div>\r\n\r\n \r\n <iframe name=\"rituelUploadTarget\" style=\"display:none;\"><\/iframe>\r\n\r\n <form id=\"challengeForm\" class=\"space-y-6\" method=\"POST\" enctype=\"multipart\/form-data\" target=\"rituelUploadTarget\" action=\"\">\r\n \r\n <input type=\"hidden\" name=\"challenge_type\" id=\"challenge_type\" value=\"\">\r\n <input type=\"hidden\" name=\"title\" id=\"challenge_title\" value=\"\">\r\n <input type=\"hidden\" name=\"reward\" id=\"challenge_reward\" value=\"\">\r\n \r\n <input type=\"hidden\" name=\"filePayloads\" id=\"filePayloads\" value=\"\">\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-4\">\r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Full Name *<\/label>\r\n <input type=\"text\" name=\"full_name\" required class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Email Address *<\/label>\r\n <input type=\"email\" name=\"email\" required class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-4\">\r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Phone Number *<\/label>\r\n <input type=\"tel\" name=\"phone\" required class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Instagram Handle<\/label>\r\n <input type=\"text\" name=\"instagram\" placeholder=\"@yourusername\" class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Facebook Profile<\/label>\r\n <input type=\"text\" name=\"facebook\" placeholder=\"facebook.com\/yourprofile\" class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\">\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Upload Your Content *<\/label>\r\n <div id=\"uploadArea\" class=\"upload-area rounded-lg p-8 text-center cursor-pointer\">\r\n <div class=\"mb-4\"><span class=\"text-4xl text-ritual-sage\">\ud83d\udcc1<\/span><\/div>\r\n <p class=\"text-ritual-green font-medium mb-2\">Drag and drop your files here<\/p>\r\n <p class=\"text-ritual-sage text-sm mb-4\">or click to browse<\/p>\r\n \r\n <input type=\"file\" id=\"fileInput\" name=\"files\" multiple accept=\"image\/*,video\/*\" class=\"hidden\">\r\n <input type=\"file\" id=\"fileInputAlt\" name=\"files[]\" multiple accept=\"image\/*,video\/*\" class=\"hidden\">\r\n <button type=\"button\" onclick=\"document.getElementById('fileInput').click()\" class=\"btn px-6 py-2 rounded-full transition-colors\">Choose Files<\/button>\r\n <\/div>\r\n <div id=\"fileList\" class=\"mt-4 space-y-2\"><\/div>\r\n <p id=\"uploadHint\" class=\"text-xs text-ritual-sage mt-2\">Max ~20MB totais. Fotos\/v\u00eddeos s\u00e3o enviados em Base64 para m\u00e1xima compatibilidade.<\/p>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Tell us about your experience<\/label>\r\n <textarea name=\"description\" rows=\"4\" placeholder=\"Share your Le Rituel journey...\" class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\"><\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-start space-x-3\">\r\n <input type=\"checkbox\" id=\"terms\" name=\"terms\" required class=\"mt-1\">\r\n <label for=\"terms\" class=\"text-sm text-ritual-green\">\r\n I agree to allow Le Rituel to use my submitted content for marketing purposes and confirm that all information provided is accurate. *\r\n <\/label>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-4\">\r\n <button id=\"submitBtn\" type=\"submit\" class=\"btn flex-1 py-4 rounded-full font-semibold transition-colors\">\r\n Submit Challenge\r\n <\/button>\r\n <button type=\"button\" onclick=\"closeModal()\" class=\"px-8 py-4 border border-ritual-sage text-ritual-sage rounded-full hover:bg-ritual-sage hover:text-white transition-colors\">\r\n Cancel\r\n <\/button>\r\n <\/div>\r\n <div id=\"progressMsg\" class=\"text-ritual-sage text-sm mt-2 hidden\">Preparing files\u2026<\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"successModal\" class=\"fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4\">\r\n <div class=\"bg-white rounded-2xl max-w-md w-full p-8 text-center\">\r\n <div class=\"w-20 h-20 bg-ritual-gold rounded-full mx-auto mb-6 flex items-center justify-center\">\r\n <span class=\"text-3xl\">\ud83c\udf89<\/span>\r\n <\/div>\r\n <h2 class=\"font-playfair text-2xl font-bold text-ritual-green mb-4\">Challenge Submitted!<\/h2>\r\n <p class=\"text-ritual-sage mb-6\">Thank you for participating! We'll review your submission and send your reward within 24-48 hours.<\/p>\r\n <button onclick=\"closeSuccessModal()\" class=\"btn px-8 py-3 rounded-full font-semibold transition-colors\">\r\n Continue Exploring\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/* ====== CONFIG ====== *\/\r\n const GAS_WEBAPP_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbwlpebmcoveKXpLUkbGjJUEsBMqd1rFUU9Oo0rdqYJx19dvpMnMjkUU1ul45sCiqXKtBg\/exec\";\r\n const MAX_TOTAL_MB = 30; \/\/ ajuste se quiser\r\n\r\n let currentChallenge = '';\r\n const challenges = {\r\n unboxing: { title:'Unboxing Video Challenge', reward:'50% OFF Coupon', description:'Record yourself unboxing your Le Rituel products and share your excitement!' },\r\n beforeafter: { title:'Before & After Photos', reward:'Free Product', description:'Show your skin transformation journey with Le Rituel products' },\r\n social: { title:'Social Media Share', reward:'25% OFF Coupon', description:'Share your Le Rituel routine on your social media' }\r\n };\r\n\r\n function openChallenge(chType){\r\n currentChallenge = chType;\r\n document.getElementById('modalTitle').textContent = challenges[chType].title;\r\n document.getElementById('challenge_type').value = chType;\r\n document.getElementById('challenge_title').value = challenges[chType].title;\r\n document.getElementById('challenge_reward').value= challenges[chType].reward;\r\n document.getElementById('challengeModal').classList.remove('hidden');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n function closeModal(){ document.getElementById('challengeModal').classList.add('hidden'); document.body.style.overflow='auto'; resetForm(); }\r\n function closeSuccessModal(){ document.getElementById('successModal').classList.add('hidden'); document.body.style.overflow='auto'; }\r\n function resetForm(){ document.getElementById('challengeForm').reset(); document.getElementById('fileList').innerHTML=''; document.getElementById('filePayloads').value=''; }\r\n\r\n \/\/ Upload UX\r\n const uploadArea = document.getElementById('uploadArea');\r\n const fileInput = document.getElementById('fileInput'); \/\/ name=\"files\"\r\n const fileInput2 = document.getElementById('fileInputAlt'); \/\/ name=\"files[]\"\r\n const fileList = document.getElementById('fileList');\r\n\r\n uploadArea.addEventListener('dragover', (e)=>{ e.preventDefault(); uploadArea.classList.add('dragover'); });\r\n uploadArea.addEventListener('dragleave', ()=> uploadArea.classList.remove('dragover'));\r\n uploadArea.addEventListener('drop', (e)=>{\r\n e.preventDefault(); uploadArea.classList.remove('dragover');\r\n setFilesFromList(e.dataTransfer.files);\r\n });\r\n fileInput.addEventListener('change', (e)=> setFilesFromList(e.target.files));\r\n\r\n function setFilesFromList(files){\r\n renderFileList(files);\r\n \/\/ Espelha nos dois inputs (compat), para o caso do GAS ler e.files\r\n const dt1 = new DataTransfer(), dt2 = new DataTransfer();\r\n Array.from(files).forEach(f=>{ dt1.items.add(f); dt2.items.add(f); });\r\n fileInput.files = dt1.files;\r\n fileInput2.files = dt2.files;\r\n }\r\n\r\n function renderFileList(files){\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach((file, index)=>{\r\n const row = document.createElement('div');\r\n row.className = 'flex items-center justify-between bg-ritual-cream p-3 rounded-lg';\r\n row.innerHTML = `\r\n <div class=\"flex items-center space-x-3\">\r\n <span class=\"text-ritual-green\">${file.type.startsWith('video\/') ? '\ud83c\udfa5' : '\ud83d\udcf7'}<\/span>\r\n <span class=\"text-ritual-green font-medium\">${file.name}<\/span>\r\n <span class=\"text-ritual-sage text-sm\">(${(file.size\/1024\/1024).toFixed(2)} MB)<\/span>\r\n <\/div>\r\n <button type=\"button\" class=\"text-ritual-sage hover:text-red-500\" onclick=\"removeFile(${index})\">\u2715<\/button>`;\r\n fileList.appendChild(row);\r\n });\r\n }\r\n\r\n function removeFile(index){\r\n const files = fileInput.files;\r\n const dt1 = new DataTransfer(), dt2 = new DataTransfer();\r\n for (let i=0;i<files.length;i++){ if(i!==index){ dt1.items.add(files[i]); dt2.items.add(files[i]); } }\r\n fileInput.files = dt1.files;\r\n fileInput2.files = dt2.files;\r\n renderFileList(fileInput.files);\r\n }\r\n\r\n \/\/ Converte arquivos em Base64 (DataURL) e coloca no hidden \"filePayloads\"\r\n async function buildBase64Payload(files){\r\n const totalMB = Array.from(files).reduce((sum,f)=> sum + (f.size\/1024\/1024), 0);\r\n if (totalMB > MAX_TOTAL_MB) throw new Error(`Total file size exceeds ${MAX_TOTAL_MB}MB`);\r\n\r\n const payload = [];\r\n for (const file of files){\r\n const dataUrl = await readAsDataURL(file);\r\n \/\/ Mantemos s\u00f3 a parte Base64 (depois da v\u00edrgula) para reduzir tamanho\r\n const b64 = dataUrl.split(',').pop();\r\n payload.push({ name:file.name, type:file.type || 'application\/octet-stream', dataB64:b64 });\r\n }\r\n return JSON.stringify(payload);\r\n }\r\n\r\n function readAsDataURL(file){\r\n return new Promise((resolve, reject)=>{\r\n const fr = new FileReader();\r\n fr.onerror = ()=> reject(new Error(`Failed to read ${file.name}`));\r\n fr.onload = ()=> resolve(fr.result);\r\n fr.readAsDataURL(file);\r\n });\r\n }\r\n\r\n \/\/ Submiss\u00e3o para o Apps Script via IFRAME\r\n const form = document.getElementById('challengeForm');\r\n const submitBtn = document.getElementById('submitBtn');\r\n const progressMsg = document.getElementById('progressMsg');\r\n\r\n form.addEventListener('submit', async (e)=>{\r\n e.preventDefault();\r\n\r\n if (!currentChallenge){ alert('Please select a challenge.'); return; }\r\n if (!form.checkValidity()){ form.reportValidity(); return; }\r\n if (!fileInput.files || fileInput.files.length === 0){\r\n alert('Please upload at least one file.'); return;\r\n }\r\n\r\n try{\r\n progressMsg.classList.remove('hidden');\r\n progressMsg.textContent = 'Preparing files\u2026';\r\n \/\/ Gera Base64 e grava no hidden\r\n const payloadJson = await buildBase64Payload(fileInput.files);\r\n document.getElementById('filePayloads').value = payloadJson;\r\n\r\n \/\/ Define action e envia\r\n form.action = GAS_WEBAPP_URL;\r\n submitBtn.disabled = true; submitBtn.textContent = 'Submitting\u2026';\r\n\r\n const target = document.getElementsByName('rituelUploadTarget')[0];\r\n const onDone = ()=>{\r\n target.removeEventListener('load', onDone);\r\n submitBtn.disabled = false; submitBtn.textContent = 'Submit Challenge';\r\n progressMsg.classList.add('hidden');\r\n closeModal();\r\n document.getElementById('successModal').classList.remove('hidden');\r\n };\r\n target.addEventListener('load', onDone);\r\n form.submit();\r\n }catch(err){\r\n progressMsg.classList.add('hidden');\r\n alert(err.message || 'There was an error preparing your files.');\r\n }\r\n });\r\n <\/script>\r\n\r\n \r\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'x',t:'x'};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a23d31c e-flex e-con-boxed e-con e-parent\" data-id=\"a23d31c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-4381","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>skin-Analysis - Le Rituel<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lerituelhealthcare.com\/pt\/skin-analysis\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"skin-Analysis - Le Rituel\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lerituelhealthcare.com\/pt\/skin-analysis\/\" \/>\n<meta property=\"og:site_name\" content=\"Le Rituel\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-23T01:11:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/skin-analysis\\\/\",\"url\":\"https:\\\/\\\/lerituelhealthcare.com\\\/skin-analysis\\\/\",\"name\":\"skin-Analysis - Le Rituel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#website\"},\"datePublished\":\"2025-08-15T16:24:03+00:00\",\"dateModified\":\"2025-08-23T01:11:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/skin-analysis\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lerituelhealthcare.com\\\/skin-analysis\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/skin-analysis\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lerituelhealthcare.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"skin-Analysis\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#website\",\"url\":\"https:\\\/\\\/lerituelhealthcare.com\\\/\",\"name\":\"Le Rituel\",\"description\":\"Skincare Products\",\"publisher\":{\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lerituelhealthcare.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#organization\",\"name\":\"Le Rituel\",\"url\":\"https:\\\/\\\/lerituelhealthcare.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/lerituelhealthcare.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Ativo-12-e1769621366321.png\",\"contentUrl\":\"https:\\\/\\\/lerituelhealthcare.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Ativo-12-e1769621366321.png\",\"width\":1333,\"height\":487,\"caption\":\"Le Rituel\"},\"image\":{\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"skin-Analysis - Le Rituel","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lerituelhealthcare.com\/pt\/skin-analysis\/","og_locale":"pt_BR","og_type":"article","og_title":"skin-Analysis - Le Rituel","og_url":"https:\/\/lerituelhealthcare.com\/pt\/skin-analysis\/","og_site_name":"Le Rituel","article_modified_time":"2025-08-23T01:11:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lerituelhealthcare.com\/skin-analysis\/","url":"https:\/\/lerituelhealthcare.com\/skin-analysis\/","name":"skin-Analysis - Le Rituel","isPartOf":{"@id":"https:\/\/lerituelhealthcare.com\/#website"},"datePublished":"2025-08-15T16:24:03+00:00","dateModified":"2025-08-23T01:11:44+00:00","breadcrumb":{"@id":"https:\/\/lerituelhealthcare.com\/skin-analysis\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lerituelhealthcare.com\/skin-analysis\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lerituelhealthcare.com\/skin-analysis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lerituelhealthcare.com\/"},{"@type":"ListItem","position":2,"name":"skin-Analysis"}]},{"@type":"WebSite","@id":"https:\/\/lerituelhealthcare.com\/#website","url":"https:\/\/lerituelhealthcare.com\/","name":"Le Rituel","description":"Skincare Products","publisher":{"@id":"https:\/\/lerituelhealthcare.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lerituelhealthcare.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/lerituelhealthcare.com\/#organization","name":"Le Rituel","url":"https:\/\/lerituelhealthcare.com\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/lerituelhealthcare.com\/#\/schema\/logo\/image\/","url":"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2026\/01\/Ativo-12-e1769621366321.png","contentUrl":"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2026\/01\/Ativo-12-e1769621366321.png","width":1333,"height":487,"caption":"Le Rituel"},"image":{"@id":"https:\/\/lerituelhealthcare.com\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/pages\/4381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/comments?post=4381"}],"version-history":[{"count":94,"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/pages\/4381\/revisions"}],"predecessor-version":[{"id":4828,"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/pages\/4381\/revisions\/4828"}],"wp:attachment":[{"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/media?parent=4381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Le Rituel - Skin Self-Knowledge Ritual<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'ritual-green': '#4e6b4c',\r\n 'ritual-gold': '#f1d5a3',\r\n 'ritual-cream': '#fcf3e2',\r\n 'ritual-sage': '#a6ad8c',\r\n 'ritual-forest': '#68815a',\r\n 'ritual-light': '#eeeeee'\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n \r\n .font-playfair { font-family: 'Playfair Display', serif; }\r\n .font-inter { font-family: 'Inter', sans-serif; }\r\n \r\n .gradient-bg {\r\n background: linear-gradient(135deg, #fcf3e2 0%, #f1d5a3 50%, #a6ad8c 100%);\r\n }\r\n \r\n .hover-lift {\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .hover-lift:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 25px rgba(78, 107, 76, 0.15);\r\n }\r\n \r\n .floating {\r\n animation: floating 3s ease-in-out infinite;\r\n }\r\n \r\n @keyframes floating {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n \r\n .progress-bar {\r\n background: linear-gradient(90deg, #4e6b4c 0%, #68815a 100%);\r\n transition: width 0.5s ease;\r\n }\r\n \r\n .question-card {\r\n background: linear-gradient(145deg, #ffffff 0%, #fcf3e2 100%);\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .question-card.active {\r\n border-color: #4e6b4c;\r\n box-shadow: 0 8px 25px rgba(78, 107, 76, 0.15);\r\n }\r\n \r\n .option-card {\r\n background: white;\r\n border: 2px solid #a6ad8c;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n \r\n .option-card:hover {\r\n border-color: #4e6b4c;\r\n background-color: #fcf3e2;\r\n }\r\n \r\n .option-card.selected {\r\n border-color: #4e6b4c;\r\n background: linear-gradient(145deg, #4e6b4c 0%, #68815a 100%);\r\n color: white;\r\n }\r\n \r\n .skin-type-card {\r\n background: linear-gradient(145deg, #ffffff 0%, #fcf3e2 100%);\r\n border: 2px solid #f1d5a3;\r\n }\r\n \r\n .product-card {\r\n background: white;\r\n border: 1px solid #a6ad8c;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .product-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 20px rgba(78, 107, 76, 0.15);\r\n }\r\n \r\n .fade-in {\r\n animation: fadeIn 0.6s ease-in;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .slide-in {\r\n animation: slideIn 0.5s ease-out;\r\n }\r\n \r\n @keyframes slideIn {\r\n from { transform: translateX(-100%); opacity: 0; }\r\n to { transform: translateX(0); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-inter bg-ritual-cream min-h-screen\">\r\n \r\n <header class=\"bg-white shadow-lg sticky top-0 z-50\">\r\n <div class=\"container mx-auto px-6 py-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center space-x-4\">\r\n <div class=\"w-12 h-12 bg-ritual-green rounded-full flex items-center justify-center\">\r\n <span class=\"text-white font-playfair font-bold text-xl\">LR<\/span>\r\n <\/div>\r\n <div>\r\n <h1 class=\"font-playfair text-2xl font-bold text-ritual-green\">Le Rituel<\/h1>\r\n <p class=\"text-xs text-ritual-sage\">Personalized Analysis<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"flex items-center space-x-4\">\r\n <div class=\"hidden md:flex items-center space-x-2\">\r\n <span class=\"text-ritual-gold text-lg\">\u2728<\/span>\r\n <span class=\"text-ritual-green font-semibold\">Discover Your Skin<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section id=\"hero\" class=\"gradient-bg py-16\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <div class=\"floating mb-8\">\r\n <div class=\"w-24 h-24 bg-ritual-green rounded-full mx-auto flex items-center justify-center mb-6\">\r\n <span class=\"text-white text-4xl\">\ud83d\udd0d<\/span>\r\n <\/div>\r\n <\/div>\r\n <h2 class=\"font-playfair text-5xl font-bold text-ritual-green mb-6\">\r\n Welcome to Your Skin <span class=\"text-ritual-forest\">Self-Knowledge Ritual<\/span> \u2728\r\n <\/h2>\r\n <p class=\"text-ritual-green text-xl mb-8 max-w-3xl mx-auto leading-relaxed\">\r\n Answer a few quick questions and discover your skin diagnosis and the ideal Le Rituel ritual for it.\r\n <\/p>\r\n \r\n <div class=\"bg-white\/80 backdrop-blur-sm rounded-2xl p-6 max-w-md mx-auto mb-8\">\r\n <div class=\"text-ritual-green text-center\">\r\n <div class=\"font-semibold mb-2\">What you'll get:<\/div>\r\n <div class=\"text-sm space-y-1\">\r\n <div>\u2713 Personalized result + recommended products<\/div>\r\n <div>\u2713 Complete ritual for your skin type<\/div>\r\n <div>\u2713 Expert guidance from Elaine Martins<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <button onclick=\"startQuiz()\" class=\"bg-ritual-green text-white px-10 py-4 rounded-full font-semibold hover:bg-ritual-forest transition-all hover-lift text-lg\">\r\n Start Your Ritual Discovery\r\n <\/button>\r\n \r\n <div class=\"mt-8 flex justify-center space-x-8 text-ritual-green\">\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold\">6<\/div>\r\n <div class=\"text-sm\">Questions<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold\">Less than 2min<\/div>\r\n <div class=\"text-sm\">Duration<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold\">100%<\/div>\r\n <div class=\"text-sm\">Personalized<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"quiz\" class=\"py-16 bg-white hidden\">\r\n <div class=\"container mx-auto px-6 max-w-4xl\">\r\n \r\n <div class=\"mb-8\">\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-ritual-green font-medium\">Progress<\/span>\r\n <span id=\"progressText\" class=\"text-ritual-sage\">1 of 5<\/span>\r\n <\/div>\r\n <div class=\"w-full bg-ritual-light rounded-full h-3\">\r\n <div id=\"progressBar\" class=\"progress-bar h-3 rounded-full\" style=\"width: 20%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"questionContainer\" class=\"question-card rounded-2xl p-8 shadow-lg active fade-in\">\r\n <div class=\"text-center mb-8\">\r\n <div id=\"questionIcon\" class=\"w-16 h-16 bg-ritual-gold rounded-full mx-auto mb-4 flex items-center justify-center\">\r\n <span class=\"text-2xl\">\ud83d\udca7<\/span>\r\n <\/div>\r\n <h3 id=\"questionTitle\" class=\"font-playfair text-2xl font-bold text-ritual-green mb-4\">\r\n How would you describe your skin in the morning?\r\n <\/h3>\r\n <p id=\"questionSubtitle\" class=\"text-ritual-sage\">\r\n Think about how your skin feels when you wake up\r\n <\/p>\r\n <\/div>\r\n\r\n <div id=\"optionsContainer\" class=\"grid md:grid-cols-2 gap-4 mb-8\">\r\n \r\n <\/div>\r\n\r\n <div class=\"flex justify-between\">\r\n <button id=\"prevBtn\" onclick=\"previousQuestion()\" class=\"px-6 py-3 border border-ritual-sage text-ritual-sage rounded-full hover:bg-ritual-sage hover:text-white transition-colors hidden\">\r\n \u2190 Previous\r\n <\/button>\r\n <div class=\"flex-1\"><\/div>\r\n <button id=\"nextBtn\" onclick=\"nextQuestion()\" class=\"px-8 py-3 rounded-full font-semibold transition-colors opacity-50 cursor-not-allowed\" style=\"background-color: #a6ad8c; color: white;\" disabled>\r\n Next \u2192\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"results\" class=\"py-16 bg-ritual-light hidden\">\r\n <div class=\"container mx-auto px-6 max-w-6xl\">\r\n <div class=\"text-center mb-12 fade-in\">\r\n <div class=\"w-20 h-20 bg-ritual-gold rounded-full mx-auto mb-6 flex items-center justify-center\">\r\n <span class=\"text-3xl\">\ud83c\udfaf<\/span>\r\n <\/div>\r\n <h2 class=\"font-playfair text-4xl font-bold text-ritual-green mb-4\">Your Analysis is Ready!<\/h2>\r\n <p class=\"text-ritual-sage text-lg\">Based on your answers, we identified your skin type and selected the ideal products<\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"skinTypeResult\" class=\"skin-type-card rounded-2xl p-8 shadow-lg mb-12 fade-in\">\r\n \r\n <\/div>\r\n\r\n \r\n <div class=\"mb-12\">\r\n <h3 class=\"font-playfair text-3xl font-bold text-ritual-green text-center mb-8\">Recommended Products For You<\/h3>\r\n <div id=\"recommendedProducts\" class=\"grid md:grid-cols-3 gap-6\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-2xl p-8 shadow-lg fade-in\">\r\n <h3 class=\"font-playfair text-2xl font-bold text-ritual-green text-center mb-6\">\u2728 Your Le Rituel Ritual<\/h3>\r\n <div id=\"routineSteps\" class=\"space-y-4\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-center mt-12\">\r\n <button onclick=\"restartQuiz()\" class=\"bg-ritual-sage text-white px-8 py-3 rounded-full font-semibold hover:bg-ritual-green transition-colors mr-4\">\r\n Retake Analysis\r\n <\/button>\r\n \r\n <button onclick=\"generatePDFOnce()\" class=\"bg-ritual-forest text-white px-8 py-3 rounded-full font-semibold hover:bg-ritual-green transition-colors\">\r\n \ud83d\udcbe Generate PDF\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Quiz data\r\n const questions = [\r\n {\r\n id: 1,\r\n icon: \"\ud83e\udd1a\",\r\n title: \"How would you describe your skin to the touch?\",\r\n subtitle: \"Think about the texture and feel of your skin\",\r\n options: [\r\n { text: \"Rough or dry\", value: \"dry\", icon: \"\ud83c\udfdc\ufe0f\" },\r\n { text: \"Very oily, with constant shine\", value: \"oily\", icon: \"\u2728\" },\r\n { text: \"Neither too dry nor too oily\", value: \"normal\", icon: \"\ud83d\ude0c\" },\r\n { text: \"Mixed (oily T-zone, dry cheeks)\", value: \"combination\", icon: \"\ud83c\udfad\" }\r\n ]\r\n },\r\n {\r\n id: 2,\r\n icon: \"\ud83e\uddfc\",\r\n title: \"After washing your face, what do you feel?\",\r\n subtitle: \"Consider the immediate sensation after cleansing\",\r\n options: [\r\n { text: \"Immediate tightness\", value: \"dehydrated\", icon: \"\ud83d\ude23\" },\r\n { text: \"Quick shine within hours\", value: \"oily\", icon: \"\u2728\" },\r\n { text: \"Comfortable skin\", value: \"normal\", icon: \"\ud83d\ude0a\" },\r\n { text: \"Redness, burning or itching\", value: \"sensitive\", icon: \"\ud83d\udd25\" }\r\n ]\r\n },\r\n {\r\n id: 3,\r\n icon: \"\ud83d\udd34\",\r\n title: \"How often does your skin have pimples or blackheads?\",\r\n subtitle: \"Think about your skin's tendency to break out\",\r\n options: [\r\n { text: \"Always, it's recurring\", value: \"acne\", icon: \"\ud83d\udd34\" },\r\n { text: \"Sometimes, near menstruation or stress\", value: \"acne_tendency\", icon: \"\ud83d\udfe1\" },\r\n { text: \"Rarely or never\", value: \"clear\", icon: \"\u2705\" }\r\n ]\r\n },\r\n {\r\n id: 4,\r\n icon: \"\u23f0\",\r\n title: \"Do you feel your skin is aging?\",\r\n subtitle: \"Consider visible signs of aging\",\r\n options: [\r\n { text: \"Yes, I notice lines, sagging or spots\", value: \"mature\", icon: \"\ud83d\udcc5\" },\r\n { text: \"I don't see visible signs yet\", value: \"young\", icon: \"\u2728\" },\r\n { text: \"I already use anti-aging creams\", value: \"prevention\", icon: \"\ud83d\udee1\ufe0f\" }\r\n ]\r\n },\r\n {\r\n id: 5,\r\n icon: \"\ud83d\udfe4\",\r\n title: \"Does your skin have spots or melasma?\",\r\n subtitle: \"Look for dark spots or uneven pigmentation\",\r\n options: [\r\n { text: \"Yes, definitely!\", value: \"hyperpigmented\", icon: \"\ud83d\udfe4\" },\r\n { text: \"Some light ones\", value: \"mild_spots\", icon: \"\ud83d\udfe1\" },\r\n { text: \"I don't have spots\", value: \"no_spots\", icon: \"\u2728\" }\r\n ]\r\n },\r\n {\r\n id: 6,\r\n icon: \"\ud83c\udf21\ufe0f\",\r\n title: \"How does your skin react to new products or climate changes?\",\r\n subtitle: \"Consider your skin's sensitivity level\",\r\n options: [\r\n { text: \"Gets irritated easily\", value: \"sensitive\", icon: \"\ud83d\udd25\" },\r\n { text: \"Reacts well most of the time\", value: \"tolerant\", icon: \"\ud83d\udc4d\" },\r\n { text: \"Never had a reaction\", value: \"resistant\", icon: \"\ud83d\udee1\ufe0f\" }\r\n ]\r\n }\r\n];\r\n\r\n\/\/ Skin types and recommendations\r\nconst skinTypes = {\r\n dry: {\r\n name: \"Dry Skin\",\r\n icon: \"\ud83d\udca7\",\r\n description:\r\n \"Your skin is lacking nutrition. The skin barrier is weakened, resulting in rough texture, flaking and lack of radiance. It's time to restore comfort, protection and hydration from the inside out.\",\r\n characteristics: [\r\n \"Weakened skin barrier\",\r\n \"Rough texture and flaking\",\r\n \"Lack of natural radiance\",\r\n \"Needs intense nutrition\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83e\uddf4 Revita Cell Cream\",\r\n description: \"Intense nutrition and regeneration\",\r\n benefits: \"Restores skin barrier and provides lasting comfort\",\r\n price: \"100.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-cream\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-19.png\"\r\n },\r\n {\r\n name: \"\ud83e\uddec PDRN Serum\",\r\n description: \"Deep cellular repair and barrier restoration\",\r\n benefits: \"Advanced regeneration technology\",\r\n price: \"50.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/pdrn-elixir-serum-le-rituel\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2025\/04\/Dedicated-to-Real-Results.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Multi Collagen\",\r\n description: \"Strengthens skin structure and retains hydration\",\r\n benefits: \"Internal support for skin health\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/multi-type-hydrolyzed-collagen-protein\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/Collagen-multi-protein.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Luxury Sunscreen\",\r\n description: \"Protects and hydrates with lightness\",\r\n benefits: \"Daily protection without heaviness\",\r\n price: \"45.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/luxury-sunscreen-anti-aging-50-spf\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/luxury-sunscreen.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"PDRN Serum + Revita Cell Cream + Luxury Sunscreen\" },\r\n { step: \"Night\", action: \"PDRN Serum + Revita Cell Cream\" },\r\n { step: \"Daily\", action: \"Multi Collagen supplement\" }\r\n ]\r\n },\r\n dehydrated: {\r\n name: \"Dehydrated Skin\",\r\n icon: \"\ud83d\udca6\",\r\n description:\r\n \"Even if oily or combination, your skin is suffering from lack of water. It feels tight, loses radiance and makeup cracks. The focus is to hydrate deeply and restore water balance.\",\r\n characteristics: [\r\n \"Lacks water even if oily\",\r\n \"Tight feeling and lost radiance\",\r\n \"Makeup doesn't apply smoothly\",\r\n \"Needs deep hydration\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83e\uddfc Turmeric Cleansing Foam\",\r\n description: \"Cleansing that respects hydration\",\r\n benefits: \"Gentle cleansing without stripping\",\r\n price: \"29.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/turmeric-cleansing-mousse\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/cleansing-mousse-turmeric.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf4a Vitamin C Serum\",\r\n description: \"Stimulates collagen and helps water retention\",\r\n benefits: \"Antioxidant protection and hydration boost\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/vitamin-c-serum-anti-aging\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/serum-vitamin-c.png\"\r\n },\r\n {\r\n name: \"\ud83e\uddf4 Revita Cell Cream\",\r\n description: \"Reinforced skin barrier and lasting hydration\",\r\n benefits: \"Deep moisture restoration\",\r\n price: \"100.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-cream\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-19.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Multi Collagen\",\r\n description: \"Retains water in deep skin layers\",\r\n benefits: \"Internal hydration support\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/multi-type-hydrolyzed-collagen-protein\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/Collagen-multi-protein.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Turmeric Golden Glow\",\r\n description: \"Anti-inflammatory and gut support\",\r\n benefits: \"Internal wellness for skin health\",\r\n price: \"25.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/turmeric-golden-glow\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/turmeric-golden-glow.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"Turmeric Cleansing Foam + Vitamin C Serum + Revita Cell Cream + Sunscreen\" },\r\n { step: \"Night\", action: \"Turmeric Cleansing Foam + Vitamin C Serum + Revita Cell Cream\" },\r\n { step: \"Daily\", action: \"Multi Collagen + Turmeric Golden Glow supplements\" }\r\n ]\r\n },\r\n mature: {\r\n name: \"Mature Skin\",\r\n icon: \"\u23f0\",\r\n description:\r\n \"Signs like sagging, wrinkles and spots indicate that skin needs regeneration and collagen stimulation. The goal here is to restore firmness, radiance and youthfulness.\",\r\n characteristics: [\r\n \"Visible signs of aging\",\r\n \"Loss of firmness and elasticity\",\r\n \"Fine lines and wrinkles\",\r\n \"Needs regeneration and collagen boost\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83e\uddec Revita Cell Serum\",\r\n description: \"Regeneration and fibroblast activation\",\r\n benefits: \"Advanced anti-aging technology\",\r\n price: \"99.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-serum\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-17.png\"\r\n },\r\n {\r\n name: \"\ud83e\uddf4 Revita Cell Cream\",\r\n description: \"Rich nutrition with lifting touch\",\r\n benefits: \"Firming and nourishing formula\",\r\n price: \"100.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-cream\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-19.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc41 Revita Cell Eye Cream\",\r\n description: \"Softens dark circles and fine lines\",\r\n benefits: \"Specialized eye area care\",\r\n price: \"55.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-eye-cream\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-18.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Multi Collagen\",\r\n description: \"Internal support for firmness and elasticity\",\r\n benefits: \"Collagen production boost\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/multi-type-hydrolyzed-collagen-protein\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/Collagen-multi-protein.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Luxury Sunscreen\",\r\n description: \"Protection against solar aging\",\r\n benefits: \"Prevention of further damage\",\r\n price: \"45.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/luxury-sunscreen-anti-aging-50-spf\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/luxury-sunscreen.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"Revita Cell Serum + Revita Cell Cream + Eye Cream + Luxury Sunscreen\" },\r\n { step: \"Night\", action: \"Revita Cell Serum + Revita Cell Cream + Eye Cream\" },\r\n { step: \"Daily\", action: \"Multi Collagen supplement\" }\r\n ]\r\n },\r\n sensitive: {\r\n name: \"Sensitive Skin\",\r\n icon: \"\ud83d\udd25\",\r\n description:\r\n \"Your skin reacts easily with redness, burning or itching. This shows a weakened barrier. The ideal care is made with soothing and safe actives.\",\r\n characteristics: [\r\n \"Easily irritated and reactive\",\r\n \"Redness and inflammation\",\r\n \"Weakened skin barrier\",\r\n \"Needs gentle, soothing care\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83d\udca7 Rsooth Rosacea Serum\",\r\n description: \"Calms, strengthens and rebalances\",\r\n benefits: \"Specialized care for sensitive skin\",\r\n price: \"50.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/le-rituel-rsooth-rosacea-treatment-serum\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/10\/13.png\"\r\n },\r\n {\r\n name: \"\ud83e\uddfc SensiGlow Cleansing Mousse\",\r\n description: \"Gentle cleansing with ideal pH\",\r\n benefits: \"Respects sensitive skin barrier\",\r\n price: \"19.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/sensiglow-cleansing-mousse\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/10\/1.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Luxury Sunscreen\",\r\n description: \"Gentle sunscreen for sensitive skin\",\r\n benefits: \"Protection without irritation\",\r\n price: \"45.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/luxury-sunscreen-anti-aging-50-spf\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/luxury-sunscreen.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Turmeric Golden Glow\",\r\n description: \"Anti-inflammatory and internal reinforcement\",\r\n benefits: \"Reduces inflammation from within\",\r\n price: \"25.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/turmeric-golden-glow\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/turmeric-golden-glow.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"SensiGlow Cleansing Mousse + Rsooth Rosacea Serum + Luxury Sunscreen\" },\r\n { step: \"Night\", action: \"SensiGlow Cleansing Mousse + Rsooth Rosacea Serum\" },\r\n { step: \"Daily\", action: \"Turmeric Golden Glow supplement\" }\r\n ]\r\n },\r\n acne: {\r\n name: \"Acne-Prone Skin\",\r\n icon: \"\ud83d\udd34\",\r\n description:\r\n \"Pimples, blackheads and enlarged pores are signs of inflammation and unregulated oiliness. Here, the focus is to purify with balance and treat from the inside out too.\",\r\n characteristics: [\r\n \"Recurring breakouts\",\r\n \"Inflammation and enlarged pores\",\r\n \"Unbalanced oil production\",\r\n \"Needs purifying and balancing care\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83e\uddfc Turmeric Cleansing Foam\",\r\n description: \"Deep cleansing without aggression\",\r\n benefits: \"Purifies while maintaining balance\",\r\n price: \"29.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/turmeric-cleansing-mousse\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/cleansing-mousse-turmeric.png\"\r\n },\r\n {\r\n name: \"\ud83d\udca7 Skin Flare Anti Acne Serum\",\r\n description: \"Acne control with natural actives\",\r\n benefits: \"Targeted treatment for breakouts\",\r\n price: \"50.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/le-rituel-skin-flare-anti-acne-serum\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/10\/16.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Luxury Sunscreen\",\r\n description: \"Non-comedogenic and protective\",\r\n benefits: \"Protection without clogging pores\",\r\n price: \"45.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/luxury-sunscreen-anti-aging-50-spf\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/luxury-sunscreen.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Turmeric Golden Glow\",\r\n description: \"Reduces inflammation and aids healing\",\r\n benefits: \"Internal anti-inflammatory support\",\r\n price: \"25.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/turmeric-golden-glow\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/turmeric-golden-glow.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"Turmeric Cleansing Foam + Skin Flare Anti Acne Serum + Luxury Sunscreen\" },\r\n { step: \"Night\", action: \"Turmeric Cleansing Foam + Skin Flare Anti Acne Serum\" },\r\n { step: \"Daily\", action: \"Turmeric Golden Glow supplement\" }\r\n ]\r\n },\r\n hyperpigmented: {\r\n name: \"Hyperpigmented Skin with Spots and Melasma\",\r\n icon: \"\ud83d\udfe4\",\r\n description:\r\n \"Skin hyperpigmentation indicates excess melanin. This can have hormonal, inflammatory or solar causes. Treatment needs to be intelligent, continuous and protective.\",\r\n characteristics: [\r\n \"Dark spots and uneven pigmentation\",\r\n \"Melasma or sun damage\",\r\n \"Excess melanin production\",\r\n \"Needs brightening and protection\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83d\udca7 Melaning Clear Serum\",\r\n description: \"Progressive and safe brightening\",\r\n benefits: \"Gentle yet effective spot treatment\",\r\n price: \"79.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/melanin-clear-brightening-serum\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/11\/Melanin-Clear-Brightening-Serum-2.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Whitening Skin Pills (Glutathione)\",\r\n description: \"Skin uniformity and cellular detox\",\r\n benefits: \"Internal brightening support\",\r\n price: \"29.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/le-rituel-whitening-skin\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/01\/IMG_8268-e1706647157374.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Sunsafe Pearls\",\r\n description: \"Oral protection against solar radiation\",\r\n benefits: \"Internal sun protection\",\r\n price: \"39.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/sunsafe-pearls\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/03\/SUnsage-Pearls.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf4a Vitamin C Serum\",\r\n description: \"Antioxidant and illuminating\",\r\n benefits: \"Brightens and protects from free radicals\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/vitamin-c-serum-anti-aging\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/serum-vitamin-c.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Glow Tinted Sunscreen\",\r\n description: \"Coverage, protection and treatment in one step\",\r\n benefits: \"Multi-functional daily protection\",\r\n price: \"41.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/tinted-glow-spf-50\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2025\/07\/product-only-.png\"\r\n }\r\n ],\r\n routine: [\r\n { step: \"Morning\", action: \"Vitamin C Serum + Melaning Clear Serum + Glow Tinted Sunscreen\" },\r\n { step: \"Night\", action: \"Melaning Clear Serum + moisturizer\" },\r\n { step: \"Daily\", action: \"Whitening Skin Pills + Sunsafe Pearls supplements\" }\r\n ]\r\n },\r\n dehydrated_spotted: {\r\n name: \"Dehydrated + Spotted Skin\",\r\n icon: \"\ud83d\udca7\ud83d\udfe4\",\r\n description:\r\n \"The combination of lack of water and hyperpigmentation requires intelligent care: brighten safely while restoring hydration and skin barrier function.\",\r\n characteristics: [\r\n \"Combination of dehydration and spots\",\r\n \"Compromised skin barrier\",\r\n \"Needs hydration and brightening\",\r\n \"Requires gentle yet effective treatment\"\r\n ],\r\n products: [\r\n {\r\n name: \"\ud83c\udf4a Vitamin C Serum\",\r\n description: \"Brightens and increases skin hydration\",\r\n benefits: \"Dual action: brightening and hydrating\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/vitamin-c-serum-anti-aging\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/serum-vitamin-c.png\"\r\n },\r\n {\r\n name: \"\ud83d\udca7 Melaning Clear Serum\",\r\n description: \"Brightener that respects sensitive skin\",\r\n benefits: \"Gentle spot treatment\",\r\n price: \"79.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/melanin-clear-brightening-serum\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/11\/Melanin-Clear-Brightening-Serum-2.png\"\r\n },\r\n {\r\n name: \"\ud83e\uddf4 Revita Cell Cream\",\r\n description: \"Nutrition + water retention\",\r\n benefits: \"Restores hydration and barrier\",\r\n price: \"100.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/revita-cell-anti-aging-cream\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/09\/Prancheta-19.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Multi Collagen\",\r\n description: \"Strengthens, hydrates and improves elasticity\",\r\n benefits: \"Internal skin structure support\",\r\n price: \"49.99\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/multi-type-hydrolyzed-collagen-protein\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2023\/08\/Collagen-multi-protein.png\"\r\n },\r\n {\r\n name: \"\ud83d\udc8a Whitening Skin Pills with Glutathione\",\r\n description: \"Brightening and luminosity\",\r\n benefits: \"Internal brightening and detox\",\r\n price: \"29.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/le-rituel-whitening-skin\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2024\/01\/IMG_8268-e1706647157374.png\"\r\n },\r\n {\r\n name: \"\ud83c\udf1e Glow Tinted Sunscreen\",\r\n description: \"Protection with beautifying effect\",\r\n benefits: \"Coverage, protection and treatment\",\r\n price: \"41.00\",\r\n link: \"https:\/\/lerituelhealthcare.com\/shop\/tinted-glow-spf-50\/\",\r\n preview: \"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2025\/07\/product-only-.png\"\r\n }\r\n ],\r\n routine: [\r\n {\r\n step: \"Morning\",\r\n action: \"Vitamin C Serum + Melaning Clear Serum + Revita Cell Cream + Glow Tinted Sunscreen\"\r\n },\r\n { step: \"Night\", action: \"Vitamin C Serum + Melaning Clear Serum + Revita Cell Cream\" },\r\n { step: \"Daily\", action: \"Multi Collagen + Whitening Skin Pills supplements\" }\r\n ]\r\n }\r\n};\r\n\r\n\r\n let currentQuestion = 0;\r\n let answers = {};\r\n let skinTypeResult = '';\r\n\r\n function startQuiz() {\r\n document.getElementById('hero').classList.add('hidden');\r\n document.getElementById('quiz').classList.remove('hidden');\r\n showQuestion(0);\r\n }\r\n\r\n function showQuestion(index) {\r\n const question = questions[index];\r\n currentQuestion = index;\r\n \r\n \/\/ Update progress\r\n const progress = ((index + 1) \/ questions.length) * 100;\r\n document.getElementById('progressBar').style.width = progress + '%';\r\n document.getElementById('progressText').textContent = `${index + 1} of ${questions.length}`;\r\n \r\n \/\/ Update question content\r\n document.getElementById('questionIcon').innerHTML = `<span class=\"text-2xl\">${question.icon}<\/span>`;\r\n document.getElementById('questionTitle').textContent = question.title;\r\n document.getElementById('questionSubtitle').textContent = question.subtitle;\r\n \r\n \/\/ Create options\r\n const optionsContainer = document.getElementById('optionsContainer');\r\n optionsContainer.innerHTML = '';\r\n \r\n question.options.forEach((option, optionIndex) => {\r\n const optionCard = document.createElement('div');\r\n optionCard.className = 'option-card rounded-xl p-4 hover-lift';\r\n optionCard.innerHTML = `\r\n <div class=\"flex items-center space-x-4\">\r\n <div class=\"w-12 h-12 bg-ritual-cream rounded-full flex items-center justify-center\">\r\n <span class=\"text-xl\">${option.icon}<\/span>\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <p class=\"font-medium\">${option.text}<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n optionCard.addEventListener('click', () => selectOption(option.value, optionCard));\r\n optionsContainer.appendChild(optionCard);\r\n });\r\n \r\n \/\/ Update navigation buttons\r\n document.getElementById('prevBtn').classList.toggle('hidden', index === 0);\r\n updateNextButton();\r\n }\r\n\r\n function selectOption(value, card) {\r\n \/\/ Remove previous selection\r\n document.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));\r\n \r\n \/\/ Add selection to clicked card\r\n card.classList.add('selected');\r\n \r\n \/\/ Store answer\r\n answers[currentQuestion] = value;\r\n \r\n \/\/ Enable next button\r\n updateNextButton();\r\n }\r\n\r\n function updateNextButton() {\r\n const nextBtn = document.getElementById('nextBtn');\r\n const hasAnswer = answers[currentQuestion] !== undefined;\r\n \r\n if (hasAnswer) {\r\n nextBtn.disabled = false;\r\n nextBtn.classList.remove('opacity-50', 'cursor-not-allowed');\r\n nextBtn.style.backgroundColor = '#4e6b4c';\r\n nextBtn.onmouseover = () => nextBtn.style.backgroundColor = '#68815a';\r\n nextBtn.onmouseout = () => nextBtn.style.backgroundColor = '#4e6b4c';\r\n } else {\r\n nextBtn.disabled = true;\r\n nextBtn.classList.add('opacity-50', 'cursor-not-allowed');\r\n nextBtn.style.backgroundColor = '#a6ad8c';\r\n nextBtn.onmouseover = null;\r\n nextBtn.onmouseout = null;\r\n }\r\n }\r\n\r\n function nextQuestion() {\r\n if (answers[currentQuestion] === undefined) return;\r\n \r\n if (currentQuestion < questions.length - 1) {\r\n showQuestion(currentQuestion + 1);\r\n } else {\r\n calculateResults();\r\n }\r\n }\r\n\r\n function previousQuestion() {\r\n if (currentQuestion > 0) {\r\n showQuestion(currentQuestion - 1);\r\n }\r\n }\r\n\r\n function calculateResults() {\r\n \/\/ Analyze answers to determine skin type\r\n const answerValues = Object.values(answers);\r\n \r\n \/\/ Create scoring system for each skin type\r\n let scores = {\r\n dry: 0,\r\n dehydrated: 0,\r\n mature: 0,\r\n sensitive: 0,\r\n acne: 0,\r\n hyperpigmented: 0,\r\n dehydrated_spotted: 0\r\n };\r\n \r\n \/\/ Question 1: Skin texture\r\n if (answers[0] === 'dry') {\r\n scores.dry += 3;\r\n } else if (answers[0] === 'oily') {\r\n scores.acne += 2;\r\n scores.dehydrated += 1;\r\n } else if (answers[0] === 'normal') {\r\n scores.dry += 1;\r\n } else if (answers[0] === 'combination') {\r\n scores.dehydrated += 2;\r\n scores.acne += 1;\r\n }\r\n \r\n \/\/ Question 2: After cleansing feeling\r\n if (answers[1] === 'dehydrated') {\r\n scores.dehydrated += 3;\r\n scores.dry += 1;\r\n } else if (answers[1] === 'oily') {\r\n scores.acne += 3;\r\n } else if (answers[1] === 'normal') {\r\n scores.dry += 1;\r\n } else if (answers[1] === 'sensitive') {\r\n scores.sensitive += 3;\r\n }\r\n \r\n \/\/ Question 3: Breakouts frequency\r\n if (answers[2] === 'acne') {\r\n scores.acne += 4;\r\n } else if (answers[2] === 'acne_tendency') {\r\n scores.acne += 2;\r\n scores.sensitive += 1;\r\n } else if (answers[2] === 'clear') {\r\n scores.dry += 1;\r\n scores.mature += 1;\r\n }\r\n \r\n \/\/ Question 4: Aging signs\r\n if (answers[3] === 'mature') {\r\n scores.mature += 4;\r\n } else if (answers[3] === 'prevention') {\r\n scores.mature += 2;\r\n } else if (answers[3] === 'young') {\r\n scores.acne += 1;\r\n }\r\n \r\n \/\/ Question 5: Spots and melasma\r\n if (answers[4] === 'hyperpigmented') {\r\n scores.hyperpigmented += 4;\r\n scores.dehydrated_spotted += 3;\r\n } else if (answers[4] === 'mild_spots') {\r\n scores.hyperpigmented += 2;\r\n scores.dehydrated_spotted += 1;\r\n } else if (answers[4] === 'no_spots') {\r\n scores.dry += 1;\r\n scores.acne += 1;\r\n }\r\n \r\n \/\/ Question 6: Sensitivity\r\n if (answers[5] === 'sensitive') {\r\n scores.sensitive += 3;\r\n scores.dry += 1;\r\n } else if (answers[5] === 'tolerant') {\r\n scores.acne += 1;\r\n scores.dehydrated += 1;\r\n } else if (answers[5] === 'resistant') {\r\n scores.mature += 1;\r\n }\r\n \r\n \/\/ Special combinations check\r\n if (scores.dehydrated >= 2 && scores.hyperpigmented >= 2) {\r\n scores.dehydrated_spotted += 3;\r\n }\r\n \r\n \/\/ Find the highest scoring skin type\r\n skinTypeResult = Object.keys(scores).reduce((a, b) => scores[a] > scores[b] ? a : b);\r\n \r\n \/\/ Fallback logic if scores are too low or tied\r\n if (scores[skinTypeResult] < 2) {\r\n \/\/ Use primary indicators\r\n if (answerValues.includes('acne')) {\r\n skinTypeResult = 'acne';\r\n } else if (answerValues.includes('sensitive')) {\r\n skinTypeResult = 'sensitive';\r\n } else if (answerValues.includes('mature')) {\r\n skinTypeResult = 'mature';\r\n } else if (answerValues.includes('hyperpigmented')) {\r\n skinTypeResult = 'hyperpigmented';\r\n } else if (answerValues.includes('dehydrated')) {\r\n skinTypeResult = 'dehydrated';\r\n } else if (answerValues.includes('dry')) {\r\n skinTypeResult = 'dry';\r\n } else {\r\n skinTypeResult = 'dry'; \/\/ Default fallback\r\n }\r\n }\r\n \r\n showResults();\r\n }\r\n\r\n function showResults() {\r\n document.getElementById('quiz').classList.add('hidden');\r\n document.getElementById('results').classList.remove('hidden');\r\n \r\n const skinType = skinTypes[skinTypeResult];\r\n \r\n \/\/ Show skin type result\r\n const resultContainer = document.getElementById('skinTypeResult');\r\n resultContainer.innerHTML = `\r\n <div class=\"text-center mb-8\">\r\n <div class=\"w-20 h-20 bg-ritual-green rounded-full mx-auto mb-4 flex items-center justify-center\">\r\n <span class=\"text-3xl text-white\">${skinType.icon}<\/span>\r\n <\/div>\r\n <h3 class=\"font-playfair text-3xl font-bold text-ritual-green mb-4\">\u2728 Skin Diagnosis: ${skinType.name}<\/h3>\r\n <p class=\"text-ritual-sage text-lg mb-6\">${skinType.description}<\/p>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-2 gap-8\">\r\n <div>\r\n <h4 class=\"font-playfair text-xl font-bold text-ritual-green mb-4\">Your skin characteristics:<\/h4>\r\n <ul class=\"space-y-2\">\r\n ${skinType.characteristics.map(char => `\r\n <li class=\"flex items-center space-x-2\">\r\n <span class=\"text-ritual-gold\">\u2713<\/span>\r\n <span class=\"text-ritual-green\">${char}<\/span>\r\n <\/li>\r\n `).join('')}\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-ritual-cream rounded-xl p-6\">\r\n <h4 class=\"font-playfair text-xl font-bold text-ritual-green mb-4\">\ud83c\udf3f Expert Insight:<\/h4>\r\n <p class=\"text-ritual-green\">\r\n \"Developed by Le Rituel, combining science, beauty and integrative health under the expertise of Elaine Martins.\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n \/\/ Show recommended products\r\n const productsContainer = document.getElementById('recommendedProducts');\r\n productsContainer.innerHTML = skinType.products.map(product => `\r\n <div class=\"product-card rounded-xl p-6 hover-lift\">\r\n <div class=\"text-center mb-4\">\r\n ${product.preview ? `\r\n <div class=\"w-24 h-24 mx-auto mb-3 rounded-lg overflow-hidden bg-ritual-cream\">\r\n <img decoding=\"async\" src=\"${product.preview}\" alt=\"${product.name}\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n ` : `\r\n <div class=\"w-16 h-16 bg-ritual-gold rounded-full mx-auto mb-3 flex items-center justify-center\">\r\n <span class=\"text-2xl\">${product.name.charAt(0)}<\/span>\r\n <\/div>\r\n `}\r\n <h4 class=\"font-playfair text-lg font-bold text-ritual-green mb-2\">${product.name}<\/h4>\r\n <p class=\"text-ritual-sage text-sm mb-3\">${product.description}<\/p>\r\n <div class=\"bg-ritual-cream rounded-lg p-3 mb-3\">\r\n <p class=\"text-ritual-green text-sm font-medium\">${product.benefits}<\/p>\r\n <\/div>\r\n ${product.price ? `<div class=\"text-ritual-green font-bold text-lg mb-3\">${product.price}<\/div>` : ''}\r\n ${product.link ? `\r\n <a href=\"${product.link}\" target=\"_blank\" class=\"inline-block bg-ritual-green text-white px-4 py-2 rounded-full text-sm font-semibold hover:bg-ritual-forest transition-colors\">\r\n View Product\r\n <\/a>\r\n ` : `\r\n <div class=\"bg-ritual-sage\/20 text-ritual-sage px-4 py-2 rounded-full text-sm font-medium\">\r\n Product Link Available\r\n <\/div>\r\n `}\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n \r\n \/\/ Show routine\r\n const routineContainer = document.getElementById('routineSteps');\r\n routineContainer.innerHTML = skinType.routine.map((step, index) => `\r\n <div class=\"flex items-center space-x-4 p-4 bg-ritual-cream rounded-lg\">\r\n <div class=\"w-10 h-10 bg-ritual-green rounded-full flex items-center justify-center text-white font-bold\">\r\n ${index + 1}\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <div class=\"font-bold text-ritual-green\">${step.step}<\/div>\r\n <div class=\"text-ritual-sage\">${step.action}<\/div>\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n function getSkinTypeTip(type) {\r\n const tips = {\r\n oily: \"Use produtos oil-free e evite esfregar demais a pele. A limpeza excessiva pode estimular ainda mais a produ\u00e7\u00e3o de \u00f3leo!\",\r\n dry: \"Aplique hidratante ainda com a pele \u00famida para selar a umidade. Evite \u00e1gua muito quente que pode ressecar ainda mais.\",\r\n combination: \"Use produtos diferentes para cada \u00e1rea ou escolha f\u00f3rmulas balanceadas. N\u00e3o negligencie as bochechas por causa da zona T!\",\r\n normal: \"Mantenha a consist\u00eancia na rotina e invista em preven\u00e7\u00e3o. Sua pele equilibrada \u00e9 um tesouro que deve ser preservado!\"\r\n };\r\n return tips[type];\r\n }\r\n\r\n function restartQuiz() {\r\n currentQuestion = 0;\r\n answers = {};\r\n skinTypeResult = '';\r\n \r\n document.getElementById('results').classList.add('hidden');\r\n document.getElementById('hero').classList.remove('hidden');\r\n }\r\n\r\n \/\/ Novo: garante apenas 1 download por clique\r\n let isGenerating = false;\r\n function generatePDFOnce() {\r\n if (isGenerating) return;\r\n isGenerating = true;\r\n try {\r\n generatePDF();\r\n } finally {\r\n setTimeout(() => { isGenerating = false; }, 1200);\r\n }\r\n }\r\n\r\n function generatePDF() {\r\n const { jsPDF } = window.jspdf;\r\n const doc = new jsPDF();\r\n const skinType = skinTypes[skinTypeResult];\r\n \r\n \/\/ Set colors\r\n const primaryColor = [78, 107, 76]; \/\/ ritual-green\r\n const goldColor = [241, 213, 163]; \/\/ ritual-gold\r\n const sageColor = [166, 173, 140]; \/\/ ritual-sage\r\n \r\n \/\/ Header\r\n doc.setFillColor(...primaryColor);\r\n doc.rect(0, 0, 210, 40, 'F');\r\n \r\n \/\/ Logo area\r\n doc.setFillColor(255, 255, 255);\r\n doc.circle(25, 20, 12, 'F');\r\n doc.setTextColor(...primaryColor);\r\n doc.setFontSize(16);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text('LR', 20, 25);\r\n \r\n \/\/ Title\r\n doc.setTextColor(255, 255, 255);\r\n doc.setFontSize(24);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text('Le Rituel', 45, 20);\r\n doc.setFontSize(12);\r\n doc.setFont('helvetica', 'normal');\r\n doc.text('Skin Self-Knowledge Ritual Report', 45, 28);\r\n \r\n \/\/ Date\r\n doc.setFontSize(10);\r\n doc.text(`Generated on: ${new Date().toLocaleDateString('en-US', { \r\n year: 'numeric', \r\n month: 'long', \r\n day: 'numeric' \r\n })}`, 45, 35);\r\n \r\n \/\/ Main content\r\n let yPosition = 60;\r\n \r\n \/\/ Skin Type Result\r\n doc.setTextColor(...primaryColor);\r\n doc.setFontSize(20);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text(`Your Skin Diagnosis: ${skinType.name}`, 20, yPosition);\r\n \r\n yPosition += 15;\r\n doc.setFontSize(11);\r\n doc.setFont('helvetica', 'normal');\r\n doc.setTextColor(80, 80, 80);\r\n \r\n \/\/ Description with text wrapping\r\n const description = doc.splitTextToSize(skinType.description, 170);\r\n doc.text(description, 20, yPosition);\r\n yPosition += description.length * 5 + 10;\r\n \r\n \/\/ Characteristics\r\n doc.setTextColor(...primaryColor);\r\n doc.setFontSize(14);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text('Your Skin Characteristics:', 20, yPosition);\r\n yPosition += 10;\r\n \r\n doc.setFontSize(10);\r\n doc.setFont('helvetica', 'normal');\r\n doc.setTextColor(80, 80, 80);\r\n \r\n skinType.characteristics.forEach(char => {\r\n doc.text(`\u2022 ${char}`, 25, yPosition);\r\n yPosition += 6;\r\n });\r\n \r\n yPosition += 10;\r\n \r\n \/\/ Recommended Products\r\n doc.setTextColor(...primaryColor);\r\n doc.setFontSize(14);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text('Recommended Products:', 20, yPosition);\r\n yPosition += 10;\r\n \r\n doc.setFontSize(10);\r\n doc.setFont('helvetica', 'normal');\r\n doc.setTextColor(80, 80, 80);\r\n \r\n skinType.products.forEach((product, index) => {\r\n if (yPosition > 250) {\r\n doc.addPage();\r\n yPosition = 30;\r\n }\r\n \r\n doc.setFont('helvetica', 'bold');\r\n doc.text(`${index + 1}. ${product.name}`, 25, yPosition);\r\n yPosition += 6;\r\n \r\n doc.setFont('helvetica', 'normal');\r\n const productDesc = doc.splitTextToSize(`${product.description} - ${product.benefits}`, 160);\r\n doc.text(productDesc, 30, yPosition);\r\n yPosition += productDesc.length * 4 + 8;\r\n });\r\n \r\n \/\/ Add new page for routine if needed\r\n if (yPosition > 220) {\r\n doc.addPage();\r\n yPosition = 30;\r\n }\r\n \r\n yPosition += 10;\r\n \r\n \/\/ Your Le Rituel Routine\r\n doc.setTextColor(...primaryColor);\r\n doc.setFontSize(14);\r\n doc.setFont('helvetica', 'bold');\r\n doc.text('Your Le Rituel Routine:', 20, yPosition);\r\n yPosition += 10;\r\n \r\n doc.setFontSize(10);\r\n doc.setFont('helvetica', 'normal');\r\n doc.setTextColor(80, 80, 80);\r\n \r\n skinType.routine.forEach((step, index) => {\r\n doc.setFont('helvetica', 'bold');\r\n doc.text(`${step.step}:`, 25, yPosition);\r\n yPosition += 6;\r\n \r\n doc.setFont('helvetica', 'normal');\r\n const stepAction = doc.splitTextToSize(step.action, 160);\r\n doc.text(stepAction, 30, yPosition);\r\n yPosition += stepAction.length * 4 + 8;\r\n });\r\n \r\n \/\/ Footer\r\n const pageCount = doc.internal.getNumberOfPages();\r\n for (let i = 1; i <= pageCount; i++) {\r\n doc.setPage(i);\r\n \r\n \/\/ Footer background\r\n doc.setFillColor(...sageColor);\r\n doc.rect(0, 280, 210, 17, 'F');\r\n \r\n \/\/ Footer text\r\n doc.setTextColor(255, 255, 255);\r\n doc.setFontSize(8);\r\n doc.setFont('helvetica', 'normal');\r\n doc.text('Le Rituel - Intelligent actives, science and self-care', 20, 290);\r\n doc.text('Developed with expertise by Elaine Martins', 20, 295);\r\n doc.text(`Page ${i} of ${pageCount}`, 180, 290);\r\n }\r\n \r\n \/\/ Generate filename with date and skin type\r\n const fileName = `LeRituel_SkinAnalysis_${skinType.name.replace(\/\\s+\/g, '_')}_${new Date().toISOString().split('T')[0]}.pdf`;\r\n \r\n \/\/ Save the PDF (um \u00fanico download)\r\n doc.save(fileName);\r\n }\r\n <\/script>\r\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'96faab5d92c615cb',t:'MTc1NTI4MTY0My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d20cd3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8d20cd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4654cec elementor-widget elementor-widget-html\" data-id=\"4654cec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Le Rituel Challenges - Win Amazing Rewards!<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'ritual-green': '#4e6b4c',\r\n 'ritual-gold': '#f1d5a3',\r\n 'ritual-cream': '#fcf3e2',\r\n 'ritual-sage': '#a6ad8c',\r\n 'ritual-forest': '#68815a',\r\n 'ritual-light': '#eeeeee'\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n .font-playfair { font-family: 'Playfair Display', serif; }\r\n .font-inter { font-family: 'Inter', sans-serif; }\r\n\r\n .gradient-bg { background: linear-gradient(135deg, #fcf3e2 0%, #f1d5a3 50%, #a6ad8c 100%); }\r\n .hover-lift { transition: all 0.3s ease; }\r\n .hover-lift:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(78, 107, 76, 0.15); }\r\n .pulse-glow { animation: pulse-glow 2s infinite; }\r\n @keyframes pulse-glow { 0%,100%{box-shadow:0 0 20px rgba(78,107,76,.3)} 50%{box-shadow:0 0 30px rgba(78,107,76,.6)} }\r\n .floating { animation: floating 3s ease-in-out infinite; }\r\n @keyframes floating { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n .upload-area { border:2px dashed #a6ad8c; transition: all .3s ease; }\r\n .upload-area.dragover { border-color:#4e6b4c; background-color: rgba(78,107,76,.1); }\r\n .challenge-card { background: linear-gradient(145deg, #ffffff 0%, #fcf3e2 100%); }\r\n .reward-badge { background: linear-gradient(45deg, #f1d5a3 0%, #4e6b4c 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n .btn { background-color:#4e6b4c; color:#fff }\r\n .btn:hover { background-color:#68815a }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-inter bg-ritual-cream min-h-screen\">\r\n\r\n\r\n\r\n \r\n <section class=\"gradient-bg py-16\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <div class=\"floating mb-8\">\r\n <div class=\"w-24 h-24 bg-ritual-green rounded-full mx-auto flex items-center justify-center mb-6\">\r\n <span class=\"text-white text-4xl\">\ud83c\udfaf<\/span>\r\n <\/div>\r\n <\/div>\r\n <h2 class=\"font-playfair text-5xl font-bold text-ritual-green mb-6\">\r\n Complete Challenges, <span class=\"text-ritual-forest\">Win Amazing Rewards!<\/span>\r\n <\/h2>\r\n <p class=\"text-ritual-green text-xl mb-8 max-w-3xl mx-auto leading-relaxed\">\r\n Share your Le Rituel experience and unlock exclusive discounts, free products, and VIP perks. Every challenge completed brings you closer to incredible rewards!\r\n <\/p>\r\n <div class=\"flex justify-center space-x-4\">\r\n <button onclick=\"document.getElementById('challenges').scrollIntoView({behavior:'smooth'})\" class=\"btn px-8 py-4 rounded-full font-semibold transition-all hover-lift\">\r\n View Challenges\r\n <\/button>\r\n <button onclick=\"document.getElementById('rewards').scrollIntoView({behavior:'smooth'})\" class=\"btn px-8 py-4 rounded-full font-semibold transition-all hover-lift\">\r\n See Rewards\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"challenges\" class=\"py-16 bg-white\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"font-playfair text-4xl font-bold text-ritual-green mb-4\">Active Challenges<\/h2>\r\n <p class=\"text-ritual-sage text-lg\">Complete these challenges to earn exclusive rewards<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"challenge-card rounded-2xl p-6 shadow-lg hover-lift border border-ritual-gold\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-16 h-16 bg-ritual-gold rounded-full mx-auto mb-4 flex items-center justify-center pulse-glow\">\r\n <span class=\"text-2xl\">\ud83d\udce6<\/span>\r\n <\/div>\r\n <h3 class=\"font-playfair text-xl font-bold text-ritual-green mb-2\">Unboxing Video Challenge<\/h3>\r\n <div class=\"reward-badge font-bold text-2xl mb-2\">50% OFF<\/div>\r\n <p class=\"text-ritual-sage text-sm\">Record yourself unboxing your Le Rituel products<\/p>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Record unboxing video (30+ seconds)<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Show your excitement and reactions<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Upload video and complete form<\/span><\/div>\r\n <\/div>\r\n <button onclick=\"openChallenge('unboxing')\" class=\"btn w-full mt-6 py-3 rounded-full font-semibold transition-colors\">Start Challenge<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"challenge-card rounded-2xl p-6 shadow-lg hover-lift\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-16 h-16 bg-ritual-sage rounded-full mx-auto mb-4 flex items-center justify-center\">\r\n <span class=\"text-2xl text-white\">\u2728<\/span>\r\n <\/div>\r\n <h3 class=\"font-playfair text-xl font-bold text-ritual-green mb-2\">Before & After Photos<\/h3>\r\n <div class=\"reward-badge font-bold text-2xl mb-2\">FREE PRODUCT<\/div>\r\n <p class=\"text-ritual-sage text-sm\">Show your skin transformation journey<\/p>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Upload before photo<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Use products for 30 days<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Upload after photo with review<\/span><\/div>\r\n <\/div>\r\n <button onclick=\"openChallenge('beforeafter')\" class=\"btn w-full mt-6 py-3 rounded-full font-semibold transition-colors\">Start Challenge<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"challenge-card rounded-2xl p-6 shadow-lg hover-lift\">\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-16 h-16 bg-ritual-forest rounded-full mx-auto mb-4 flex items-center justify-center\">\r\n <span class=\"text-2xl text-white\">\ud83d\udcf1<\/span>\r\n <\/div>\r\n <h3 class=\"font-playfair text-xl font-bold text-ritual-green mb-2\">Social Media Share<\/h3>\r\n <div class=\"reward-badge font-bold text-2xl mb-2\">25% OFF<\/div>\r\n <p class=\"text-ritual-sage text-sm\">Share your Le Rituel routine on social media<\/p>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Post on Instagram or Facebook<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Tag @lerituel_healthcare<\/span><\/div>\r\n <div class=\"flex items-center space-x-2 text-sm text-ritual-green\"><span class=\"text-ritual-gold\">\u2713<\/span><span>Use hashtag #MyLeRituel<\/span><\/div>\r\n <\/div>\r\n <button onclick=\"openChallenge('social')\" class=\"btn w-full mt-6 py-3 rounded-full font-semibold transition-colors\">Start Challenge<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"rewards\" class=\"py-16 bg-ritual-light\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"font-playfair text-4xl font-bold text-ritual-green mb-4\">Amazing Rewards Await<\/h2>\r\n <p class=\"text-ritual-sage text-lg\">Complete challenges and unlock these exclusive benefits<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-4 gap-6\">\r\n <div class=\"bg-white rounded-2xl p-6 text-center hover-lift\">\r\n <div class=\"w-16 h-16 bg-ritual-gold rounded-full mx-auto mb-4 flex items-center justify-center\"><span class=\"text-2xl\">\ud83c\udf81<\/span><\/div>\r\n <h3 class=\"font-playfair text-lg font-bold text-ritual-green mb-2\">Free Products<\/h3>\r\n <p class=\"text-ritual-sage text-sm\">Get full-size products as rewards for completing challenges<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl p-6 text-center hover-lift\">\r\n <div class=\"w-16 h-16 bg-ritual-sage rounded-full mx-auto mb-4 flex items-center justify-center\"><span class=\"text-2xl text-white\">\ud83d\udcb0<\/span><\/div>\r\n <h3 class=\"font-playfair text-lg font-bold text-ritual-green mb-2\">Exclusive Discounts<\/h3>\r\n <p class=\"text-ritual-sage text-sm\">Up to 50% OFF on your next purchase<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl p-6 text-center hover-lift\">\r\n <div class=\"w-16 h-16 bg-ritual-green rounded-full mx-auto mb-4 flex items-center justify-center\"><span class=\"text-2xl text-white\">\ud83d\udc51<\/span><\/div>\r\n <h3 class=\"font-playfair text-lg font-bold text-ritual-green mb-2\">VIP Access<\/h3>\r\n <p class=\"text-ritual-sage text-sm\">Early access to new products and exclusive events<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl p-6 text-center hover-lift\">\r\n <div class=\"w-16 h-16 bg-ritual-forest rounded-full mx-auto mb-4 flex items-center justify-center\"><span class=\"text-2xl text-white\">\ud83c\udfc6<\/span><\/div>\r\n <h3 class=\"font-playfair text-lg font-bold text-ritual-green mb-2\">Recognition<\/h3>\r\n <p class=\"text-ritual-sage text-sm\">Feature on our social media and website<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"challengeModal\" class=\"fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4\">\r\n <div class=\"bg-white rounded-2xl max-w-2xl w-full max-h-[90vh] overflow-y-auto\">\r\n <div class=\"p-8\">\r\n <div class=\"flex justify-between items-center mb-6\">\r\n <h2 id=\"modalTitle\" class=\"font-playfair text-2xl font-bold text-ritual-green\">Challenge Submission<\/h2>\r\n <button onclick=\"closeModal()\" class=\"text-ritual-sage hover:text-ritual-green text-2xl\">×<\/button>\r\n <\/div>\r\n\r\n \r\n <iframe name=\"rituelUploadTarget\" style=\"display:none;\"><\/iframe>\r\n\r\n <form id=\"challengeForm\" class=\"space-y-6\" method=\"POST\" enctype=\"multipart\/form-data\" target=\"rituelUploadTarget\" action=\"\">\r\n \r\n <input type=\"hidden\" name=\"challenge_type\" id=\"challenge_type\" value=\"\">\r\n <input type=\"hidden\" name=\"title\" id=\"challenge_title\" value=\"\">\r\n <input type=\"hidden\" name=\"reward\" id=\"challenge_reward\" value=\"\">\r\n \r\n <input type=\"hidden\" name=\"filePayloads\" id=\"filePayloads\" value=\"\">\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-4\">\r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Full Name *<\/label>\r\n <input type=\"text\" name=\"full_name\" required class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Email Address *<\/label>\r\n <input type=\"email\" name=\"email\" required class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-4\">\r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Phone Number *<\/label>\r\n <input type=\"tel\" name=\"phone\" required class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Instagram Handle<\/label>\r\n <input type=\"text\" name=\"instagram\" placeholder=\"@yourusername\" class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Facebook Profile<\/label>\r\n <input type=\"text\" name=\"facebook\" placeholder=\"facebook.com\/yourprofile\" class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\">\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Upload Your Content *<\/label>\r\n <div id=\"uploadArea\" class=\"upload-area rounded-lg p-8 text-center cursor-pointer\">\r\n <div class=\"mb-4\"><span class=\"text-4xl text-ritual-sage\">\ud83d\udcc1<\/span><\/div>\r\n <p class=\"text-ritual-green font-medium mb-2\">Drag and drop your files here<\/p>\r\n <p class=\"text-ritual-sage text-sm mb-4\">or click to browse<\/p>\r\n \r\n <input type=\"file\" id=\"fileInput\" name=\"files\" multiple accept=\"image\/*,video\/*\" class=\"hidden\">\r\n <input type=\"file\" id=\"fileInputAlt\" name=\"files[]\" multiple accept=\"image\/*,video\/*\" class=\"hidden\">\r\n <button type=\"button\" onclick=\"document.getElementById('fileInput').click()\" class=\"btn px-6 py-2 rounded-full transition-colors\">Choose Files<\/button>\r\n <\/div>\r\n <div id=\"fileList\" class=\"mt-4 space-y-2\"><\/div>\r\n <p id=\"uploadHint\" class=\"text-xs text-ritual-sage mt-2\">Max ~20MB totais. Fotos\/v\u00eddeos s\u00e3o enviados em Base64 para m\u00e1xima compatibilidade.<\/p>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label class=\"block text-ritual-green font-medium mb-2\">Tell us about your experience<\/label>\r\n <textarea name=\"description\" rows=\"4\" placeholder=\"Share your Le Rituel journey...\" class=\"w-full px-4 py-3 border border-ritual-sage rounded-lg focus:outline-none focus:border-ritual-green\"><\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-start space-x-3\">\r\n <input type=\"checkbox\" id=\"terms\" name=\"terms\" required class=\"mt-1\">\r\n <label for=\"terms\" class=\"text-sm text-ritual-green\">\r\n I agree to allow Le Rituel to use my submitted content for marketing purposes and confirm that all information provided is accurate. *\r\n <\/label>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-4\">\r\n <button id=\"submitBtn\" type=\"submit\" class=\"btn flex-1 py-4 rounded-full font-semibold transition-colors\">\r\n Submit Challenge\r\n <\/button>\r\n <button type=\"button\" onclick=\"closeModal()\" class=\"px-8 py-4 border border-ritual-sage text-ritual-sage rounded-full hover:bg-ritual-sage hover:text-white transition-colors\">\r\n Cancel\r\n <\/button>\r\n <\/div>\r\n <div id=\"progressMsg\" class=\"text-ritual-sage text-sm mt-2 hidden\">Preparing files\u2026<\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"successModal\" class=\"fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4\">\r\n <div class=\"bg-white rounded-2xl max-w-md w-full p-8 text-center\">\r\n <div class=\"w-20 h-20 bg-ritual-gold rounded-full mx-auto mb-6 flex items-center justify-center\">\r\n <span class=\"text-3xl\">\ud83c\udf89<\/span>\r\n <\/div>\r\n <h2 class=\"font-playfair text-2xl font-bold text-ritual-green mb-4\">Challenge Submitted!<\/h2>\r\n <p class=\"text-ritual-sage mb-6\">Thank you for participating! We'll review your submission and send your reward within 24-48 hours.<\/p>\r\n <button onclick=\"closeSuccessModal()\" class=\"btn px-8 py-3 rounded-full font-semibold transition-colors\">\r\n Continue Exploring\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/* ====== CONFIG ====== *\/\r\n const GAS_WEBAPP_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbwlpebmcoveKXpLUkbGjJUEsBMqd1rFUU9Oo0rdqYJx19dvpMnMjkUU1ul45sCiqXKtBg\/exec\";\r\n const MAX_TOTAL_MB = 30; \/\/ ajuste se quiser\r\n\r\n let currentChallenge = '';\r\n const challenges = {\r\n unboxing: { title:'Unboxing Video Challenge', reward:'50% OFF Coupon', description:'Record yourself unboxing your Le Rituel products and share your excitement!' },\r\n beforeafter: { title:'Before & After Photos', reward:'Free Product', description:'Show your skin transformation journey with Le Rituel products' },\r\n social: { title:'Social Media Share', reward:'25% OFF Coupon', description:'Share your Le Rituel routine on your social media' }\r\n };\r\n\r\n function openChallenge(chType){\r\n currentChallenge = chType;\r\n document.getElementById('modalTitle').textContent = challenges[chType].title;\r\n document.getElementById('challenge_type').value = chType;\r\n document.getElementById('challenge_title').value = challenges[chType].title;\r\n document.getElementById('challenge_reward').value= challenges[chType].reward;\r\n document.getElementById('challengeModal').classList.remove('hidden');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n function closeModal(){ document.getElementById('challengeModal').classList.add('hidden'); document.body.style.overflow='auto'; resetForm(); }\r\n function closeSuccessModal(){ document.getElementById('successModal').classList.add('hidden'); document.body.style.overflow='auto'; }\r\n function resetForm(){ document.getElementById('challengeForm').reset(); document.getElementById('fileList').innerHTML=''; document.getElementById('filePayloads').value=''; }\r\n\r\n \/\/ Upload UX\r\n const uploadArea = document.getElementById('uploadArea');\r\n const fileInput = document.getElementById('fileInput'); \/\/ name=\"files\"\r\n const fileInput2 = document.getElementById('fileInputAlt'); \/\/ name=\"files[]\"\r\n const fileList = document.getElementById('fileList');\r\n\r\n uploadArea.addEventListener('dragover', (e)=>{ e.preventDefault(); uploadArea.classList.add('dragover'); });\r\n uploadArea.addEventListener('dragleave', ()=> uploadArea.classList.remove('dragover'));\r\n uploadArea.addEventListener('drop', (e)=>{\r\n e.preventDefault(); uploadArea.classList.remove('dragover');\r\n setFilesFromList(e.dataTransfer.files);\r\n });\r\n fileInput.addEventListener('change', (e)=> setFilesFromList(e.target.files));\r\n\r\n function setFilesFromList(files){\r\n renderFileList(files);\r\n \/\/ Espelha nos dois inputs (compat), para o caso do GAS ler e.files\r\n const dt1 = new DataTransfer(), dt2 = new DataTransfer();\r\n Array.from(files).forEach(f=>{ dt1.items.add(f); dt2.items.add(f); });\r\n fileInput.files = dt1.files;\r\n fileInput2.files = dt2.files;\r\n }\r\n\r\n function renderFileList(files){\r\n fileList.innerHTML = '';\r\n Array.from(files).forEach((file, index)=>{\r\n const row = document.createElement('div');\r\n row.className = 'flex items-center justify-between bg-ritual-cream p-3 rounded-lg';\r\n row.innerHTML = `\r\n <div class=\"flex items-center space-x-3\">\r\n <span class=\"text-ritual-green\">${file.type.startsWith('video\/') ? '\ud83c\udfa5' : '\ud83d\udcf7'}<\/span>\r\n <span class=\"text-ritual-green font-medium\">${file.name}<\/span>\r\n <span class=\"text-ritual-sage text-sm\">(${(file.size\/1024\/1024).toFixed(2)} MB)<\/span>\r\n <\/div>\r\n <button type=\"button\" class=\"text-ritual-sage hover:text-red-500\" onclick=\"removeFile(${index})\">\u2715<\/button>`;\r\n fileList.appendChild(row);\r\n });\r\n }\r\n\r\n function removeFile(index){\r\n const files = fileInput.files;\r\n const dt1 = new DataTransfer(), dt2 = new DataTransfer();\r\n for (let i=0;i<files.length;i++){ if(i!==index){ dt1.items.add(files[i]); dt2.items.add(files[i]); } }\r\n fileInput.files = dt1.files;\r\n fileInput2.files = dt2.files;\r\n renderFileList(fileInput.files);\r\n }\r\n\r\n \/\/ Converte arquivos em Base64 (DataURL) e coloca no hidden \"filePayloads\"\r\n async function buildBase64Payload(files){\r\n const totalMB = Array.from(files).reduce((sum,f)=> sum + (f.size\/1024\/1024), 0);\r\n if (totalMB > MAX_TOTAL_MB) throw new Error(`Total file size exceeds ${MAX_TOTAL_MB}MB`);\r\n\r\n const payload = [];\r\n for (const file of files){\r\n const dataUrl = await readAsDataURL(file);\r\n \/\/ Mantemos s\u00f3 a parte Base64 (depois da v\u00edrgula) para reduzir tamanho\r\n const b64 = dataUrl.split(',').pop();\r\n payload.push({ name:file.name, type:file.type || 'application\/octet-stream', dataB64:b64 });\r\n }\r\n return JSON.stringify(payload);\r\n }\r\n\r\n function readAsDataURL(file){\r\n return new Promise((resolve, reject)=>{\r\n const fr = new FileReader();\r\n fr.onerror = ()=> reject(new Error(`Failed to read ${file.name}`));\r\n fr.onload = ()=> resolve(fr.result);\r\n fr.readAsDataURL(file);\r\n });\r\n }\r\n\r\n \/\/ Submiss\u00e3o para o Apps Script via IFRAME\r\n const form = document.getElementById('challengeForm');\r\n const submitBtn = document.getElementById('submitBtn');\r\n const progressMsg = document.getElementById('progressMsg');\r\n\r\n form.addEventListener('submit', async (e)=>{\r\n e.preventDefault();\r\n\r\n if (!currentChallenge){ alert('Please select a challenge.'); return; }\r\n if (!form.checkValidity()){ form.reportValidity(); return; }\r\n if (!fileInput.files || fileInput.files.length === 0){\r\n alert('Please upload at least one file.'); return;\r\n }\r\n\r\n try{\r\n progressMsg.classList.remove('hidden');\r\n progressMsg.textContent = 'Preparing files\u2026';\r\n \/\/ Gera Base64 e grava no hidden\r\n const payloadJson = await buildBase64Payload(fileInput.files);\r\n document.getElementById('filePayloads').value = payloadJson;\r\n\r\n \/\/ Define action e envia\r\n form.action = GAS_WEBAPP_URL;\r\n submitBtn.disabled = true; submitBtn.textContent = 'Submitting\u2026';\r\n\r\n const target = document.getElementsByName('rituelUploadTarget')[0];\r\n const onDone = ()=>{\r\n target.removeEventListener('load', onDone);\r\n submitBtn.disabled = false; submitBtn.textContent = 'Submit Challenge';\r\n progressMsg.classList.add('hidden');\r\n closeModal();\r\n document.getElementById('successModal').classList.remove('hidden');\r\n };\r\n target.addEventListener('load', onDone);\r\n form.submit();\r\n }catch(err){\r\n progressMsg.classList.add('hidden');\r\n alert(err.message || 'There was an error preparing your files.');\r\n }\r\n });\r\n <\/script>\r\n\r\n \r\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'x',t:'x'};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a23d31c e-flex e-con-boxed e-con e-parent\" data-id=\"a23d31c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-4381","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>skin-Analysis - Le Rituel<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lerituelhealthcare.com\/pt\/skin-analysis\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"skin-Analysis - Le Rituel\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lerituelhealthcare.com\/pt\/skin-analysis\/\" \/>\n<meta property=\"og:site_name\" content=\"Le Rituel\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-23T01:11:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/skin-analysis\\\/\",\"url\":\"https:\\\/\\\/lerituelhealthcare.com\\\/skin-analysis\\\/\",\"name\":\"skin-Analysis - Le Rituel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#website\"},\"datePublished\":\"2025-08-15T16:24:03+00:00\",\"dateModified\":\"2025-08-23T01:11:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/skin-analysis\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lerituelhealthcare.com\\\/skin-analysis\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/skin-analysis\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lerituelhealthcare.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"skin-Analysis\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#website\",\"url\":\"https:\\\/\\\/lerituelhealthcare.com\\\/\",\"name\":\"Le Rituel\",\"description\":\"Skincare Products\",\"publisher\":{\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lerituelhealthcare.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#organization\",\"name\":\"Le Rituel\",\"url\":\"https:\\\/\\\/lerituelhealthcare.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/lerituelhealthcare.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Ativo-12-e1769621366321.png\",\"contentUrl\":\"https:\\\/\\\/lerituelhealthcare.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Ativo-12-e1769621366321.png\",\"width\":1333,\"height\":487,\"caption\":\"Le Rituel\"},\"image\":{\"@id\":\"https:\\\/\\\/lerituelhealthcare.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"skin-Analysis - Le Rituel","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lerituelhealthcare.com\/pt\/skin-analysis\/","og_locale":"pt_BR","og_type":"article","og_title":"skin-Analysis - Le Rituel","og_url":"https:\/\/lerituelhealthcare.com\/pt\/skin-analysis\/","og_site_name":"Le Rituel","article_modified_time":"2025-08-23T01:11:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lerituelhealthcare.com\/skin-analysis\/","url":"https:\/\/lerituelhealthcare.com\/skin-analysis\/","name":"skin-Analysis - Le Rituel","isPartOf":{"@id":"https:\/\/lerituelhealthcare.com\/#website"},"datePublished":"2025-08-15T16:24:03+00:00","dateModified":"2025-08-23T01:11:44+00:00","breadcrumb":{"@id":"https:\/\/lerituelhealthcare.com\/skin-analysis\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lerituelhealthcare.com\/skin-analysis\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lerituelhealthcare.com\/skin-analysis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lerituelhealthcare.com\/"},{"@type":"ListItem","position":2,"name":"skin-Analysis"}]},{"@type":"WebSite","@id":"https:\/\/lerituelhealthcare.com\/#website","url":"https:\/\/lerituelhealthcare.com\/","name":"Le Rituel","description":"Skincare Products","publisher":{"@id":"https:\/\/lerituelhealthcare.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lerituelhealthcare.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/lerituelhealthcare.com\/#organization","name":"Le Rituel","url":"https:\/\/lerituelhealthcare.com\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/lerituelhealthcare.com\/#\/schema\/logo\/image\/","url":"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2026\/01\/Ativo-12-e1769621366321.png","contentUrl":"https:\/\/lerituelhealthcare.com\/wp-content\/uploads\/2026\/01\/Ativo-12-e1769621366321.png","width":1333,"height":487,"caption":"Le Rituel"},"image":{"@id":"https:\/\/lerituelhealthcare.com\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/pages\/4381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/comments?post=4381"}],"version-history":[{"count":94,"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/pages\/4381\/revisions"}],"predecessor-version":[{"id":4828,"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/pages\/4381\/revisions\/4828"}],"wp:attachment":[{"href":"https:\/\/lerituelhealthcare.com\/pt\/wp-json\/wp\/v2\/media?parent=4381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}