{"id":8,"date":"2025-10-04T21:54:35","date_gmt":"2025-10-05T00:54:35","guid":{"rendered":"https:\/\/liriosdecoracoes.com.br\/?page_id=8"},"modified":"2026-04-09T02:26:43","modified_gmt":"2026-04-09T05:26:43","slug":"home","status":"publish","type":"page","link":"https:\/\/liriosdecoracoes.com.br\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t
\n\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 L\u00edrios Decor - Cortinas e Persianas de Alto Padr\u00e3o<\/title>\r\n <meta name=\"description\" content=\"Com mais de 20 anos de experi\u00eancia, a L\u00edrios Decor oferece cortinas, persianas e toldos de alto padr\u00e3o sob medida. Atendimento VIP, design exclusivo e instala\u00e7\u00e3o profissional.\">\r\n \r\n <!-- Tailwind CSS via CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n <!-- Swiper.js for Carousel -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\" \/>\r\n <script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\r\n\r\n <!-- Google Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n <!-- Custom Tailwind Config & Styles -->\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'brand-bg': '#F5F0EA',\r\n 'brand-bg-alt': '#FFFFFF', \/\/ Fundo alternativo\r\n 'brand-primary': '#4A5C50', \/\/ Verde S\u00f3brio\r\n 'brand-accent': '#BFA98E', \/\/ Dourado\/Bege escuro\r\n 'brand-text': '#313639',\r\n 'brand-light-gray': '#EAEAEA',\r\n },\r\n fontFamily: {\r\n 'display': ['Cormorant Garamond', 'serif'],\r\n 'sans': ['Poppins', 'sans-serif'],\r\n },\r\n boxShadow: {\r\n 'subtle': '0 4px 12px rgba(0, 0, 0, 0.05)',\r\n 'lifted': '0 10px 25px rgba(0, 0, 0, 0.08)',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Estilos existentes *\/\r\n .glass-header {\r\n backdrop-filter: saturate(180%) blur(10px);\r\n background-color: rgba(245, 240, 234, 0.85);\r\n }\r\n .fade-in-section {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n }\r\n .fade-in-section.is-visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n .product-card, .project-card {\r\n cursor: pointer;\r\n }\r\n .product-card:hover img, .project-card:hover img {\r\n transform: scale(1.05);\r\n }\r\n .swiper-button-next, .swiper-button-prev {\r\n color: #4A5C50; \/* brand-primary *\/\r\n }\r\n .swiper-pagination-bullet-active {\r\n background: #4A5C50; \/* brand-primary *\/\r\n }\r\n .modal-overlay {\r\n transition: opacity 0.3s ease;\r\n }\r\n .modal-content {\r\n transition: transform 0.3s ease, opacity 0.3s ease;\r\n transform: translateY(20px);\r\n }\r\n .modal-container.active .modal-content {\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Novo estilo para travar o scroll do body quando o menu est\u00e1 aberto *\/\r\n .overflow-hidden {\r\n overflow: hidden;\r\n }\r\n \r\n \/* CSS para GALERIA DE PRODUTOS (MANTENDO 4:3) *\/\r\n \/* Note: Mantido o 4:3 aqui para consist\u00eancia dos \u00edcones de produto *\/\r\n .product-gallery-container {\r\n aspect-ratio: 4 \/ 3; \r\n width: 100%;\r\n height: auto; \r\n }\r\n .product-gallery-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover; \r\n }\r\n \r\n \/* CSS para GALERIA DE PROJETOS (LAYOUT ASSIM\u00c9TRICO\/MOSAIC) *\/\r\n \/* O estilo da se\u00e7\u00e3o #projetos agora usa grid-auto-rows para criar o efeito de mosaico *\/\r\n #projetos .grid {\r\n grid-auto-rows: 200px; \/* Define altura base das linhas para o grid *\/\r\n }\r\n\r\n .project-card.big-tile {\r\n grid-column: span 2 \/ span 2;\r\n grid-row: span 2 \/ span 2;\r\n height: 400px; \/* Altura for\u00e7ada (200px * 2) *\/\r\n }\r\n .project-card:not(.big-tile) {\r\n height: 200px; \/* Altura for\u00e7ada das tiles menores *\/\r\n }\r\n .project-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \/* FIM DO NOVO CSS *\/\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-brand-bg font-sans text-brand-text antialiased\">\r\n\r\n <!-- ==== HEADER ==== -->\r\n <header id=\"header\" class=\"fixed top-0 left-0 right-0 z-50 transition-all duration-300 glass-header border-b border-black\/5\">\r\n <div class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\r\n <a href=\"#hero\" class=\"text-left\">\r\n <h1 class=\"text-3xl font-display font-bold text-brand-primary leading-none\">L\u00edrios Decor<\/h1>\r\n <span class=\"text-xs font-sans text-brand-accent tracking-widest\">By Patr\u00edcia Toledo<\/span>\r\n <\/a>\r\n <nav class=\"hidden lg:flex items-center space-x-10 text-sm font-medium tracking-wider uppercase\">\r\n <a href=\"#sobre\" class=\"hover:text-brand-accent transition-colors\">Sobre<\/a>\r\n <a href=\"#produtos\" class=\"hover:text-brand-accent transition-colors\">Produtos<\/a>\r\n <a href=\"#diferenciais\" class=\"hover:text-brand-accent transition-colors\">Diferenciais<\/a>\r\n <a href=\"#projetos\" class=\"hover:text-brand-accent transition-colors\">Projetos<\/a>\r\n <\/nav>\r\n <a href=\"https:\/\/wa.me\/5511990058788?text=Ol\u00e1!%20Gostaria%20de%20um%20or\u00e7amento.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hidden lg:inline-block bg-brand-primary text-white px-6 py-3 rounded-md text-sm font-semibold hover:bg-brand-text transition-colors shadow-subtle\">\r\n Whatsapp\r\n <\/a>\r\n \r\n <!-- Bot\u00e3o do Menu Mobile CORRIGIDO com \u00edcones de menu e fechar -->\r\n <button id=\"menu-btn\" class=\"lg:hidden z-50 relative w-8 h-8 flex items-center justify-center focus:outline-none\">\r\n <!-- \u00cdcone do Menu (Vis\u00edvel por padr\u00e3o) -->\r\n <svg id=\"icon-menu\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-brand-text transition-all duration-300\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\" \/>\r\n <\/svg>\r\n <!-- \u00cdcone de Fechar (Escondido por padr\u00e3o) -->\r\n <svg id=\"icon-close\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-brand-text absolute transition-all duration-300 opacity-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n \r\n <!-- Mobile Menu CORRIGIDO com transi\u00e7\u00e3o de slide-out -->\r\n <div id=\"mobile-menu\" class=\"lg:hidden fixed inset-0 bg-brand-bg z-40 transition-transform duration-300 ease-in-out transform translate-x-full\">\r\n <!-- pt-32 para descer os links abaixo do cabe\u00e7alho fixo -->\r\n <nav class=\"flex flex-col items-center space-y-8 text-xl uppercase tracking-widest pt-32 h-full\">\r\n <a href=\"#sobre\" class=\"menu-link hover:text-brand-accent transition-colors\">Sobre<\/a>\r\n <a href=\"#produtos\" class=\"menu-link hover:text-brand-accent transition-colors\">Produtos<\/a>\r\n <a href=\"#diferenciais\" class=\"menu-link hover:text-brand-accent transition-colors\">Diferenciais<\/a>\r\n <a href=\"#projetos\" class=\"menu-link hover:text-brand-accent transition-colors\">Projetos<\/a>\r\n <a href=\"#contato\" class=\"menu-link hover:text-brand-accent transition-colors\">Contato<\/a>\r\n <a href=\"https:\/\/wa.me\/5511990058788?text=Ol\u00e1!%20Gostaria%20de%20um%20or\u00e7amento.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-8 inline-block bg-brand-primary text-white px-6 py-3 rounded-md text-sm font-semibold hover:bg-brand-text transition-colors shadow-subtle\">\r\n Fale no WhatsApp\r\n <\/a>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <!-- ==== HERO SECTION ==== -->\r\n <section id=\"hero\" class=\"relative min-h-screen flex items-center bg-cover bg-center bg-fixed\" style=\"background-image: url('https:\/\/liriosdecoracoes.com.br\/imagens\/cortinas-tradicionais-de-tecido-loja-viva-cortinas-06.jpg');\">\r\n <div class=\"absolute inset-0 bg-black\/50\"><\/div>\r\n <div class=\"container mx-auto px-6 text-center text-white relative z-10\">\r\n <h1 class=\"text-5xl md:text-7xl font-display leading-tight\">A Arte de Vestir Ambientes<\/h1>\r\n <p class=\"mt-4 max-w-2xl mx-auto text-lg md:text-xl font-light\">Cortinas, persianas e toldos de alto padr\u00e3o que unem design, tecnologia e exclusividade. Projetos sob medida para um p\u00fablico de alto padr\u00e3o.<\/p>\r\n <a href=\"https:\/\/wa.me\/5511990058788?text=Ol\u00e1!%20Gostaria%20de%20um%20or\u00e7amento.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-8 inline-block bg-brand-bg text-brand-text px-10 py-4 rounded-md font-semibold hover:bg-white transition-colors shadow-lifted\">\r\n Atendimento Personalizado via WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==== SOBRE A EMPRESA ==== -->\r\n <section id=\"sobre\" class=\"py-20 lg:py-32 fade-in-section\">\r\n <div class=\"container mx-auto px-6 text-center max-w-4xl\">\r\n <h2 class=\"text-4xl lg:text-5xl font-display text-brand-primary\">Mais de 20 Anos de Tradi\u00e7\u00e3o e Modernidade<\/h2>\r\n <p class=\"mt-6 text-lg leading-relaxed text-brand-text\/80\">\r\n A L\u00edrios Decor \u00e9 refer\u00eancia em cortinas, persianas e toldos de alto padr\u00e3o. Com mais de duas d\u00e9cadas de experi\u00eancia, somos especialistas em criar solu\u00e7\u00f5es sob medida que refletem as \u00faltimas tend\u00eancias do design de interiores. Oferecemos um atendimento personalizado e consultoria completa para garantir a escolha ideal, unindo est\u00e9tica, conforto e funcionalidade com servi\u00e7os premium para um p\u00fablico exigente.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==== PRODUTOS PREMIUM (USANDO CSS DE PROPOR\u00c7\u00c3O PARA UNIFORMIDADE) ==== -->\r\n <section id=\"produtos\" class=\"py-20 lg:py-32 bg-brand-bg-alt fade-in-section\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-4xl lg:text-5xl font-display text-brand-primary\">Nossas Cole\u00e7\u00f5es<\/h2>\r\n <p class=\"mt-4 max-w-2xl mx-auto text-brand-text\/70\">Solu\u00e7\u00f5es completas para vestir cada janela com perfei\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n \r\n <!-- CORTINAS -->\r\n <div class=\"flex items-center gap-4 mb-10\">\r\n <h3 class=\"text-3xl font-display text-brand-text flex-shrink-0\">Cortinas<\/h3>\r\n <div class=\"w-full h-px bg-brand-light-gray\"><\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8 mb-16\">\r\n <!-- Produto Item: Romana -->\r\n <div class=\"group text-center product-card\" data-title=\"Cortina Romana\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/cortina-romana-de-teto-preco.jpg\" data-desc=\"Com seu design em dobras horizontais, a Cortina Romana \u00e9 a escolha perfeita para quem busca sofistica\u00e7\u00e3o e um visual limpo. Ideal para salas de estar e quartos.\" data-tech=\"Tecidos: Transl\u00facidos, Blackout e Tela Solar.|Acionamentos: Manual e Motorizado.|Benef\u00edcios: Controle de luminosidade, design cl\u00e1ssico.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/cortina-romana-de-teto-preco.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Romana';\" alt=\"Cortina Romana\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Romana<\/h4><p class=\"text-sm text-brand-text\/60\">Eleg\u00e2ncia em camadas<\/p>\r\n <\/div>\r\n <!-- Produto Item: Rol\u00f4 -->\r\n <div class=\"group text-center product-card\" data-title=\"Cortina Rol\u00f4\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/rolo-protecao-solar-sacada.jpg\" data-desc=\"A Cortina Rol\u00f4 \u00e9 a personifica\u00e7\u00e3o do minimalismo funcional. Seu recolhimento vertical em um rolo discreto \u00e9 ideal para varandas, sacadas e ambientes modernos.\" data-tech=\"Tecidos: Tela Solar (1%, 3%, 5%), Blackout, Decorativos.|Acionamentos: Manual, Motorizado, Automa\u00e7\u00e3o.|Benef\u00edcios: Prote\u00e7\u00e3o UV, conforto t\u00e9rmico, visual clean.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/rolo-protecao-solar-sacada.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Rol\u00f4';\" alt=\"Cortina Rol\u00f4\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Rol\u00f4<\/h4><p class=\"text-sm text-brand-text\/60\">Praticidade e minimalismo<\/p>\r\n <\/div>\r\n <!-- Produto Item: Double Vision -->\r\n <div class=\"group text-center product-card\" data-title=\"Cortina Double Vision\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/1-540.jpg\" data-desc=\"Inovadora e vers\u00e1til, a Double Vision possui faixas horizontais de tecido que se alternam, permitindo um controle preciso da luz e da privacidade com um \u00fanico movimento.\" data-tech=\"Tecidos: Decorativos com faixas transl\u00facidas e opacas.|Acionamentos: Manual e Motorizado.|Benef\u00edcios: Controle total da luz, efeito visual \u00fanico.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/1-540.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Double+Vision';\" alt=\"Cortina Double Vision\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Double Vision<\/h4><p class=\"text-sm text-brand-text\/60\">Controle e modernidade<\/p>\r\n <\/div>\r\n <!-- Produto Item: Tradicional de Tecido -->\r\n <div class=\"group text-center product-card\" data-title=\"Cortina de Tecido\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/cortinas-tradicionais-de-tecido-loja-viva-cortinas-02.jpeg\" data-desc=\"Um cl\u00e1ssico atemporal, a cortina de tecido traz aconchego e caimento impec\u00e1vel. Trabalhamos com uma vasta curadoria de tecidos nobres, como linho, seda e voil.\" data-tech=\"Tecidos: Linho, Seda, Voil, Jacquard, Veludo.|Modelos: Prega Macho, Prega Wave, Ilh\u00f3s.|Benef\u00edcios: Conforto ac\u00fastico, eleg\u00e2ncia, versatilidade.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/cortinas-tradicionais-de-tecido-loja-viva-cortinas-02.jpeg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Tecido';\" alt=\"Cortina de Tecido\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Tradicional de Tecido<\/h4><p class=\"text-sm text-brand-text\/60\">Aconchego e sofistica\u00e7\u00e3o<\/p>\r\n <\/div>\r\n <!-- Produto Item: Plissada -->\r\n <div class=\"group text-center product-card\" data-title=\"Cortina Plissada\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/Cortina-Plissada-A.jpg\" data-desc=\"Com dobras delicadas, a cortina Plissada \u00e9 leve e discreta, ideal para v\u00e3os menores e projetos que pedem um toque sutil de textura.\" data-tech=\"Tecidos: Transl\u00facidos e decorativos.|Acionamentos: Manual.|Benef\u00edcios: Leveza, ocupa pouco espa\u00e7o.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/Cortina-Plissada-A.jpg\" alt=\"Cortina Plissada\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Plissada<\/h4><p class=\"text-sm text-brand-text\/60\">Textura e delicadeza<\/p>\r\n <\/div>\r\n <!-- Produto Item: Celular -->\r\n <div class=\"group text-center product-card\" data-title=\"Cortina Celular\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/CortinaCelular.jpg\" data-desc=\"Com formato de colmeia, a cortina Celular oferece excelente isolamento t\u00e9rmico e ac\u00fastico, contribuindo para a efici\u00eancia energ\u00e9tica do ambiente.\" data-tech=\"Tecidos: Transl\u00facidos e Blackout.|Acionamentos: Manual e Motorizado.|Benef\u00edcios: Isolamento t\u00e9rmico e ac\u00fastico.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/CortinaCelular.jpg\" alt=\"Cortina Celular\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Celular<\/h4><p class=\"text-sm text-brand-text\/60\">Conforto termoac\u00fastico<\/p>\r\n <\/div>\r\n <!-- Produto Item: Painel -->\r\n <div class=\"group text-center product-card\" data-title=\"Cortina Painel\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/persiana_painel_gourmet_branca_180x260m_89474735_0002_600x600.jpg\" data-desc=\"Com pain\u00e9is de tecido que deslizam lateralmente, a Cortina Painel \u00e9 uma solu\u00e7\u00e3o elegante para cobrir grandes v\u00e3os, como portas de vidro e varandas integradas.\" data-tech=\"Tecidos: Transl\u00facidos, Blackout e Tela Solar.|Acionamentos: Manual.|Benef\u00edcios: Ideal para v\u00e3os amplos, visual imponente.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/persiana_painel_gourmet_branca_180x260m_89474735_0002_600x600.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Painel';\" alt=\"Cortina Painel\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Painel<\/h4><p class=\"text-sm text-brand-text\/60\">Para grandes aberturas<\/p>\r\n <\/div>\r\n <!-- Produto Item: Motorizadas -->\r\n <div class=\"group text-center product-card\" data-title=\"Cortinas Motorizadas\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/CORTINA.jpg\" data-desc=\"A automa\u00e7\u00e3o traz o m\u00e1ximo de conforto e praticidade. Controle suas cortinas e persianas com um simples toque no controle remoto ou integre ao seu sistema de casa inteligente.\" data-tech=\"Compatibilidade: Maioria dos modelos de cortinas e persianas.|Acionamentos: Controle Remoto, App, Comando de Voz.|Benef\u00edcios: Conforto, praticidade, modernidade.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/CORTINA.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Motorizadas';\" alt=\"Cortinas Motorizadas\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Motorizadas<\/h4><p class=\"text-sm text-brand-text\/60\">Tecnologia e conforto<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- PERSIANAS E TOLDOS -->\r\n <div class=\"flex items-center gap-4 mb-10\">\r\n <h3 class=\"text-3xl font-display text-brand-text flex-shrink-0\">Persianas e Toldos<\/h3>\r\n <div class=\"w-full h-px bg-brand-light-gray\"><\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8\">\r\n <!-- Produto Item: Vertical -->\r\n <div class=\"group text-center product-card\" data-title=\"Persiana Vertical\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/persiana_vertical.webp\" data-desc=\"Ideal para grandes v\u00e3os e ambientes corporativos, a persiana vertical oferece um controle pr\u00e1tico da luminosidade atrav\u00e9s do giro de suas l\u00e2minas.\" data-tech=\"Materiais: PVC e Tecido.|Acionamentos: Manual.|Benef\u00edcios: Custo-benef\u00edcio, ideal para grandes janelas.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/persiana_vertical.webp\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Vertical';\" alt=\"Persiana Vertical\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Vertical<\/h4><p class=\"text-sm text-brand-text\/60\">Funcionalidade e controle<\/p>\r\n <\/div>\r\n <!-- Produto Item: Horizontal -->\r\n <div class=\"group text-center product-card\" data-title=\"Persiana Horizontal\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/Ambiente-com-Persiana-Horizontal-de-Madeira-8.jpg\" data-desc=\"Um \u00edcone do design, a persiana horizontal \u00e9 vers\u00e1til e atemporal. Dispon\u00edvel em diversos materiais, adapta-se a qualquer estilo de decora\u00e7\u00e3o.\" data-tech=\"Materiais: Alum\u00ednio (16mm, 25mm, 50mm), Madeira e PVC.|Acionamentos: Manual e Motorizado.|Benef\u00edcios: Controle preciso da luz, design vers\u00e1til.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/Ambiente-com-Persiana-Horizontal-de-Madeira-8.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Horizontal';\" alt=\"Persiana Horizontal\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Horizontal<\/h4><p class=\"text-sm text-brand-text\/60\">Design atemporal<\/p>\r\n <\/div>\r\n <!-- Produto Item: Blackout -->\r\n <div class=\"group text-center product-card\" data-title=\"Persiana Blackout\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/CORTINA-PARA-SALA.jpg\" data-desc=\"Dispon\u00edvel em diversos modelos (Rol\u00f4, Romana, etc.), os tecidos blackout s\u00e3o projetados para bloquear at\u00e9 100% da luminosidade, garantindo privacidade e conforto.\" data-tech=\"Modelos: Rol\u00f4, Romana, Painel, Tecido.|Benef\u00edcios: Escurecimento total, privacidade, conforto t\u00e9rmico e ac\u00fastico.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/CORTINA-PARA-SALA.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Blackout';\" alt=\"Persiana Blackout\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Blackout<\/h4><p class=\"text-sm text-brand-text\/60\">Privacidade total<\/p>\r\n <\/div>\r\n <!-- Produto Item: Toldos -->\r\n <div class=\"group text-center product-card\" data-title=\"Toldos Sob Medida\" data-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/toldo-articulado-motorizado-04.jpg\" data-desc=\"Prote\u00e7\u00e3o solar e design para \u00e1reas externas. Nossos toldos s\u00e3o feitos sob medida com materiais de alta durabilidade, ideais para varandas, jardins e \u00e1reas comerciais.\" data-tech=\"Modelos: Articulados, Verticais, Fixos.|Materiais: Lona acr\u00edlica, tela solar.|Acionamentos: Manual e Motorizado.\">\r\n <div class=\"overflow-hidden rounded-lg shadow-subtle mb-4 border border-brand-light-gray product-gallery-container\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/toldo-articulado-motorizado-04.jpg\" alt=\"Toldos\" class=\"transition-transform duration-300\">\r\n <\/div>\r\n <h4 class=\"font-semibold text-lg\">Toldos<\/h4><p class=\"text-sm text-brand-text\/60\">Prote\u00e7\u00e3o e design externo<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==== DIFERENCIAIS ==== -->\r\n <section id=\"diferenciais\" class=\"py-20 lg:py-32 bg-brand-primary text-white fade-in-section\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-4xl lg:text-5xl font-display\">Nossa assinatura \u00e9 a combina\u00e7\u00e3o de produtos premium com um atendimento personalizado<\/h2>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 max-w-7xl mx-auto\">\r\n <!-- Diferencial Item -->\r\n <div class=\"text-center\">\r\n <div class=\"flex items-center justify-center h-16 w-16 mx-auto rounded-full bg-brand-accent\/20 mb-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 text-brand-accent\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\" \/><\/svg><\/div>\r\n <h3 class=\"text-xl font-display text-white font-semibold\">Consultoria Especializada<\/h3>\r\n <p class=\"mt-2 text-white\/70 text-sm\">Assist\u00eancia completa, do projeto \u00e0 instala\u00e7\u00e3o, para a escolha ideal.<\/p>\r\n <\/div>\r\n <!-- Diferencial Item -->\r\n <div class=\"text-center\">\r\n <div class=\"flex items-center justify-center h-16 w-16 mx-auto rounded-full bg-brand-accent\/20 mb-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 text-brand-accent\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\" \/><\/svg><\/div>\r\n <h3 class=\"text-xl font-display text-white font-semibold\">Materiais de Qualidade\u00a0<\/h3>\r\n <p class=\"mt-2 text-white\/70 text-sm\">Garantia de f\u00e1brica e certifica\u00e7\u00e3o INMETRO em todos os produtos.<\/p>\r\n <\/div>\r\n <!-- Diferencial Item -->\r\n <div class=\"text-center\">\r\n <div class=\"flex items-center justify-center h-16 w-16 mx-auto rounded-full bg-brand-accent\/20 mb-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 text-brand-accent\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\" \/><\/svg><\/div>\r\n <h3 class=\"text-xl font-display text-white font-semibold\">Atendimento VIP<\/h3>\r\n <p class=\"mt-2 text-white\/70 text-sm\">Canal direto via WhatsApp, instala\u00e7\u00e3o inclusa e pagamento facilitado.<\/p>\r\n <\/div>\r\n <!-- Diferencial Item -->\r\n <div class=\"text-center\">\r\n <div class=\"flex items-center justify-center h-16 w-16 mx-auto rounded-full bg-brand-accent\/20 mb-4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 text-brand-accent\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.707.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\" \/><\/svg><\/div>\r\n <h3 class=\"text-xl font-display text-white font-semibold\">Tecnologia e Tend\u00eancia<\/h3>\r\n <p class=\"mt-2 text-white\/70 text-sm\">Materiais modernos e resistentes, alinhados \u00e0s \u00faltimas tend\u00eancias. Temos mostru\u00e1rios com os mais recentes lan\u00e7amentos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==== COMO FUNCIONA (PROCESSO) ==== -->\r\n <section id=\"processo\" class=\"py-20 lg:py-32 bg-brand-bg-alt fade-in-section\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-4xl lg:text-5xl font-display text-brand-primary\">Nosso Processo Exclusivo<\/h2>\r\n <p class=\"mt-4 max-w-2xl mx-auto text-brand-text\/70\">Uma jornada \u00e1gil e sofisticada, do primeiro contato \u00e0 instala\u00e7\u00e3o impec\u00e1vel.<\/p>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n <!-- Passo 1 -->\r\n <div class=\"text-center border border-brand-light-gray p-8 rounded-lg\">\r\n <div class=\"flex items-center justify-center h-16 w-16 mx-auto rounded-full bg-brand-accent text-white font-bold text-2xl font-display mb-4\">01<\/div>\r\n <h3 class=\"font-semibold text-lg mb-2\">Contato Inicial<\/h3>\r\n <p class=\"text-sm text-brand-text\/70\">Or\u00e7amento r\u00e1pido e personalizado via WhatsApp.<\/p>\r\n <\/div>\r\n <!-- Passo 2 -->\r\n <div class=\"text-center border border-brand-light-gray p-8 rounded-lg\">\r\n <div class=\"flex items-center justify-center h-16 w-16 mx-auto rounded-full bg-brand-accent text-white font-bold text-2xl font-display mb-4\">02<\/div>\r\n <h3 class=\"font-semibold text-lg mb-2\">Visita T\u00e9cnica<\/h3>\r\n <p class=\"text-sm text-brand-text\/70\">Ap\u00f3s aprova\u00e7\u00e3o do pedido, levamos amostras e realizamos a medi\u00e7\u00e3o precisa.<\/p>\r\n <\/div>\r\n <!-- Passo 3 -->\r\n <div class=\"text-center border border-brand-light-gray p-8 rounded-lg\">\r\n <div class=\"flex items-center justify-center h-16 w-16 mx-auto rounded-full bg-brand-accent text-white font-bold text-2xl font-display mb-4\">03<\/div>\r\n <h3 class=\"font-semibold text-lg mb-2\">Pagamento Facilitado\u00a0<\/h3>\r\n <p class=\"text-sm text-brand-text\/70\">Processo seguro, aceitando cart\u00f5es, PIX e mais.<\/p>\r\n <\/div>\r\n <!-- Passo 4 -->\r\n <div class=\"text-center border border-brand-light-gray p-8 rounded-lg\">\r\n <div class=\"flex items-center justify-center h-16 w-16 mx-auto rounded-full bg-brand-accent text-white font-bold text-2xl font-display mb-4\">04<\/div>\r\n <h3 class=\"font-semibold text-lg mb-2\">Instala\u00e7\u00e3o Profissional<\/h3>\r\n <p class=\"text-sm text-brand-text\/70\">Acabamento impec\u00e1vel por nossa equipe especializada.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==== PROJETOS REALIZADOS (MOSAICO DIN\u00c2MICO) ==== -->\r\n <section id=\"projetos\" class=\"py-20 lg:py-32 fade-in-section\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-4xl lg:text-5xl font-display text-brand-primary\">Projetos que Inspiram<\/h2>\r\n <p class=\"mt-4 max-w-2xl mx-auto text-brand-text\/70\">Ambientes transformados com a nossa assinatura de sofistica\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <!-- O grid agora usa um layout din\u00e2mico\/assimetrico -->\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\r\n <!-- Projeto 1: DESTAQUE (2x2) -->\r\n <div class=\"group relative overflow-hidden rounded-lg shadow-subtle project-card big-tile\" data-project-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/cortina-persiana-rolo-tela-solar-sacadas-e-varandas-D_NQ_NP_635202-MLB27357286098_052018-F.jpg\" data-project-title=\"Varanda Gourmet Integrada\" data-project-location=\"Jardins, S\u00e3o Paulo\" data-project-needs=\"O cliente precisava de prote\u00e7\u00e3o solar para sua varanda gourmet sem perder a vista privilegiada. A solu\u00e7\u00e3o deveria ser moderna e de f\u00e1cil manuseio.\" data-project-recommendation=\"Recomendamos a Cortina Rol\u00f4 com Tela Solar 3%, que oferece excelente prote\u00e7\u00e3o UV e conforto t\u00e9rmico, ao mesmo tempo que preserva a transpar\u00eancia e a vista externa.\" data-project-testimonial=\"A cortina rol\u00f4 com tela solar foi a escolha perfeita. Protege do sol, mant\u00e9m o ambiente agrad\u00e1vel e a vista continua incr\u00edvel. O servi\u00e7o foi impec\u00e1vel.\" data-project-client=\"\u2014 Fam\u00edlia Almeida\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/cortina-persiana-rolo-tela-solar-sacadas-e-varandas-D_NQ_NP_635202-MLB27357286098_052018-F.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x800\/F5F0EA\/313639?text=Projeto+1';\" alt=\"Projeto de sacada com cortina rol\u00f4\" class=\"transform group-hover:scale-105 transition-transform duration-300\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 p-4 text-white\"><h4 class=\"font-semibold\">Residencial<\/h4><p class=\"text-sm\">Jardins, S\u00e3o Paulo<\/p><\/div>\r\n <\/div>\r\n <!-- Projeto 2 (1x1) -->\r\n <div class=\"group relative overflow-hidden rounded-lg shadow-subtle project-card\" data-project-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/cortinas-tradicionais-de-tecido-loja-viva-cortinas-05.jpg\" data-project-title=\"Su\u00edte Master Aconchegante\" data-project-location=\"Itaim Bibi, S\u00e3o Paulo\" data-project-needs=\"A cliente desejava uma cortina que trouxesse aconchego e sofistica\u00e7\u00e3o para a su\u00edte, com um bom controle de luminosidade para as manh\u00e3s.\" data-project-recommendation=\"Sugerimos uma Cortina de Tecido em linho com forro blackout e prega wave, que garante um caimento perfeito e o bloqueio total da luz quando necess\u00e1rio, sem perder a eleg\u00e2ncia.\" data-project-testimonial=\"A cortina de linho com forro blackout ficou um sonho! O caimento \u00e9 perfeito e o ambiente ficou muito mais acolhedor. Atendimento nota mil.\" data-project-client=\"\u2014 Sra. Ribeiro\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/cortinas-tradicionais-de-tecido-loja-viva-cortinas-05.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Projeto+2';\" alt=\"Projeto de quarto com cortina de tecido\" class=\"transform group-hover:scale-105 transition-transform duration-300\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 p-4 text-white\"><h4 class=\"font-semibold\">Apartamento<\/h4><p class=\"text-sm\">Itaim Bibi, S\u00e3o Paulo<\/p><\/div>\r\n <\/div>\r\n <!-- Projeto 3 (1x1) -->\r\n <div class=\"group relative overflow-hidden rounded-lg shadow-subtle project-card\" data-project-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/rolo-protecao-solar-sacada.jpg\" data-project-title=\"Living com Vista Panor\u00e2mica\" data-project-location=\"Morumbi, S\u00e3o Paulo\" data-project-needs=\"Proteger os m\u00f3veis da incid\u00eancia solar direta em um living com p\u00e9-direito duplo, mantendo a leveza e a vis\u00e3o externa.\" data-project-recommendation=\"A solu\u00e7\u00e3o foi a Cortina Rol\u00f4 Motorizada com Tela Solar, permitindo o controle pr\u00e1tico da luminosidade em janelas altas e garantindo o conforto t\u00e9rmico.\" data-project-testimonial=\"A equipe da L\u00edrios Decor sugeriu a tela solar e foi a melhor decis\u00e3o. O conforto t\u00e9rmico melhorou muito e a est\u00e9tica ficou super clean.\" data-project-client=\"\u2014 Sr. Guimar\u00e3es\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/rolo-protecao-solar-sacada.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Projeto+3';\" alt=\"Projeto com persiana rol\u00f4\" class=\"transform group-hover:scale-105 transition-transform duration-300\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 p-4 text-white\"><h4 class=\"font-semibold\">Living<\/h4><p class=\"text-sm\">Morumbi, S\u00e3o Paulo<\/p><\/div>\r\n <\/div>\r\n <!-- Projeto 4 (1x1) -->\r\n <div class=\"group relative overflow-hidden rounded-lg shadow-subtle project-card\" data-project-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/cortina-romana-de-teto-preco.jpg\" data-project-title=\"Home Office Elegante\" data-project-location=\"Higien\u00f3polis, S\u00e3o Paulo\" data-project-needs=\"Criar um ambiente de trabalho em casa que fosse ao mesmo tempo funcional e elegante, com bom controle de luz para evitar reflexos na tela.\" data-project-recommendation=\"Indicamos a Cortina Romana em tecido transl\u00facido, que filtra a luz de forma suave, criando uma atmosfera produtiva e sofisticada.\" data-project-testimonial=\"A cortina romana foi a escolha certa. Deu um toque de classe ao escrit\u00f3rio e o controle da luz \u00e9 excelente. Recomendo o trabalho da L\u00edrios.\" data-project-client=\"\u2014 Dr. Monteiro\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/cortina-romana-de-teto-preco.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Projeto+4';\" alt=\"Projeto com cortina romana\" class=\"transform group-hover:scale-105 transition-transform duration-300\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 p-4 text-white\"><h4 class=\"font-semibold\">Home Office<\/h4><p class=\"text-sm\">Higien\u00f3polis, S\u00e3o Paulo<\/p><\/div>\r\n <\/div>\r\n <!-- Projeto 5 (1x1) -->\r\n <div class=\"group relative overflow-hidden rounded-lg shadow-subtle project-card\" data-project-img=\"https:\/\/liriosdecoracoes.com.br\/imagens\/CORTINA-POR-ENCOMENDA.jpg\" data-project-title=\"Quarto de Casal\" data-project-location=\"Alphaville, Barueri\" data-project-needs=\"Um blackout eficiente que tamb\u00e9m funcionasse como um elemento decorativo sofisticado para a su\u00edte principal.\" data-project-recommendation=\"Para unir o \u00fatil ao agrad\u00e1vel, instalamos uma cortina de tecido nobre com forro blackout 100%, garantindo o escurecimento total com um visual requintado.\" data-project-testimonial=\"Ficou perfeito! A cortina com blackout veda 100% a luz e o tecido escolhido \u00e9 maravilhoso. A instala\u00e7\u00e3o foi r\u00e1pida e muito profissional.\" data-project-client=\"\u2014 Fam\u00edlia Nogueira\">\r\n <img decoding=\"async\" src=\"https:\/\/liriosdecoracoes.com.br\/imagens\/CORTINA-POR-ENCOMENDA.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/400x400\/F5F0EA\/313639?text=Projeto+5';\" alt=\"Projeto com cortina sob medida\" class=\"transform group-hover:scale-105 transition-transform duration-300\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 p-4 text-white\"><h4 class=\"font-semibold\">Su\u00edte Master<\/h4><p class=\"text-sm\">Alphaville, Barueri<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==== DEPOIMENTOS ==== -->\r\n <section id=\"depoimentos\" class=\"py-20 lg:py-32 bg-brand-bg-alt fade-in-section\">\r\n <div class=\"container mx-auto px-6 max-w-4xl\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-4xl lg:text-5xl font-display text-brand-primary\">Confian\u00e7a e Qualidade Comprovada<\/h2>\r\n <\/div>\r\n <!-- Swiper -->\r\n <div class=\"swiper testimonial-swiper\">\r\n <div class=\"swiper-wrapper\">\r\n <!-- Slide 1 -->\r\n <div class=\"swiper-slide text-center px-8\"><blockquote class=\"text-xl lg:text-2xl font-display text-brand-text\/80 leading-relaxed\">\"O profissionalismo e a qualidade s\u00e3o incompar\u00e1veis. As persianas motorizadas superaram nossas expectativas. O processo foi r\u00e1pido e o resultado final \u00e9 simplesmente magn\u00edfico.\"<\/blockquote><4><p class=\"mt-8 font-semibold text-brand-text\">Dr. Carlos Mendon\u00e7a<\/p><p class=\"text-sm text-brand-text\/60\">Vila Madalena, S\u00e3o Paulo<\/p><\/div>\r\n <!-- Slide 2 -->\r\n <div class=\"swiper-slide text-center px-8\"><blockquote class=\"text-xl lg:text-2xl font-display text-brand-text\/80 leading-relaxed\">\"A L\u00edrios Decor transformou completamente nossa sala. As cortinas de linho ficaram perfeitas e o atendimento foi excepcional do in\u00edcio ao fim. Recomendo para quem busca sofistica\u00e7\u00e3o.\"<\/blockquote><p class=\"mt-8 font-semibold text-brand-text\">Maria Helena S.<\/p><p class=\"text-sm text-brand-text\/60\">Jardins, S\u00e3o Paulo<\/p><\/div>\r\n <!-- Slide 3 -->\r\n <div class=\"swiper-slide text-center px-8\"><blockquote class=\"text-xl lg:text-2xl font-display text-brand-text\/80 leading-relaxed\">\"Excelente experi\u00eancia. A equipe \u00e9 extremamente profissional e o acabamento \u00e9 impec\u00e1vel. Nossa casa ganhou um ar muito mais elegante com as cortinas rol\u00f4 na sacada.\"<\/blockquote><p class=\"mt-8 font-semibold text-brand-text\">Ana Beatriz Oliveira<\/p><p class=\"text-sm text-brand-text\/60\">Higien\u00f3polis, S\u00e3o Paulo<\/p><\/div>\r\n <!-- Slide 4 -->\r\n <div class=\"swiper-slide text-center px-8\"><blockquote class=\"text-xl lg:text-2xl font-display text-brand-text\/80 leading-relaxed\">\"A consultoria fez toda a diferen\u00e7a. Eles entenderam exatamente o que eu precisava para o meu home office. A persiana de madeira ficou um charme.\"<\/blockquote><p class=\"mt-8 font-semibold text-brand-text\">Ricardo F.<\/p><p class=\"text-sm text-brand-text\/60\">Pinheiros, S\u00e3o Paulo<\/p><\/div>\r\n <!-- Slide 5 -->\r\n <div class=\"swiper-slide text-center px-8\"><blockquote class=\"text-xl lg:text-2xl font-display text-brand-text\/80 leading-relaxed\">\"Qualidade impressionante dos materiais. D\u00e1 para ver que s\u00e3o produtos que v\u00e3o durar a vida toda. Valeu cada centavo.\"<\/blockquote><p class=\"mt-8 font-semibold text-brand-text\">Juliana P.<\/p><p class=\"text-sm text-brand-text\/60\">Moema, S\u00e3o Paulo<\/p><\/div>\r\n <!-- Slide 6 -->\r\n <div class=\"swiper-slide text-center px-8\"><blockquote class=\"text-xl lg:text-2xl font-display text-brand-text\/80 leading-relaxed\">\"A instala\u00e7\u00e3o foi muito r\u00e1pida e limpa. A equipe \u00e9 super cuidadosa. Fiquei muito satisfeita com o servi\u00e7o completo.\"<\/blockquote><p class=\"mt-8 font-semibold text-brand-text\">Fernanda L.<\/p><p class=\"text-sm text-brand-text\/60\">Tatuap\u00e9, S\u00e3o Paulo<\/p><\/div>\r\n <!-- Slide 7 -->\r\n <div class=\"swiper-slide text-center px-8\"><blockquote class=\"text-xl lg:text-2xl font-display text-brand-text\/80 leading-relaxed\">\"O atendimento via WhatsApp \u00e9 um diferencial enorme. Consegui resolver tudo de forma r\u00e1pida e pr\u00e1tica. Excelente!\"<\/blockquote><p class=\"mt-8 font-semibold text-brand-text\">Gustavo M.<\/p><p class=\"text-sm text-brand-text\/60\">Perdizes, S\u00e3o Paulo<\/p><\/div>\r\n <!-- Slide 8 -->\r\n <div class=\"swiper-slide text-center px-8\"><blockquote class=\"text-xl lg:text-2xl font-display text-brand-text\/80 leading-relaxed\">\"As cortinas Double Vision deram um toque de modernidade que faltava no meu apartamento. O efeito \u00e9 lindo e super funcional.\"<\/blockquote><p class=\"mt-8 font-semibold text-brand-text\">Camila R.<\/p><p class=\"text-sm text-brand-text\/60\">Vila Mariana, S\u00e3o Paulo<\/p><\/div>\r\n <!-- Slide 9 -->\r\n <div class=\"swiper-slide text-center px-8\"><blockquote class=\"text-xl lg:text-2xl font-display text-brand-text\/80 leading-relaxed\">\"Servi\u00e7o de alt\u00edssimo n\u00edvel, desde a visita com o mostru\u00e1rio at\u00e9 a finaliza\u00e7\u00e3o. Recomendo de olhos fechados.\"<\/blockquote><p class=\"mt-8 font-semibold text-brand-text\">Patr\u00edcia B.<\/p><p class=\"text-sm text-brand-text\/60\">Morumbi, S\u00e3o Paulo<\/p><\/div>\r\n <!-- Slide 10 -->\r\n <div class=\"swiper-slide text-center px-8\"><blockquote class=\"text-xl lg:text-2xl font-display text-brand-text\/80 leading-relaxed\">\"Finalmente encontrei uma empresa que entrega o que promete: luxo, qualidade e um atendimento que realmente entende o cliente.\"<\/blockquote><p class=\"mt-8 font-semibold text-brand-text\">Leonardo A.<\/p><p class=\"text-sm text-brand-text\/60\">Alphaville, Barueri<\/p><\/div>\r\n <\/div>\r\n <!-- Add Pagination -->\r\n <div class=\"swiper-pagination mt-8 relative\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==== OR\u00c7AMENTO CTA ==== -->\r\n <section id=\"orcamento\" class=\"py-20 lg:py-32 fade-in-section\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"bg-brand-bg-alt rounded-lg shadow-lifted p-10 md:p-16 text-center\">\r\n <h2 class=\"text-4xl lg:text-5xl font-display text-brand-primary\">Solicite seu Or\u00e7amento<\/h2>\r\n <p class=\"mt-4 max-w-2xl mx-auto text-brand-text\/70\">D\u00ea o primeiro passo para transformar seu ambiente. Fale com um de nossos consultores e receba um projeto personalizado, sem compromisso.<\/p>\r\n <a href=\"https:\/\/wa.me\/5511990058788?text=Ol\u00e1!%20Gostaria%20de%20solicitar%20um%20or\u00e7amento%20personalizado.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-8 inline-block bg-brand-primary text-white px-10 py-4 rounded-md font-semibold hover:bg-brand-text transition-colors\">\r\n Falar com um Consultor\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <!-- ==== FOOTER ==== -->\r\n <footer id=\"contato\" class=\"bg-brand-text text-brand-bg\/70 py-16\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\r\n <div class=\"lg:col-span-4\">\r\n <div class=\"text-center lg:text-left\">\r\n <h3 class=\"text-2xl font-display font-bold text-white leading-none\">L\u00edrios Decor<\/h3>\r\n <span class=\"text-xs font-sans text-brand-accent tracking-widest\">By Patr\u00edcia Toledo<\/span>\r\n <\/div>\r\n <p class=\"text-sm mt-4 text-center lg:text-left\">Sofistica\u00e7\u00e3o em cortinas, persianas e toldos sob medida. Atendimento em SP e Grande S\u00e3o Paulo.<\/p>\r\n <div class=\"flex items-center justify-center lg:justify-start space-x-4 mt-6\">\r\n <a href=\"https:\/\/www.instagram.com\/liriosdecoracoescortinas\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.85s-.011 3.584-.069 4.85c-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07s-3.584-.012-4.85-.07c-3.252-.148-4.771-1.691-4.919-4.919-.058-1.265-.069-1.645-.069-4.85s.011-3.584.069-4.85c.149-3.225 1.664-4.771 4.919-4.919 1.266-.057 1.644-.069 4.85-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948s.014 3.667.072 4.947c.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072s3.667-.014 4.947-.072c4.358-.2 6.78-2.618 6.98-6.98.059-1.281.073-1.689.073-4.948s-.014-3.667-.072-4.947c-.2-4.358-2.618-6.78-6.98-6.98-1.281-.058-1.689-.072-4.948-.072zM12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0 8c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3zM21 4.286c0-.447-.363-.81-.81-.81s-.81.363-.81.81.363.81.81.81.81-.363.81-.81z\"\/><\/svg><\/a>\r\n <a href=\"https:\/\/wa.me\/5511990058788?text=Ol%C3%A1!%20Gostaria%20de%20um%20or%C3%A7amento.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zM6.597 20.193c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.447-4.435-9.884-9.888-9.884-5.448 0-9.886 4.434-9.889 9.885.002 2.024.603 3.965 1.738 5.618l-1.162 4.244 4.352-1.142z\"\/><\/svg><\/a>\r\n <button id=\"share-btn\" class=\"hover:text-white transition flex items-center gap-2 text-sm\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.684 13.342C8.886 12.938 9 12.482 9 12s-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.368a3 3 0 105.367 2.684 3 3 0 00-5.367-2.684z\" \/><\/svg> <span id=\"share-text\">Compartilhar<\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lg:col-span-8\">\r\n <h4 class=\"font-semibold text-white mb-4 text-lg\">Solicite uma consultoria premium<\/h4>\r\n <form id=\"whatsapp-form\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <input type=\"text\" id=\"form-name\" placeholder=\"Seu nome\" class=\"bg-brand-text\/50 border border-brand-bg\/20 rounded-md p-3 text-white placeholder-brand-bg\/50 focus:outline-none focus:ring-2 focus:ring-brand-accent\">\r\n <input type=\"tel\" id=\"form-whatsapp\" placeholder=\"Seu WhatsApp\" class=\"bg-brand-text\/50 border border-brand-bg\/20 rounded-md p-3 text-white placeholder-brand-bg\/50 focus:outline-none focus:ring-2 focus:ring-brand-accent\">\r\n <textarea id=\"form-message\" placeholder=\"Conte-nos sobre seu projeto...\" rows=\"4\" class=\"md:col-span-2 bg-brand-text\/50 border border-brand-bg\/20 rounded-md p-3 text-white placeholder-brand-bg\/50 focus:outline-none focus:ring-2 focus:ring-brand-accent\"><\/textarea>\r\n <button type=\"button\" id=\"submit-whatsapp-form\" class=\"bg-brand-accent text-brand-text font-semibold py-3 px-6 rounded-md hover:bg-white transition-colors md:col-span-2\">Enviar Mensagem<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-12 pt-8 border-t border-brand-bg\/20 text-center text-xs\">\r\n <p>© <span id=\"current-year\">2025<\/span> L\u00edrios Decor. Todos os direitos reservados.<\/p>\r\n <p class=\"text-xs mt-2 text-brand-bg\/50\">Site criado por <a href=\"https:\/\/camillodantas.com.br\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"underline hover:text-white\">Camillo Dantas<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- ==== PRODUCT MODAL ==== -->\r\n <div id=\"product-modal\" class=\"modal-container fixed inset-0 bg-black\/70 z-50 flex items-center justify-center p-4 opacity-0 pointer-events-none\">\r\n <div class=\"modal-overlay absolute inset-0\"><\/div>\r\n <div class=\"modal-content bg-brand-bg w-full max-w-4xl max-h-[90vh] rounded-lg shadow-lifted relative overflow-y-auto\">\r\n <button class=\"modal-close-btn absolute top-4 right-4 text-brand-text hover:text-brand-primary z-10\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg><\/button>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2\"><div class=\"p-4\"><img decoding=\"async\" id=\"modal-img-product\" src=\"\" alt=\"Product Image\" class=\"w-full h-auto max-h-[80vh] object-contain rounded-md\"><\/div><div class=\"p-8\"><h3 id=\"modal-title-product\" class=\"text-3xl font-display text-brand-primary mb-4\"><\/h3><p id=\"modal-desc-product\" class=\"text-brand-text\/80 mb-6\"><\/p><h4 class=\"font-semibold text-lg mb-2\">Detalhes T\u00e9cnicos<\/h4><ul id=\"modal-tech-product\" class=\"list-disc list-inside text-brand-text\/70 space-y-1\"><\/ul><a href=\"https:\/\/wa.me\/5511990058788?text=Ol\u00e1!%20Gostaria%20de%20um%20or\u00e7amento.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-8 inline-block bg-brand-primary text-white px-8 py-3 rounded-md font-semibold hover:bg-brand-text transition-colors\">Solicitar Or\u00e7amento<\/a><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- ==== PROJECT MODAL ==== -->\r\n <div id=\"project-modal\" class=\"modal-container fixed inset-0 bg-black\/70 z-50 flex items-center justify-center p-4 opacity-0 pointer-events-none\">\r\n <div class=\"modal-overlay absolute inset-0\"><\/div>\r\n <div class=\"modal-content bg-brand-bg w-full max-w-4xl max-h-[90vh] rounded-lg shadow-lifted relative overflow-y-auto\">\r\n <button class=\"modal-close-btn absolute top-4 right-4 text-brand-text hover:text-brand-primary z-10\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg><\/button>\r\n <div class=\"p-8\"><h3 id=\"modal-title-project\" class=\"text-3xl font-display text-brand-primary mb-2\"><\/h3><p id=\"modal-location-project\" class=\"font-semibold text-brand-accent mb-6\"><\/p><div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\"><img decoding=\"async\" id=\"modal-img-project\" src=\"\" alt=\"Project Image\" class=\"w-full h-auto object-cover rounded-md\"><div><h4 class=\"font-semibold text-lg mb-2\">Necessidade do Cliente<\/h4><p id=\"modal-needs-project\" class=\"text-brand-text\/80 mb-6\"><\/p><h4 class=\"font-semibold text-lg mb-2\">Nossa Recomenda\u00e7\u00e3o<\/h4><p id=\"modal-recommendation-project\" class=\"text-brand-text\/80 mb-6\"><\/p><h4 class=\"font-semibold text-lg mb-2\">Depoimento<\/h4><blockquote id=\"modal-testimonial-project\" class=\"text-brand-text\/80 italic border-l-4 border-brand-accent pl-4\"><\/blockquote><footer id=\"modal-client-project\" class=\"mt-4 text-sm font-semibold text-brand-text\"><\/footer><\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n \/\/ --- Mobile Menu Toggle CORRIGIDO para anima\u00e7\u00e3o de slide e troca de \u00edcone ---\r\n const menuBtn = document.getElementById('menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const menuLinks = mobileMenu.querySelectorAll('.menu-link');\r\n const iconMenu = document.getElementById('icon-menu');\r\n const iconClose = document.getElementById('icon-close');\r\n\r\n \/\/ Fun\u00e7\u00e3o para controlar a abertura\/fechamento do menu com transi\u00e7\u00e3o e \u00edcone\r\n const toggleMenu = () => {\r\n const isClosed = mobileMenu.classList.contains('translate-x-full');\r\n\r\n if (isClosed) {\r\n \/\/ ABRIR o menu (remover translate-x-full)\r\n mobileMenu.classList.remove('translate-x-full');\r\n document.body.classList.add('overflow-hidden');\r\n \/\/ Troca de \u00edcones (Menu entra, Fechar sai)\r\n iconMenu.classList.add('opacity-0');\r\n iconClose.classList.remove('opacity-0');\r\n } else {\r\n \/\/ FECHAR o menu (adicionar translate-x-full)\r\n mobileMenu.classList.add('translate-x-full');\r\n document.body.classList.remove('overflow-hidden');\r\n \/\/ Troca de \u00edcones (Menu sai, Fechar entra)\r\n iconMenu.classList.remove('opacity-0');\r\n iconClose.classList.add('opacity-0');\r\n }\r\n };\r\n \r\n \/\/ Inicia o menu no estado fechado (garantia, j\u00e1 est\u00e1 no HTML, mas refor\u00e7a)\r\n mobileMenu.classList.add('translate-x-full');\r\n\r\n menuBtn.addEventListener('click', toggleMenu);\r\n \/\/ Fecha o menu quando um link \u00e9 clicado\r\n menuLinks.forEach(link => link.addEventListener('click', () => {\r\n \/\/ Checa se o menu est\u00e1 aberto antes de tentar fechar\r\n if (!mobileMenu.classList.contains('translate-x-full')) {\r\n toggleMenu();\r\n }\r\n }));\r\n\r\n\r\n \/\/ --- Anima\u00e7\u00e3o de Fade-in ao Rolar ---\r\n const sections = document.querySelectorAll('.fade-in-section');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('is-visible');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n sections.forEach(section => observer.observe(section));\r\n\r\n \/\/ --- Ano Atual no Rodap\u00e9 ---\r\n document.getElementById('current-year').textContent = new Date().getFullYear();\r\n\r\n \/\/ --- Testimonial Carousel ---\r\n const swiper = new Swiper('.testimonial-swiper', {\r\n loop: true,\r\n autoplay: { delay: 5000, disableOnInteraction: false, },\r\n pagination: { el: '.swiper-pagination', clickable: true, },\r\n });\r\n\r\n \/\/ --- Share Button Logic ---\r\n const shareBtn = document.getElementById('share-btn');\r\n const shareText = document.getElementById('share-text');\r\n shareBtn.addEventListener('click', async () => {\r\n const shareData = {\r\n title: 'L\u00edrios Decor',\r\n text: 'Conhe\u00e7a a L\u00edrios Decor - Cortinas e Persianas de Alto Padr\u00e3o.',\r\n url: window.location.href\r\n };\r\n try {\r\n if (navigator.share) {\r\n await navigator.share(shareData);\r\n } else {\r\n \/\/ Using document.execCommand('copy') for better compatibility in iframes\r\n const tempInput = document.createElement('input');\r\n tempInput.value = window.location.href;\r\n document.body.appendChild(tempInput);\r\n tempInput.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(tempInput);\r\n \r\n shareText.textContent = 'Link Copiado!';\r\n setTimeout(() => {\r\n shareText.textContent = 'Compartilhar';\r\n }, 2000);\r\n }\r\n } catch (err) {\r\n console.error(\"Share failed:\", err);\r\n }\r\n });\r\n \r\n \/\/ --- Form to WhatsApp Logic ---\r\n const whatsappFormBtn = document.getElementById('submit-whatsapp-form');\r\n whatsappFormBtn.addEventListener('click', () => {\r\n const name = document.getElementById('form-name').value;\r\n const phone = document.getElementById('form-whatsapp').value;\r\n const message = document.getElementById('form-message').value;\r\n \r\n let text = \"Ol\u00e1! Gostaria de solicitar uma consultoria.\\n\\n\";\r\n if (name) text += `*Nome:* ${name}\\n`;\r\n if (phone) text += `*WhatsApp:* ${phone}\\n`;\r\n if (message) text += `*Projeto:* ${message}`;\r\n \r\n const encodedText = encodeURIComponent(text);\r\n const whatsappUrl = `https:\/\/wa.me\/5511990058788?text=${encodedText}`;\r\n \r\n window.open(whatsappUrl, '_blank');\r\n });\r\n\r\n \/\/ --- Modal Logic ---\r\n const setupModal = (triggerSelector, modalSelector) => {\r\n const triggerElements = document.querySelectorAll(triggerSelector);\r\n const modal = document.querySelector(modalSelector);\r\n if (!modal) return;\r\n const modalOverlay = modal.querySelector('.modal-overlay');\r\n const modalCloseBtn = modal.querySelector('.modal-close-btn');\r\n\r\n const openModal = (data) => {\r\n \/\/ Populate modal based on type\r\n if (modalSelector === '#product-modal') {\r\n modal.querySelector('#modal-img-product').src = data.img;\r\n modal.querySelector('#modal-img-product').alt = data.title;\r\n modal.querySelector('#modal-title-product').textContent = data.title;\r\n modal.querySelector('#modal-desc-product').textContent = data.desc;\r\n const techList = modal.querySelector('#modal-tech-product');\r\n techList.innerHTML = '';\r\n \/\/ Corrigindo o split, j\u00e1 que o separador \u00e9 \"|\"\r\n if (data.tech) {\r\n data.tech.split('|').forEach(item => {\r\n const li = document.createElement('li');\r\n li.textContent = item;\r\n techList.appendChild(li);\r\n });\r\n }\r\n } else if (modalSelector === '#project-modal') {\r\n modal.querySelector('#modal-img-project').src = data.projectImg;\r\n modal.querySelector('#modal-img-project').alt = data.projectTitle;\r\n modal.querySelector('#modal-title-project').textContent = data.projectTitle;\r\n modal.querySelector('#modal-location-project').textContent = data.projectLocation;\r\n modal.querySelector('#modal-needs-project').textContent = data.projectNeeds;\r\n modal.querySelector('#modal-recommendation-project').textContent = data.projectRecommendation;\r\n modal.querySelector('#modal-testimonial-project').textContent = `\"${data.projectTestimonial}\"`;\r\n modal.querySelector('#modal-client-project').textContent = data.projectClient;\r\n }\r\n\r\n modal.classList.remove('opacity-0', 'pointer-events-none');\r\n modal.classList.add('active');\r\n document.body.classList.add('overflow-hidden');\r\n };\r\n\r\n const closeModal = () => {\r\n modal.classList.add('opacity-0');\r\n \/\/ Aguarda a transi\u00e7\u00e3o de opacidade antes de remover pointer-events e a classe 'active'\r\n setTimeout(() => {\r\n modal.classList.add('pointer-events-none');\r\n modal.classList.remove('active');\r\n document.body.classList.remove('overflow-hidden');\r\n }, 300);\r\n };\r\n\r\n triggerElements.forEach(element => {\r\n element.addEventListener('click', () => openModal(element.dataset));\r\n });\r\n modalOverlay.addEventListener('click', closeModal);\r\n modalCloseBtn.addEventListener('click', closeModal);\r\n };\r\n\r\n setupModal('.product-card', '#product-modal');\r\n setupModal('.project-card', '#project-modal');\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t ","protected":false},"excerpt":{"rendered":"<p>L\u00edrios Decor – Cortinas e Persianas de Alto Padr\u00e3o L\u00edrios Decor By Patr\u00edcia Toledo Sobre Produtos Diferenciais Projetos Whatsapp Sobre Produtos Diferenciais Projetos Contato Fale no WhatsApp A Arte de Vestir Ambientes Cortinas, persianas e toldos de alto padr\u00e3o que unem design, tecnologia e exclusividade. Projetos sob medida para um p\u00fablico de alto padr\u00e3o. Atendimento […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/liriosdecoracoes.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liriosdecoracoes.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liriosdecoracoes.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liriosdecoracoes.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liriosdecoracoes.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":29,"href":"https:\/\/liriosdecoracoes.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/liriosdecoracoes.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/liriosdecoracoes.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}