{"id":10,"date":"2025-11-22T10:27:23","date_gmt":"2025-11-22T13:27:23","guid":{"rendered":"https:\/\/arcleanclima.com.br\/?page_id=10"},"modified":"2025-11-23T14:15:59","modified_gmt":"2025-11-23T17:15:59","slug":"ar-clean-climatizacao","status":"publish","type":"page","link":"https:\/\/arcleanclima.com.br\/","title":{"rendered":"Ar Clean Climatiza\u00e7\u00e3o"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-275b90d elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"275b90d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9c861c7\" data-id=\"9c861c7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b82fe0 elementor-widget elementor-widget-html\" data-id=\"7b82fe0\" data-element_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=\"pt-BR\">\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>Ar Clean Clima - Solu\u00e7\u00f5es em Climatiza\u00e7\u00e3o<\/title>\r\n    <meta name=\"description\" content=\"Instala\u00e7\u00e3o, manuten\u00e7\u00e3o e limpeza de ar-condicionado. T\u00e9cnicos especializados e atendimento r\u00e1pido.\">\r\n    \r\n    <!-- Tailwind CSS (Via CDN) -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- \u00cdcones (Lucide) -->\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n    \r\n    <!-- Fonte Google (Inter) -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- CSS DE RESETE (ESSENCIAL PARA ELEMENTOR) --- *\/\r\n        html, body {\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            width: 100% !important;\r\n            max-width: 100vw !important;\r\n            overflow-x: hidden !important;\r\n            background-color: #f8fafc;\r\n        }\r\n\r\n        \/* Reseta containers do Elementor para n\u00e3o criar espa\u00e7os extras *\/\r\n        .elementor-section, .elementor-column, .elementor-widget-container {\r\n            padding: 0 !important;\r\n            margin: 0 !important;\r\n        }\r\n        \r\n        #inicio {\r\n            margin-top: -1px;\r\n        }\r\n        \r\n        \/* Ajuste suave da rolagem *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n            scroll-padding-top: 100px; \/* Compensa a altura do menu fixo *\/\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n        \r\n        \/* Logo responsiva *\/\r\n        .logo-img {\r\n            max-height: 80px !important;\r\n            width: auto !important;\r\n            display: block;\r\n            transition: all 0.3s ease;\r\n        }\r\n        @media (max-width: 768px) {\r\n            .logo-img {\r\n                max-height: 60px !important; \/* Logo menor no celular *\/\r\n            }\r\n        }\r\n\r\n        \/* Fundo do Hero *\/\r\n        .hero-bg {\r\n            background: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.9)), url('https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4f9d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\r\n            background-size: cover;\r\n            background-position: center;\r\n        }\r\n\r\n        \/* --- SLIDER DA HERO --- *\/\r\n        .hero-slider-container {\r\n            position: relative;\r\n            overflow: hidden;\r\n            \/* Moldura branca *\/\r\n            border: 4px solid rgba(255, 255, 255, 0.9) !important;\r\n            border-radius: 20px !important;\r\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;\r\n            background-color: transparent !important;\r\n            z-index: 20;\r\n        }\r\n        \r\n        .hero-slide {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            opacity: 0;\r\n            transition: opacity 1.5s ease-in-out;\r\n            \/* Garante preenchimento total focando no topo (ar-condicionado) *\/\r\n            object-fit: cover !important; \r\n            object-position: center 25% !important; \r\n            border: none !important;\r\n            border-radius: 0 !important;\r\n            background: transparent !important;\r\n        }\r\n        \r\n        .hero-slide.active {\r\n            opacity: 1;\r\n        }\r\n\r\n        \/* Anima\u00e7\u00e3o do WhatsApp Flutuante *\/\r\n        .whatsapp-float {\r\n            position: fixed;\r\n            bottom: 20px;\r\n            right: 20px;\r\n            z-index: 9999;\r\n            animation: pulse 2s infinite;\r\n        }\r\n        @keyframes pulse {\r\n            0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }\r\n            70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }\r\n            100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }\r\n        }\r\n\r\n        \/* --- ANIMA\u00c7\u00c3O SEQUENCIAL (QUEM SOMOS) --- *\/\r\n        @keyframes softScalePulse {\r\n            0%, 100% { \r\n                transform: scale(1); \r\n                border-color: #f1f5f9; \r\n                box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); \r\n                background-color: #ffffff;\r\n            }\r\n            50% { \r\n                transform: scale(1.05); \r\n                border-color: #bfdbfe; \r\n                box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); \r\n                background-color: #eff6ff; \r\n            }\r\n        }\r\n\r\n        .auto-pulse-card {\r\n            animation: softScalePulse 6s infinite ease-in-out;\r\n        }\r\n\r\n        .delay-1 { animation-delay: 0s; }\r\n        .delay-2 { animation-delay: 1.5s; }\r\n        .delay-3 { animation-delay: 3s; }\r\n        .delay-4 { animation-delay: 4.5s; }\r\n\r\n        \/* Transi\u00e7\u00e3o suave do menu mobile *\/\r\n        #mobile-menu {\r\n            transition: max-height 0.3s ease-out;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800\">\r\n\r\n    <!-- Cabe\u00e7alho \/ Navbar -->\r\n    <header class=\"bg-white shadow-md fixed w-full z-50 transition-all duration-300 top-0 left-0\">\r\n        <div class=\"container mx-auto px-4 lg:px-8 max-w-7xl py-2 flex justify-between items-center\">\r\n            \r\n            <!-- LOGO -->\r\n            <div class=\"flex items-center py-2\">\r\n                <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/Logomarca-VAZADA.png\" \r\n                     alt=\"Ar Clean Clima Logo\" \r\n                     class=\"logo-img\"\r\n                     style=\"height: 85px; width: auto;\" \r\n                     onerror=\"this.style.display='none'; document.getElementById('logo-text').style.display='block';\">\r\n                <span id=\"logo-text\" class=\"hidden text-2xl font-bold text-blue-600 ml-2\">AR CLEAN<\/span>\r\n            <\/div>\r\n\r\n            <!-- Menu Desktop -->\r\n            <nav class=\"hidden lg:flex space-x-8 items-center font-medium text-slate-700 text-base\">\r\n                <a href=\"#inicio\" class=\"hover:text-blue-600 transition py-2\">In\u00edcio<\/a>\r\n                <a href=\"#quem-somos\" class=\"hover:text-blue-600 transition py-2\">Quem Somos<\/a>\r\n                <a href=\"#servicos\" class=\"hover:text-blue-600 transition py-2\">Servi\u00e7os<\/a>\r\n                <a href=\"#contatos\" class=\"hover:text-blue-600 transition py-2\">Contatos<\/a>\r\n                \r\n                <div class=\"h-6 w-px bg-slate-200 mx-2\"><\/div>\r\n\r\n                <!-- \u00cdcone Instagram -->\r\n                <a href=\"https:\/\/www.instagram.com\/arclean_climatizacao\/#\" target=\"_blank\" class=\"text-blue-600 hover:text-blue-800 transition-all duration-300 transform hover:scale-125 hover:rotate-6 p-2 hover:bg-blue-50 rounded-full\" title=\"Siga nosso Instagram\">\r\n                    <i data-lucide=\"instagram\" class=\"w-6 h-6\"><\/i>\r\n                <\/a>\r\n\r\n                <!-- Bot\u00e3o CTA -->\r\n                <a href=\"https:\/\/wa.me\/5581985207997\" class=\"flex items-center bg-white border border-green-500 text-green-600 hover:bg-green-50 px-6 py-3 rounded-full font-bold transition shadow-lg transform hover:scale-105 text-sm ml-2\">\r\n                    <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/whatsapp_12635043.png\" alt=\"WhatsApp\" class=\"w-5 h-5 mr-2\">\r\n                    WhatsApp\r\n                <\/a>\r\n            <\/nav>\r\n\r\n            <!-- Bot\u00e3o Menu Mobile -->\r\n            <button class=\"lg:hidden text-slate-700 focus:outline-none p-2\" onclick=\"document.getElementById('mobile-menu').classList.toggle('hidden')\">\r\n                <i data-lucide=\"menu\" class=\"w-8 h-8\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <!-- Menu Mobile Dropdown -->\r\n        <div id=\"mobile-menu\" class=\"hidden bg-white border-t lg:hidden absolute w-full left-0 shadow-xl max-h-[80vh] overflow-y-auto\">\r\n            <div class=\"flex flex-col p-6 space-y-4\">\r\n                <a href=\"#inicio\" class=\"text-slate-700 font-medium border-b pb-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">In\u00edcio<\/a>\r\n                <a href=\"#quem-somos\" class=\"text-slate-700 font-medium border-b pb-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">Quem Somos<\/a>\r\n                <a href=\"#servicos\" class=\"text-slate-700 font-medium border-b pb-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">Servi\u00e7os<\/a>\r\n                <a href=\"#contatos\" class=\"text-slate-700 font-medium border-b pb-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">Contatos<\/a>\r\n                <div class=\"flex items-center gap-4 pt-2 justify-center\">\r\n                    <a href=\"https:\/\/www.instagram.com\/arclean_climatizacao\/#\" class=\"flex items-center text-blue-600 font-medium p-2 bg-blue-50 rounded-lg\">\r\n                        <i data-lucide=\"instagram\" class=\"w-6 h-6 mr-2\"><\/i> Siga-nos\r\n                    <\/a>\r\n                <\/div>\r\n                <a href=\"https:\/\/wa.me\/5581985207997\" class=\"bg-white border border-green-500 text-green-600 text-center py-3 rounded-lg font-bold mt-4 flex justify-center items-center\">\r\n                    <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/whatsapp_12635043.png\" alt=\"WhatsApp\" class=\"w-5 h-5 mr-2\"> \r\n                    Falar no WhatsApp\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Se\u00e7\u00e3o Hero (In\u00edcio) -->\r\n    <section id=\"inicio\" class=\"hero-bg h-auto md:h-screen min-h-[600px] flex items-center text-white pt-32 pb-20 md:pb-0 w-full\">\r\n        <div class=\"container mx-auto px-4 lg:px-8 max-w-7xl\">\r\n            <div class=\"flex flex-col md:flex-row items-center gap-12\">\r\n                \r\n                <!-- Coluna da Esquerda: Texto -->\r\n                <div class=\"md:w-1\/2 text-center md:text-left z-10\">\r\n                    <div class=\"inline-block bg-blue-600 bg-opacity-90 text-xs md:text-sm font-bold px-3 py-1 rounded-full mb-4 tracking-wide uppercase text-white backdrop-blur-sm\">\r\n                        Especialistas em Climatiza\u00e7\u00e3o\r\n                    <\/div>\r\n                    <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6 drop-shadow-lg\">\r\n                        Conforto t\u00e9rmico e ar puro para sua fam\u00edlia e empresa.\r\n                    <\/h1>\r\n                    <p class=\"text-lg md:text-xl text-slate-100 mb-8 leading-relaxed max-w-2xl drop-shadow-md\">\r\n                        Instala\u00e7\u00e3o, manuten\u00e7\u00e3o e limpeza de ar-condicionado com garantia. Atendimento residencial e empresarial.\r\n                    <\/p>\r\n                    <div class=\"flex flex-col sm:flex-row gap-4 justify-center md:justify-start\">\r\n                        <a href=\"https:\/\/wa.me\/5581985207997\" class=\"bg-white hover:bg-slate-100 text-green-700 text-lg px-8 py-4 rounded-lg font-bold transition shadow-xl flex items-center justify-center hover:-translate-y-1\">\r\n                            <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/whatsapp_12635043.png\" alt=\"WhatsApp\" class=\"w-6 h-6 mr-2\">\r\n                            Or\u00e7amento Gr\u00e1tis\r\n                        <\/a>\r\n                        <a href=\"#servicos\" class=\"bg-blue-600 hover:bg-blue-700 text-white text-lg px-8 py-4 rounded-lg font-bold transition shadow-xl flex items-center justify-center hover:-translate-y-1 border border-blue-500\">\r\n                            Ver Servi\u00e7os\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coluna da Direita: Galeria de Fotos (Slider) -->\r\n                <div class=\"md:w-1\/2 w-full flex justify-center md:justify-end z-10\">\r\n                    <!-- Container com Moldura -->\r\n                    <div class=\"hero-slider-container w-full max-w-lg h-[300px] md:h-[450px]\">\r\n                        <!-- Fotos com object-fit: cover e focus no topo -->\r\n                        <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/Imagem-do-WhatsApp-de-2025-10-23-as-16.27.25_f42359ce.jpg\" class=\"hero-slide active\" alt=\"Instala\u00e7\u00e3o Ar Clean\">\r\n                        <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/Imagem-do-WhatsApp-de-2025-10-23-as-16.27.23_f186809b.jpg\" class=\"hero-slide\" alt=\"Manuten\u00e7\u00e3o Ar Condicionado\">\r\n                        <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/Imagem-do-WhatsApp-de-2025-10-23-as-16.27.23_b2b88879.jpg\" class=\"hero-slide\" alt=\"Servi\u00e7o T\u00e9cnico\">\r\n                        <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/Imagem-do-WhatsApp-de-2025-10-23-as-16.27.20_9607aaf7.jpg\" class=\"hero-slide\" alt=\"Limpeza de Ar Condicionado\">\r\n                        <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/Imagem-do-WhatsApp-de-2025-10-23-as-16.27.20_0a6917b1.jpg\" class=\"hero-slide\" alt=\"Equipe Ar Clean\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Benef\u00edcios (3 Itens) -->\r\n    <section class=\"bg-blue-900 py-12 text-white relative z-10 w-full\">\r\n        <div class=\"container mx-auto px-4 lg:px-8 max-w-7xl\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n                <div class=\"flex items-center justify-center md:justify-start space-x-4 bg-blue-800\/30 p-4 rounded-xl md:bg-transparent md:p-0\">\r\n                    <div class=\"bg-blue-700 p-3 rounded-full flex-shrink-0\"><i data-lucide=\"clock\" class=\"w-8 h-8 text-blue-200\"><\/i><\/div>\r\n                    <div>\r\n                        <h3 class=\"font-bold text-lg\">Pontualidade<\/h3>\r\n                        <p class=\"text-blue-200 text-sm\">Respeito total ao seu hor\u00e1rio.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"flex items-center justify-center md:justify-start space-x-4 bg-blue-800\/30 p-4 rounded-xl md:bg-transparent md:p-0\">\r\n                    <div class=\"bg-blue-700 p-3 rounded-full flex-shrink-0\"><i data-lucide=\"shield-check\" class=\"w-8 h-8 text-blue-200\"><\/i><\/div>\r\n                    <div>\r\n                        <h3 class=\"font-bold text-lg\">Garantia de Servi\u00e7o<\/h3>\r\n                        <p class=\"text-blue-200 text-sm\">Seguran\u00e7a de 3 meses na m\u00e3o de obra.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"flex items-center justify-center md:justify-start space-x-4 bg-blue-800\/30 p-4 rounded-xl md:bg-transparent md:p-0\">\r\n                    <div class=\"bg-blue-700 p-3 rounded-full flex-shrink-0\"><i data-lucide=\"user-check\" class=\"w-8 h-8 text-blue-200\"><\/i><\/div>\r\n                    <div>\r\n                        <h3 class=\"font-bold text-lg\">T\u00e9cnicos Qualificados<\/h3>\r\n                        <p class=\"text-blue-200 text-sm\">Profissionais treinados e uniformizados.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Se\u00e7\u00e3o Quem Somos -->\r\n    <section id=\"quem-somos\" class=\"py-20 bg-slate-50 scroll-mt-20 w-full\">\r\n        <div class=\"container mx-auto px-4 lg:px-8 max-w-7xl\">\r\n            <div class=\"flex flex-col md:flex-row items-center gap-8 md:gap-16\">\r\n                \r\n                <!-- Coluna da Imagem -->\r\n                <div class=\"md:w-5\/12 w-full flex justify-center\">\r\n                    <div class=\"relative group max-w-md md:max-w-full\">\r\n                        <!-- Estilo Inline para For\u00e7ar Elementor -->\r\n                        <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/Imagem-do-WhatsApp-de-2025-10-23-as-16.27.24_a5d89fae.jpg\" \r\n                             alt=\"Servi\u00e7o Ar Clean Clima\" \r\n                             class=\"rounded-3xl shadow-xl w-full object-cover transition-transform duration-500 transform hover:-translate-y-2\"\r\n                             style=\"border-radius: 24px !important; height: 480px !important; object-fit: cover !important; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;\"\r\n                             onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1621905252507-b35492cc74b4?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80'\">\r\n                        \r\n                        <div class=\"absolute -bottom-5 -right-5 bg-blue-600 text-white p-5 rounded-xl shadow-lg hidden md:block group-hover:shadow-xl transition transform scale-90 md:scale-100\">\r\n                            <p class=\"text-3xl font-bold\">Experi\u00eancia<\/p>\r\n                            <p class=\"text-xs opacity-90 uppercase tracking-wide\">Comprovada<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Coluna do Texto -->\r\n                <div class=\"md:w-7\/12 w-full\">\r\n                    <span class=\"text-blue-600 font-bold tracking-wider text-sm uppercase mb-2 block\">Sobre a Empresa<\/span>\r\n                    \r\n                    <h2 class=\"text-2xl md:text-3xl font-bold text-slate-900 mb-4 leading-tight\">\r\n                        Instala\u00e7\u00e3o e Manuten\u00e7\u00e3o de Ar-Condicionado residenciais e comerciais\r\n                    <\/h2>\r\n                    \r\n                    <h3 class=\"text-xl font-semibold text-blue-600 mb-6\">\r\n                        Seu clima perfeito come\u00e7a com a gente.\r\n                    <\/h3>\r\n\r\n                    <p class=\"text-slate-600 mb-6 text-lg leading-relaxed\">\r\n                        A <strong>AR Clean<\/strong> \u00e9 especializada em instala\u00e7\u00e3o e manuten\u00e7\u00e3o de ar condicionado residencial e empresarial, oferecendo solu\u00e7\u00f5es completas em climatiza\u00e7\u00e3o com foco em conforto e efici\u00eancia. Atuamos com equipes t\u00e9cnicas controladas, seguindo padr\u00f5es rigorosos de seguran\u00e7a, desempenho e acabamento em cada projeto.\r\n                    <\/p>\r\n                    <p class=\"text-slate-600 mb-8 text-lg leading-relaxed\">\r\n                        Nosso compromisso \u00e9 garantir ambientes mais resistentes, reduzindo gastos com energia e aumentando a vida \u00fatil dos equipamentos. Trabalhamos com atendimento \u00e1gil, suporte p\u00f3s-servi\u00e7o e solu\u00e7\u00f5es personalizadas para cada cliente, seja para casas, escrit\u00f3rios, com\u00e9rcios ou pequenos setores.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n                        <div class=\"flex items-center p-3 bg-white rounded-xl shadow-sm border border-slate-100 auto-pulse-card delay-1\">\r\n                            <div class=\"bg-blue-50 p-2 rounded-lg mr-3\">\r\n                                <i data-lucide=\"clock\" class=\"w-6 h-6 text-blue-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"text-slate-700 font-medium\">Atendimento \u00c1gil<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center p-3 bg-white rounded-xl shadow-sm border border-slate-100 auto-pulse-card delay-2\">\r\n                            <div class=\"bg-blue-50 p-2 rounded-lg mr-3\">\r\n                                <i data-lucide=\"shield-check\" class=\"w-6 h-6 text-blue-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"text-slate-700 font-medium\">Seguran\u00e7a e Normas<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center p-3 bg-white rounded-xl shadow-sm border border-slate-100 auto-pulse-card delay-3\">\r\n                            <div class=\"bg-blue-50 p-2 rounded-lg mr-3\">\r\n                                <i data-lucide=\"trending-down\" class=\"w-6 h-6 text-blue-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"text-slate-700 font-medium\">Economia de Energia<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center p-3 bg-white rounded-xl shadow-sm border border-slate-100 auto-pulse-card delay-4\">\r\n                            <div class=\"bg-blue-50 p-2 rounded-lg mr-3\">\r\n                                <i data-lucide=\"thumbs-up\" class=\"w-6 h-6 text-blue-600\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"text-slate-700 font-medium\">Suporte P\u00f3s-Servi\u00e7o<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Se\u00e7\u00e3o Servi\u00e7os (4 Colunas) -->\r\n    <section id=\"servicos\" class=\"py-20 bg-white scroll-mt-20 w-full\">\r\n        <div class=\"container mx-auto px-4 lg:px-8 max-w-7xl\">\r\n            <div class=\"text-center mb-16\">\r\n                <span class=\"text-blue-600 font-bold tracking-wider text-sm uppercase\">O que fazemos<\/span>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mt-2 mb-4\">Servi\u00e7os Profissionais de Ar-Condicionado<\/h2>\r\n                <p class=\"text-slate-600 max-w-2xl mx-auto\">Solu\u00e7\u00f5es completas para garantir o melhor clima e a durabilidade do seu equipamento.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n                <!-- Servi\u00e7o 1 -->\r\n                <div class=\"bg-slate-50 rounded-2xl p-6 border border-slate-100 hover:shadow-xl transition duration-300 hover:-translate-y-2 flex flex-col h-full\">\r\n                    <div class=\"bg-blue-100 w-12 h-12 rounded-lg flex items-center justify-center mb-4 text-blue-600\">\r\n                        <i data-lucide=\"wrench\" class=\"w-6 h-6\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold mb-3 text-slate-800 min-h-[56px] flex items-center\">Instala\u00e7\u00e3o de Ar-Condicionado<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed flex-grow text-justify\">Executamos a instala\u00e7\u00e3o t\u00e9cnica do seu equipamento seguindo as normas recomendadas pelos fabricantes, garantindo seguran\u00e7a, efici\u00eancia e melhor desempenho.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Servi\u00e7o 2 -->\r\n                <div class=\"bg-slate-50 rounded-2xl p-6 border border-slate-100 hover:shadow-xl transition duration-300 hover:-translate-y-2 flex flex-col h-full\">\r\n                    <div class=\"bg-green-100 w-12 h-12 rounded-lg flex items-center justify-center mb-4 text-green-600\">\r\n                        <i data-lucide=\"shield-check\" class=\"w-6 h-6\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold mb-3 text-slate-800 min-h-[56px] flex items-center\">Manuten\u00e7\u00e3o Preventiva<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed flex-grow text-justify\">Evite falhas, ru\u00eddos e perda de desempenho. A manuten\u00e7\u00e3o preventiva aumenta a vida \u00fatil do ar-condicionado, reduz custos e melhora a qualidade do ar.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Servi\u00e7o 3 -->\r\n                <div class=\"bg-slate-50 rounded-2xl p-6 border border-slate-100 hover:shadow-xl transition duration-300 hover:-translate-y-2 flex flex-col h-full\">\r\n                    <div class=\"bg-orange-100 w-12 h-12 rounded-lg flex items-center justify-center mb-4 text-orange-600\">\r\n                        <i data-lucide=\"hammer\" class=\"w-6 h-6\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold mb-3 text-slate-800 min-h-[56px] flex items-center\">Manuten\u00e7\u00e3o Corretiva<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed flex-grow text-justify\">Diagn\u00f3stico preciso e reparos r\u00e1pidos para restaurar o funcionamento ideal do seu equipamento, evitando preju\u00edzos e desconfortos.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Servi\u00e7o 4 -->\r\n                <div class=\"bg-slate-50 rounded-2xl p-6 border border-slate-100 hover:shadow-xl transition duration-300 hover:-translate-y-2 flex flex-col h-full\">\r\n                    <div class=\"bg-blue-100 w-12 h-12 rounded-lg flex items-center justify-center mb-4 text-blue-600\">\r\n                        <i data-lucide=\"wind\" class=\"w-6 h-6\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold mb-3 text-slate-800 min-h-[56px] flex items-center\">Limpeza e Higieniza\u00e7\u00e3o<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed flex-grow text-justify\">Elimina\u00e7\u00e3o de fungos, poeira e microrganismos, garantindo um ambiente mais saud\u00e1vel para sua fam\u00edlia, clientes ou colaboradores.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"text-center mt-12\">\r\n                <a href=\"https:\/\/wa.me\/5581985207997\" class=\"inline-flex items-center text-blue-600 font-bold hover:text-blue-800 transition border-b-2 border-blue-200 hover:border-blue-600 pb-1\">\r\n                    Solicitar or\u00e7amento no WhatsApp\r\n                    <i data-lucide=\"arrow-right\" class=\"ml-2 w-4 h-4\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Por que escolher -->\r\n    <section class=\"py-16 bg-slate-50 border-t border-slate-200 w-full\">\r\n        <div class=\"container mx-auto px-4 lg:px-8 max-w-5xl\">\r\n            <div class=\"text-center mb-10\">\r\n                <h2 class=\"text-3xl md:text-3xl font-bold text-slate-900 mb-4\">Por que escolher a Ar Clean?<\/h2>\r\n                <div class=\"w-20 h-1 bg-blue-600 mx-auto rounded-full\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-y-4 gap-x-8\">\r\n                <div class=\"flex items-center p-4 bg-white rounded-lg shadow-sm border border-slate-100\">\r\n                    <div class=\"bg-green-100 p-2 rounded-full mr-4 flex-shrink-0\">\r\n                        <i data-lucide=\"check\" class=\"w-5 h-5 text-green-600\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"text-slate-700 font-medium\">Experi\u00eancia de d\u00e9cadas no mercado de climatiza\u00e7\u00e3o<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center p-4 bg-white rounded-lg shadow-sm border border-slate-100\">\r\n                    <div class=\"bg-green-100 p-2 rounded-full mr-4 flex-shrink-0\">\r\n                        <i data-lucide=\"check\" class=\"w-5 h-5 text-green-600\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"text-slate-700 font-medium\">Equipe t\u00e9cnica qualificada e atualizada<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center p-4 bg-white rounded-lg shadow-sm border border-slate-100\">\r\n                    <div class=\"bg-green-100 p-2 rounded-full mr-4 flex-shrink-0\">\r\n                        <i data-lucide=\"check\" class=\"w-5 h-5 text-green-600\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"text-slate-700 font-medium\">Atendimento residencial e comercial<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center p-4 bg-white rounded-lg shadow-sm border border-slate-100\">\r\n                    <div class=\"bg-green-100 p-2 rounded-full mr-4 flex-shrink-0\">\r\n                        <i data-lucide=\"check\" class=\"w-5 h-5 text-green-600\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"text-slate-700 font-medium\">Agilidade, profissionalismo e garantia de servi\u00e7o<\/span>\r\n                <\/div>\r\n                <div class=\"flex items-center justify-center p-4 bg-white rounded-lg shadow-sm border border-slate-100 md:col-span-2 md:w-3\/4 md:mx-auto\">\r\n                    <div class=\"bg-green-100 p-2 rounded-full mr-4 flex-shrink-0\">\r\n                        <i data-lucide=\"check\" class=\"w-5 h-5 text-green-600\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"text-slate-700 font-medium\">Equipamentos e materiais de alta qualidade<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Se\u00e7\u00e3o Contatos -->\r\n    <section id=\"contatos\" class=\"py-16 bg-slate-900 text-white w-full\">\r\n        <div class=\"container mx-auto px-4 lg:px-8 max-w-7xl\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-stretch\">\r\n                \r\n                <!-- Coluna da Esquerda: Contatos -->\r\n                <div class=\"flex flex-col justify-center\">\r\n                    <span class=\"text-blue-400 font-bold tracking-wider text-sm uppercase\">Fale Conosco<\/span>\r\n                    <h2 class=\"text-3xl md:text-4xl font-bold mb-6 mt-2\">Pronto para ter um ambiente climatizado?<\/h2>\r\n                    <p class=\"text-slate-300 mb-8 text-lg\">Entre em contato agora mesmo. Respondemos rapidamente pelo WhatsApp.<\/p>\r\n                    \r\n                    <div class=\"space-y-6\">\r\n                        <!-- Bot\u00e3o WhatsApp -->\r\n                        <a href=\"https:\/\/wa.me\/5581985207997\" class=\"flex items-center p-4 bg-slate-800 rounded-xl hover:bg-slate-700 transition border border-slate-700 group\">\r\n                            <div class=\"bg-white p-3 rounded-full mr-4 group-hover:scale-110 transition flex items-center justify-center\">\r\n                                <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/whatsapp_12635043.png\" alt=\"WhatsApp\" class=\"w-6 h-6\">\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-xs text-slate-400 uppercase font-bold\">WhatsApp \/ Telefone<\/p>\r\n                                <p class=\"text-xl font-bold text-white\">(81) 98520-7997<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n\r\n                        <a href=\"mailto:contato@arcleanclima.com.br\" class=\"flex items-center p-4 bg-slate-800 rounded-xl hover:bg-slate-700 transition border border-slate-700 group\">\r\n                            <div class=\"bg-blue-500 p-3 rounded-full mr-4 group-hover:scale-110 transition\">\r\n                                <i data-lucide=\"mail\" class=\"w-6 h-6 text-white\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-xs text-slate-400 uppercase font-bold\">E-mail<\/p>\r\n                                <p class=\"text-xl font-bold text-white\">contato@arcleanclima.com.br<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                        \r\n                        <a href=\"https:\/\/www.instagram.com\/arclean_climatizacao\/#\" target=\"_blank\" class=\"flex items-center p-4 bg-slate-800 rounded-xl hover:bg-slate-700 transition border border-slate-700 group\">\r\n                            <div class=\"bg-blue-600 p-3 rounded-full mr-4 group-hover:scale-110 transition\">\r\n                                <i data-lucide=\"instagram\" class=\"w-6 h-6 text-white\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"text-xs text-slate-400 uppercase font-bold\">Siga no Instagram<\/p>\r\n                                <p class=\"text-xl font-bold text-white\">@arclean_climatizacao<\/p>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Mapa ou \u00c1rea de Atendimento -->\r\n                <div class=\"bg-slate-800 rounded-2xl border border-slate-700 p-8 flex flex-col items-center justify-between h-full min-h-[450px]\">\r\n                    \r\n                    <!-- T\u00edtulo -->\r\n                    <div class=\"text-center mb-6\">\r\n                        <div class=\"inline-flex items-center justify-center p-3 bg-blue-600\/20 rounded-full mb-3\">\r\n                            <i data-lucide=\"map-pin\" class=\"w-8 h-8 text-blue-400\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl font-bold text-white mb-2\">\u00c1rea de Atendimento<\/h3>\r\n                        <p class=\"text-slate-400 text-sm\">Atuamos com for\u00e7a total em todo nordeste<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Mapa -->\r\n                    <div class=\"flex-grow w-full flex items-center justify-center py-4\">\r\n                        <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/Atuacao-Ar-Clean-1.png\" \r\n                             alt=\"Mapa de Atua\u00e7\u00e3o Ar Clean\" \r\n                             class=\"w-full h-full max-h-[250px] object-contain transition-transform duration-500 hover:scale-105\"\r\n                             style=\"filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.3));\">\r\n                    <\/div>\r\n\r\n                    <!-- Rodap\u00e9 do Card -->\r\n                    <div class=\"text-center mt-6\">\r\n                        <div class=\"inline-block bg-slate-900 px-6 py-3 rounded-lg text-sm text-slate-300 border border-slate-700\">\r\n                            Consulte disponibilidade na sua cidade\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"bg-slate-950 text-slate-500 py-8 border-t border-slate-900 w-full\">\r\n        <div class=\"container mx-auto px-4 text-center text-sm\">\r\n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-2\">\r\n                <p>&copy; 2025 Ar Clean Clima. Todos os direitos reservados.<\/p>\r\n                <span class=\"hidden md:block text-slate-700 mx-2\">|<\/span>\r\n                <p>Desenvolvido pela <a href=\"https:\/\/get84.com.br\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-slate-400 hover:text-white transition font-semibold hover:underline decoration-blue-500\">Get84<\/a><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- Bot\u00e3o Flutuante WhatsApp -->\r\n    <a href=\"https:\/\/wa.me\/5581985207997\" class=\"whatsapp-float bg-white text-green-600 p-3 rounded-full shadow-2xl hover:bg-slate-100 transition flex items-center justify-center w-16 h-16 border-2 border-green-500\" target=\"_blank\" aria-label=\"Falar no WhatsApp\">\r\n        <img decoding=\"async\" src=\"http:\/\/arcleanclima.com.br\/wp-content\/uploads\/2025\/11\/whatsapp_12635043.png\" alt=\"WhatsApp\" class=\"w-10 h-10\">\r\n    <\/a>\r\n\r\n    <script>\r\n        \/\/ Inicializa os \u00edcones\r\n        lucide.createIcons();\r\n\r\n        \/\/ Script Simples para o Slider da Hero\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const slides = document.querySelectorAll('.hero-slide');\r\n            let currentSlide = 0;\r\n            const slideInterval = 4000; \/\/ 4 segundos\r\n\r\n            function nextSlide() {\r\n                slides[currentSlide].classList.remove('active');\r\n                currentSlide = (currentSlide + 1) % slides.length;\r\n                slides[currentSlide].classList.add('active');\r\n            }\r\n\r\n            if(slides.length > 0) {\r\n                setInterval(nextSlide, slideInterval);\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ar Clean Clima &#8211; Solu\u00e7\u00f5es em Climatiza\u00e7\u00e3o AR CLEAN In\u00edcio Quem Somos Servi\u00e7os Contatos WhatsApp In\u00edcio Quem Somos Servi\u00e7os Contatos Siga-nos Falar no WhatsApp Especialistas em Climatiza\u00e7\u00e3o Conforto t\u00e9rmico e ar puro para sua fam\u00edlia e empresa. Instala\u00e7\u00e3o, manuten\u00e7\u00e3o e limpeza de ar-condicionado com garantia. Atendimento residencial e empresarial. Or\u00e7amento Gr\u00e1tis Ver Servi\u00e7os Pontualidade Respeito [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcleanclima.com.br\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcleanclima.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcleanclima.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcleanclima.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcleanclima.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":100,"href":"https:\/\/arcleanclima.com.br\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/arcleanclima.com.br\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/arcleanclima.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}