{"id":1970,"date":"2025-10-21T15:44:11","date_gmt":"2025-10-21T18:44:11","guid":{"rendered":"https:\/\/soudelos.com.br\/site\/?page_id=1970"},"modified":"2026-02-25T14:21:27","modified_gmt":"2026-02-25T17:21:27","slug":"quem-somos-2","status":"publish","type":"page","link":"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/","title":{"rendered":"Quem Somos"},"content":{"rendered":"<div id=\"pl-1970\"  class=\"panel-layout\" ><div id=\"pg-1970-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-1970-0\" data-stretch-type=\"full-width-stretch\" data-overlay-opactity=\"1\" ><div id=\"pgc-1970-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1970-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Delos Imobili\u00e1ria<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        :root {\n            --primary: #0c3168;\n            --primary-light: #1a438a;\n            --primary-lighter: #2a5bb8;\n            --dark: #1a1f2e;\n            --light: #ffffff;\n            --gray: #6b7280;\n            --gray-light: #f8fafc;\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        body {\n            font-family: 'Inter', sans-serif;\n            color: var(--dark);\n            line-height: 1.6;\n            background: var(--light);\n            overflow-x: hidden;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n        \n        section {\n            margin: 6rem 0;\n        }\n        \n        \/* SE\u00c7\u00c3O SOBRE DELOS COM IMAGEM *\/\n        #sobre-delos {\n            position: relative;\n            padding: 5rem 0;\n            background: linear-gradient(135deg, var(--light) 0%, var(--gray-light) 100%);\n        }\n        \n        #sobre-delos::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" fill=\"%230c3168\" opacity=\"0.02\"><polygon points=\"0,0 1000,50 1000,100 0,100\"\/><\/svg>') no-repeat;\n            background-size: cover;\n        }\n        \n        .sobre-wrapper {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: 1fr 350px;\n            gap: 3rem;\n            align-items: stretch; \/* ALTERADO: agora estica ambos para mesma altura *\/\n        }\n        \n        .sobre-content {\n            text-align: left;\n            height: auto !important;\n            min-height: auto !important;\n            max-height: none !important;\n            overflow: visible !important;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n        }\n        \n        .sobre-content p {\n            font-size: 1.6rem !important;\n            margin-bottom: 2.5rem !important;\n            color: var(--dark);\n            line-height: 1.7;\n            font-weight: 400;\n            height: auto !important;\n            min-height: auto !important;\n            max-height: none !important;\n            overflow: visible !important;\n            display: block !important;\n            -webkit-line-clamp: unset !important;\n            line-clamp: unset !important;\n            text-overflow: unset !important;\n            white-space: normal !important;\n            word-wrap: break-word !important;\n        }\n        \n        .sobre-content strong {\n            color: var(--primary);\n            font-weight: 700;\n            position: relative;\n        }\n        \n        .sobre-imagem {\n            border-radius: 1rem;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n            height: 100%; \/* ALTERADO: agora ocupa 100% da altura do wrapper *\/\n            min-height: 100%; \/* Garante que ocupe toda altura *\/\n            align-self: stretch; \/* Estica verticalmente *\/\n        }\n        \n        .sobre-imagem img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n        }\n        \n        \/* SE\u00c7\u00c3O DE VALORES - SEM COMPORTAMENTO DE BOT\u00c3O *\/\n        #valores-delos {\n            padding: 5rem 0;\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\n            color: white;\n            border-radius: 2rem;\n            margin: 8rem 2rem;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        #valores-delos::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 400px;\n            height: 400px;\n            background: rgba(255,255,255,0.05);\n            border-radius: 50%;\n        }\n        \n        #valores-delos::after {\n            content: '';\n            position: absolute;\n            bottom: -30%;\n            left: -10%;\n            width: 300px;\n            height: 300px;\n            background: rgba(255,255,255,0.03);\n            border-radius: 50%;\n        }\n        \n        .valores-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 2.5rem;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .valor-card {\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            padding: 3rem;\n            border-radius: 1.5rem;\n            text-align: center;\n            transition: var(--transition);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: flex-start;\n            cursor: default;\n            user-select: text;\n            -webkit-tap-highlight-color: transparent;\n            -webkit-touch-callout: none;\n            touch-action: pan-y;\n        }\n        \n        @media (hover: hover) {\n            .valor-card:hover {\n                background: rgba(255, 255, 255, 0.15);\n                border-color: rgba(255, 255, 255, 0.3);\n                transform: translateY(-5px);\n                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n            }\n            \n            .valor-card:hover i {\n                transform: scale(1.1);\n                opacity: 1;\n            }\n        }\n        \n        @media (hover: none) {\n            .valor-card {\n                transform: none !important;\n                transition: none !important;\n            }\n            \n            .valor-card i {\n                transform: none !important;\n            }\n        }\n        \n        .valor-card i {\n            font-size: 3.5rem;\n            color: white;\n            margin-bottom: 2rem;\n            transition: var(--transition);\n            opacity: 0.9;\n            pointer-events: none;\n        }\n        \n        .valor-card h5 {\n            font-size: 1.8rem;\n            font-weight: 600;\n            margin-bottom: 1.5rem;\n            color: white;\n            text-align: center;\n            width: 100%;\n            pointer-events: none;\n        }\n        \n        .valor-card p {\n            font-size: 1.5rem !important;\n            color: rgba(255, 255, 255, 0.9) !important;\n            line-height: 1.6;\n            font-weight: 400;\n            text-align: center;\n            pointer-events: none;\n        }\n        \n        .section-title {\n            text-align: center;\n            font-size: 3.5rem;\n            font-weight: 700;\n            margin-bottom: 4rem;\n            position: relative;\n            display: block;\n            width: 100%;\n            left: 0;\n            transform: none;\n        }\n        \n        #sobre-delos .section-title {\n            color: var(--primary);\n            text-align: center;\n            margin-bottom: 4rem;\n        }\n        \n        #valores-delos .section-title {\n            color: white;\n            margin-bottom: 5rem;\n        }\n        \n        .floating-shape {\n            position: absolute;\n            background: var(--primary-light);\n            opacity: 0.1;\n            border-radius: 50%;\n            animation: float 6s ease-in-out infinite;\n        }\n        \n        .shape-1 {\n            width: 120px;\n            height: 120px;\n            top: 10%;\n            left: 5%;\n            animation-delay: 0s;\n        }\n        \n        .shape-2 {\n            width: 180px;\n            height: 180px;\n            bottom: 10%;\n            right: 5%;\n            animation-delay: 2s;\n        }\n        \n        .shape-3 {\n            width: 100px;\n            height: 100px;\n            top: 40%;\n            right: 10%;\n            animation-delay: 4s;\n        }\n        \n        @keyframes float {\n            0%, 100% {\n                transform: translateY(0) rotate(0deg);\n            }\n            50% {\n                transform: translateY(-20px) rotate(180deg);\n            }\n        }\n        \n        @media (max-width: 1024px) {\n            .sobre-wrapper {\n                grid-template-columns: 1fr;\n                gap: 3rem;\n            }\n            \n            .sobre-imagem {\n                max-width: 600px;\n                margin: 0 auto;\n                height: 450px; \/* Mant\u00e9m altura fixa no mobile *\/\n                min-height: auto;\n                align-self: auto;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            section {\n                margin: 5rem 0;\n            }\n            \n            #valores-delos {\n                margin: 5rem 1rem;\n                border-radius: 1.5rem;\n            }\n            \n            .valores-grid {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n            \n            .section-title {\n                font-size: 2.8rem;\n            }\n            \n            .sobre-content p {\n                font-size: 1.4rem !important;\n            }\n            \n            .valor-card {\n                padding: 2.5rem;\n                -webkit-tap-highlight-color: transparent;\n                touch-action: pan-y;\n            }\n            \n            .valor-card h5 {\n                font-size: 1.6rem;\n            }\n            \n            .valor-card p {\n                font-size: 1.3rem !important;\n            }\n            \n            .sobre-imagem {\n                max-width: 100%;\n                margin: 0 auto;\n                height: 450px;\n            }\n        }\n        \n        @media (max-width: 600px) {\n            .sobre-imagem {\n                max-width: 100%;\n                height: 400px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .container {\n                padding: 0 15px;\n            }\n            \n            section {\n                margin: 4rem 0;\n            }\n            \n            #sobre-delos, #valores-delos {\n                padding: 4rem 0;\n            }\n            \n            .section-title {\n                font-size: 2.2rem;\n            }\n            \n            .sobre-content p {\n                font-size: 1.3rem !important;\n            }\n            \n            .valor-card {\n                padding: 2rem;\n                -webkit-tap-highlight-color: transparent;\n                touch-action: pan-y;\n            }\n            \n            .valor-card h5 {\n                font-size: 1.5rem;\n            }\n            \n            .valor-card p {\n                font-size: 1.2rem !important;\n            }\n            \n            .sobre-imagem {\n                max-width: 100%;\n                height: 350px;\n                margin: 0 auto;\n                border-radius: 1rem;\n            }\n        }\n        \n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.6s ease, transform 0.6s ease;\n        }\n        \n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .stagger-item {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.5s ease, transform 0.5s ease;\n        }\n        \n        .stagger-item.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .slide-in-right {\n            opacity: 0;\n            transform: translateX(30px);\n            transition: opacity 0.6s ease, transform 0.6s ease;\n        }\n        \n        .slide-in-right.visible {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- SE\u00c7\u00c3O SOBRE DELOS -->\n    <section id=\"sobre-delos\">\n        <div class=\"floating-shape shape-1\"><\/div>\n        <div class=\"floating-shape shape-2\"><\/div>\n        <div class=\"container\">\n            <h2 class=\"section-title fade-in\">Sobre a Delos<\/h2>\n            <div class=\"sobre-wrapper\">\n                <div class=\"sobre-content\">\n                    <p class=\"fade-in\">\n                        Inspirada na <strong>Ilha de Delos<\/strong>, s\u00edmbolo de tradi\u00e7\u00e3o, solidez e prosperidade, a <strong>Delos Imobili\u00e1ria<\/strong> \u00e9 refer\u00eancia em im\u00f3veis de alto padr\u00e3o em Jo\u00e3o Pessoa. <strong>Assim como<\/strong> a ilha, que foi um centro pr\u00f3spero e reservado \u00e0s elites gregas, nossa empresa conecta pessoas \u00e0s suas hist\u00f3rias e sonhos de morar em um dos mercados mais exclusivos da cidade.\n                    <\/p>\n                    <p class=\"fade-in\">\n                        <strong>Al\u00e9m disso<\/strong>, nossa trajet\u00f3ria \u00e9 marcada pela <strong>transpar\u00eancia<\/strong>, <strong>clareza<\/strong> e <strong>compromisso<\/strong>. <strong>Por essa raz\u00e3o<\/strong>, a Delos investe constantemente em tecnologia, marketing estrat\u00e9gico e qualifica\u00e7\u00e3o profissional para oferecer uma experi\u00eancia \u00fanica e personalizada a cada cliente. <strong>Afinal<\/strong>, entendemos que cada negocia\u00e7\u00e3o \u00e9 singular, e <strong>por isso<\/strong> dedicamos aten\u00e7\u00e3o total aos detalhes, garantindo confian\u00e7a e qualidade em todos os processos.\n                    <\/p>\n                    <p class=\"fade-in\">\n                        <strong>Dessa forma<\/strong>, nossa miss\u00e3o \u00e9 ser o elo que une voc\u00ea ao melhor que Jo\u00e3o Pessoa tem a oferecer, proporcionando seguran\u00e7a e satisfa\u00e7\u00e3o na realiza\u00e7\u00e3o do seu sonho imobili\u00e1rio.\n                    <\/p>\n                    <p class=\"fade-in\">\n                        <strong>Consequentemente<\/strong>, temos constru\u00eddo rela\u00e7\u00f5es duradouras com nossos clientes, <strong>pois<\/strong> acreditamos que cada negocia\u00e7\u00e3o bem-sucedida \u00e9 o in\u00edcio de uma nova parceria. <strong>Al\u00e9m do mais<\/strong>, nosso compromisso vai al\u00e9m da venda: <strong>antes de tudo<\/strong>, buscamos entender suas necessidades para <strong>ent\u00e3o<\/strong> apresentar as melhores op\u00e7\u00f5es.\n                    <\/p>\n                    <p class=\"fade-in\">\n                        <strong>Portanto<\/strong>, seja para comprar, vender ou alugar, conte com a Delos Imobili\u00e1ria. <strong>Com certeza<\/strong>, encontraremos juntos a solu\u00e7\u00e3o perfeita para voc\u00ea.\n                    <\/p>\n                <\/div>\n                <div class=\"sobre-imagem slide-in-right\">\n                    <img decoding=\"async\" src=\"https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_833r0g833r0g833r_Easy-Resize.com_.jpg\" alt=\"Delos Imobili\u00e1ria\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- SE\u00c7\u00c3O DE VALORES - SEM COMPORTAMENTO DE BOT\u00c3O -->\n    <section id=\"valores-delos\">\n        <div class=\"floating-shape shape-3\"><\/div>\n        <div class=\"container\">\n            <h2 class=\"section-title fade-in\">Nossos Valores<\/h2>\n            <div class=\"valores-grid\">\n                <div class=\"valor-card stagger-item\">\n                    <i class=\"fa fa-eye\"><\/i>\n                    <h5>Transpar\u00eancia<\/h5>\n                    <p>Atuamos com clareza e honestidade em todas as etapas, garantindo seguran\u00e7a para nossos clientes.<\/p>\n                <\/div>\n                <div class=\"valor-card stagger-item\">\n                    <i class=\"fa fa-star\"><\/i>\n                    <h5>Excel\u00eancia<\/h5>\n                    <p>Buscamos a m\u00e1xima qualidade em atendimento, produtos e servi\u00e7os, sempre superando expectativas.<\/p>\n                <\/div>\n                <div class=\"valor-card stagger-item\">\n                    <i class=\"fa fa-user-cog\"><\/i>\n                    <h5>Personaliza\u00e7\u00e3o<\/h5>\n                    <p>Cada cliente \u00e9 \u00fanico, e nosso atendimento \u00e9 feito sob medida, respeitando suas necessidades e desejos.<\/p>\n                <\/div>\n                <div class=\"valor-card stagger-item\">\n                    <i class=\"fa fa-hand-holding-heart\"><\/i>\n                    <h5>Compromisso<\/h5>\n                    <p>Valorizamos a confian\u00e7a depositada em n\u00f3s e nos dedicamos integralmente para concretizar sonhos.<\/p>\n                <\/div>\n                <div class=\"valor-card stagger-item\">\n                    <i class=\"fa fa-leaf\"><\/i>\n                    <h5>Sustentabilidade<\/h5>\n                    <p>Atuamos de forma \u00e9tica e respons\u00e1vel, contribuindo para o desenvolvimento sustent\u00e1vel da nossa regi\u00e3o.<\/p>\n                <\/div>\n                <div class=\"valor-card stagger-item\">\n                    <i class=\"fa fa-shield-alt\"><\/i>\n                    <h5>Solidez<\/h5>\n                    <p>Como a Ilha de Delos, representamos tradi\u00e7\u00e3o, estabilidade e confian\u00e7a no mercado imobili\u00e1rio.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                    \n                    if (entry.target.classList.contains('valores-grid')) {\n                        const items = entry.target.querySelectorAll('.stagger-item');\n                        items.forEach((item, index) => {\n                            setTimeout(() => {\n                                item.classList.add('visible');\n                            }, index * 150);\n                        });\n                    }\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.fade-in, .valores-grid, .slide-in-right').forEach(el => {\n            observer.observe(el);\n        });\n\n        document.addEventListener('DOMContentLoaded', function() {\n            const cards = document.querySelectorAll('.valor-card');\n            cards.forEach(card => {\n                card.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    return false;\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html><\/div><\/div><div id=\"panel-1970-0-0-1\" class=\"widget_text so-panel widget widget_custom_html panel-last-child\" data-index=\"1\" ><div class=\"textwidget custom-html-widget\"><html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>WhatsApp Direto - Delos Im\u00f3veis<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n    <style>\n        \/* ==================== WHATSAPP CORRIGIDO ==================== *\/\n        .whatsapp-float {\n            position: fixed !important;\n            bottom: 30px !important;\n            right: 30px !important;\n            z-index: 999999 !important;\n        }\n\n        .whatsapp-button {\n            width: 70px !important;\n            height: 70px !important;\n            background: #25D366 !important;\n            border-radius: 50% !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            cursor: pointer !important;\n            box-shadow: 0 8px 30px rgba(37, 211, 102, 0.4) !important;\n            transition: all 0.3s ease !important;\n            text-decoration: none !important;\n            border: none !important;\n            padding: 0 !important;\n            margin: 0 !important;\n        }\n\n        \/* CORRE\u00c7\u00c3O DO \u00cdCONE FONT AWESOME *\/\n        .whatsapp-button i {\n            color: #ffffff !important;\n            font-size: 38px !important;\n            line-height: 1 !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            \/* SOBRESCREVER QUALQUER ESTILO GLOBAL *\/\n            font-family: \"Font Awesome 6 Brands\" !important;\n            font-weight: 400 !important;\n            font-style: normal !important;\n        }\n\n        .whatsapp-button:hover {\n            transform: scale(1.1) !important;\n            background: #128C7E !important;\n        }\n\n        .whatsapp-button:hover i {\n            color: #ffffff !important;\n        }\n\n        \/* Remover texto *\/\n        .whatsapp-tooltip {\n            display: none !important;\n        }\n\n        \/* Anima\u00e7\u00f5es *\/\n        @keyframes whatsappPulse {\n            0% { \n                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7) !important; \n            }\n            70% { \n                box-shadow: 0 0 0 15px rgba(37, 211, 102, 0) !important; \n            }\n            100% { \n                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0) !important; \n            }\n        }\n\n        .whatsapp-pulse {\n            animation: whatsappPulse 2s infinite !important;\n        }\n\n        \/* Responsivo *\/\n        @media (max-width: 768px) {\n            .whatsapp-float {\n                bottom: 20px !important;\n                right: 20px !important;\n            }\n            \n            .whatsapp-button {\n                width: 60px !important;\n                height: 60px !important;\n            }\n            \n            .whatsapp-button i {\n                font-size: 32px !important;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .whatsapp-float {\n                bottom: 15px !important;\n                right: 15px !important;\n            }\n            \n            .whatsapp-button {\n                width: 55px !important;\n                height: 55px !important;\n            }\n            \n            .whatsapp-button i {\n                font-size: 28px !important;\n            }\n        }\n\n        \/* ==================== CORRE\u00c7\u00c3O DE CONFLITOS ==================== *\/\n        \/* Garantir que nenhum estilo global afete o WhatsApp *\/\n        .whatsapp-float * {\n            box-sizing: border-box !important;\n        }\n\n        a.whatsapp-button {\n            font-family: inherit !important;\n            text-decoration: none !important;\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Bot\u00e3o WhatsApp Direto -->\n    <div class=\"whatsapp-float\">\n        <a href=\"https:\/\/wa.me\/5583996431517?text=Ol\u00e1! Gostaria de mais informa\u00e7\u00f5es sobre os im\u00f3veis Delos\" \n           class=\"whatsapp-button whatsapp-pulse\" \n           target=\"_blank\"\n           id=\"whatsappButton\">\n            <i class=\"fab fa-whatsapp\"><\/i>\n        <\/a>\n    <\/div>\n\n    <script>\n        \/\/ Corre\u00e7\u00e3o IMEDIATA via JavaScript\n        document.addEventListener('DOMContentLoaded', function() {\n            const whatsappBtn = document.getElementById('whatsappButton');\n            const whatsappIcon = document.querySelector('.whatsapp-button i');\n            \n            \/\/ For\u00e7ar estilos CSS inline para garantir funcionamento\n            if (whatsappBtn) {\n                whatsappBtn.style.cssText = `\n                    width: 70px !important;\n                    height: 70px !important;\n                    background: #25D366 !important;\n                    border-radius: 50% !important;\n                    display: flex !important;\n                    align-items: center !important;\n                    justify-content: center !important;\n                    cursor: pointer !important;\n                    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.4) !important;\n                    text-decoration: none !important;\n                    border: none !important;\n                    position: fixed !important;\n                    bottom: 30px !important;\n                    right: 30px !important;\n                    z-index: 999999 !important;\n                    padding: 0 !important;\n                    margin: 0 !important;\n                `;\n            }\n            \n            if (whatsappIcon) {\n                whatsappIcon.style.cssText = `\n                    color: white !important;\n                    font-size: 38px !important;\n                    font-family: \"Font Awesome 6 Brands\" !important;\n                    font-weight: 400 !important;\n                    font-style: normal !important;\n                    line-height: 1 !important;\n                    margin: 0 !important;\n                    padding: 0 !important;\n                `;\n            }\n            \n            console.log('\u2705 WhatsApp estilos aplicados!');\n        });\n\n        \/\/ Classe WhatsApp para funcionalidades extras\n        class WhatsAppDirect {\n            constructor() {\n                this.button = document.getElementById('whatsappButton');\n                this.isLoading = false;\n                \n                this.init();\n            }\n            \n            init() {\n                console.log('WhatsApp Direct - Inicializado');\n                \n                \/\/ Evento de clique no bot\u00e3o\n                if (this.button) {\n                    this.button.addEventListener('click', (e) => {\n                        this.handleClick(e);\n                    });\n                    \n                    \/\/ Adicionar efeitos de intera\u00e7\u00e3o\n                    this.addHoverEffects();\n                }\n            }\n            \n            handleClick(e) {\n                if (this.isLoading) {\n                    e.preventDefault();\n                    return;\n                }\n                \n                \/\/ Tracking de clique\n                this.trackClick();\n            }\n            \n            addHoverEffects() {\n                if (!this.button) return;\n                \n                \/\/ Efeito de respiro suave\n                let pulseInterval;\n                \n                this.button.addEventListener('mouseenter', () => {\n                    this.button.classList.remove('whatsapp-pulse');\n                    \n                    \/\/ Efeito de respiro cont\u00ednuo\n                    pulseInterval = setInterval(() => {\n                        this.button.style.transform = 'scale(1.05)';\n                        setTimeout(() => {\n                            if (this.button) {\n                                this.button.style.transform = 'scale(1.1)';\n                            }\n                        }, 150);\n                    }, 300);\n                });\n                \n                this.button.addEventListener('mouseleave', () => {\n                    this.button.classList.add('whatsapp-pulse');\n                    this.button.style.transform = '';\n                    \n                    if (pulseInterval) {\n                        clearInterval(pulseInterval);\n                    }\n                });\n            }\n            \n            trackClick() {\n                \/\/ Google Analytics (se estiver configurado)\n                if (typeof gtag !== 'undefined') {\n                    gtag('event', 'whatsapp_click', {\n                        'event_category': 'engagement',\n                        'event_label': 'whatsapp_float_button'\n                    });\n                }\n                \n                console.log('WhatsApp Click - N\u00famero: 83 99643-1517');\n            }\n            \n            \/\/ M\u00e9todo para atualizar o n\u00famero facilmente\n            updatePhoneNumber(newNumber) {\n                const cleanNumber = newNumber.replace(\/D\/g, '');\n                const whatsappUrl = `https:\/\/wa.me\/55${cleanNumber}?text=Ol\u00e1! Gostaria de mais informa\u00e7\u00f5es sobre os im\u00f3veis Delos`;\n                this.button.setAttribute('href', whatsappUrl);\n                \n                console.log('N\u00famero do WhatsApp atualizado para:', newNumber);\n            }\n            \n            \/\/ M\u00e9todo para atualizar a mensagem padr\u00e3o\n            updateMessage(newMessage) {\n                const currentHref = this.button.getAttribute('href');\n                const newHref = currentHref.replace(\/text=.*?(?=&|$)\/, `text=${encodeURIComponent(newMessage)}`);\n                this.button.setAttribute('href', newHref);\n            }\n        }\n        \n        \/\/ Inicializar quando o DOM estiver pronto\n        function initWhatsAppDirect() {\n            \/\/ Verificar se j\u00e1 existe uma inst\u00e2ncia\n            if (window.whatsAppDirectInstance) {\n                return window.whatsAppDirectInstance;\n            }\n            \n            const whatsappDirect = new WhatsAppDirect();\n            window.whatsAppDirectInstance = whatsappDirect;\n            return window.whatsAppDirectInstance;\n        }\n        \n        \/\/ Inicializa\u00e7\u00e3o\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initWhatsAppDirect);\n        } else {\n            initWhatsAppDirect();\n        }\n        \n        \/\/ Compatibilidade com jQuery\n        if (typeof jQuery !== 'undefined') {\n            jQuery(document).ready(function($) {\n                initWhatsAppDirect();\n            });\n        }\n    <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1970-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-1970-1\" data-stretch-type=\"full-width-stretch\" data-overlay-opactity=\"1\" ><div id=\"pgc-1970-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1970-1-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"2\" ><div class=\"textwidget custom-html-widget\"><div class=\"delos-team-container\" id=\"funcionarios-container\">\n  <!-- Os dados ser\u00e3o carregados via JavaScript -->\n<\/div>\n\n<style>\n.delos-team-container {\n  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\n  width: 100%;\n  max-width: 1400px;\n  margin: 60px auto;\n  padding: 0 20px;\n}\n\n.delos-team-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 25px;\n  margin-top: 30px;\n}\n\n.delos-team-card {\n  background: white;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.06);\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  height: 480px;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.delos-team-card:hover {\n  transform: translateY(-8px) scale(1.02);\n  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15), 0 8px 20px rgba(0, 0, 0, 0.1);\n}\n\n.delos-team-photo {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n}\n\n.delos-team-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center center;\n  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.delos-team-overlay {\n  position: absolute;\n  top: 0; \n  left: 0;\n  width: 100%; \n  height: 100%;\n  background: linear-gradient(to bottom, transparent 0%, transparent 40%, rgba(12, 49, 104, 0.7) 100%);\n  opacity: 0.8;\n  transition: opacity 0.4s ease;\n}\n\n.delos-team-card:hover .delos-team-img {\n  transform: scale(1.05);\n}\n\n.delos-team-card:hover .delos-team-overlay {\n  opacity: 0.9;\n}\n\n.delos-team-badge {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  background: #0c3168;\n  color: white;\n  padding: 8px 16px;\n  border-radius: 20px;\n  font-size: 0.9rem;\n  font-weight: 600;\n  letter-spacing: 0.3px;\n  text-transform: uppercase;\n  z-index: 3;\n  box-shadow: 0 2px 8px rgba(12, 49, 104, 0.3);\n}\n\n.delos-team-badge i {\n  font-size: 0.85rem;\n  margin-right: 5px;\n}\n\n.delos-team-content {\n  position: absolute;\n  bottom: 80px;\n  left: 0;\n  right: 0;\n  padding: 0 20px;\n  text-align: center;\n  color: white;\n  z-index: 2;\n}\n\n.delos-team-name {\n  margin: 0 0 10px;\n  font-size: 1.8rem;\n  font-weight: 700;\n  letter-spacing: -0.3px;\n  text-shadow: 0 2px 8px rgba(0,0,0,0.8);\n  color: white;\n  line-height: 1.2;\n  word-break: break-word;\n}\n\n.delos-team-role {\n  font-size: 1.2rem;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  opacity: 0.95;\n  text-shadow: 0 2px 6px rgba(0,0,0,0.8);\n  margin-top: 15px;\n  text-transform: uppercase;\n  word-break: break-word;\n}\n\n.delos-team-btn {\n  position: absolute;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: #0c3168;\n  color: white;\n  padding: 12px 30px;\n  text-decoration: none;\n  font-weight: 600;\n  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  font-size: 1rem;\n  border: none;\n  cursor: pointer;\n  letter-spacing: 0.5px;\n  border-radius: 25px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  box-shadow: 0 4px 15px rgba(12, 49, 104, 0.3);\n  text-transform: uppercase;\n  z-index: 3;\n  border: 2px solid rgba(255, 255, 255, 0.2);\n  white-space: nowrap;\n}\n\n.delos-team-btn:hover {\n  background: #1a438a;\n  transform: translateX(-50%) translateY(-2px);\n  box-shadow: 0 6px 20px rgba(12, 49, 104, 0.4);\n  gap: 12px;\n}\n\n.delos-team-btn i {\n  transition: transform 0.3s ease;\n  font-size: 0.95rem;\n}\n\n.delos-team-btn:hover i {\n  transform: translateX(4px);\n}\n\n\/* MODAL - VERS\u00c3O CORRIGIDA COM FONTES GIGANTES *\/\n.delos-modal {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 1000;\n  animation: modalFadeIn 0.3s ease;\n  padding: 20px;\n  box-sizing: border-box;\n  overflow-y: auto;\n}\n\n@keyframes modalFadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.delos-modal-content {\n  position: relative;\n  background: white;\n  border-radius: 20px;\n  max-width: 1000px;\n  width: 100%;\n  margin: 40px auto;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  animation: modalSlideIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n  display: flex;\n  flex-direction: column;\n}\n\n@keyframes modalSlideIn {\n  from { transform: translateY(30px); opacity: 0.9; }\n  to { transform: translateY(0); opacity: 1; }\n}\n\n.delos-modal-close {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  background: white;\n  border: none;\n  width: 42px;\n  height: 42px;\n  border-radius: 50%;\n  font-size: 20px;\n  color: #64748b;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.delos-modal-close:hover {\n  background: #0c3168;\n  color: white;\n  transform: rotate(90deg);\n}\n\n.delos-modal-header {\n  background: #0c3168;\n  padding: 40px 50px 30px;\n  color: white;\n  position: relative;\n  border-radius: 20px 20px 0 0;\n}\n\n.delos-modal-header h2 {\n  font-size: 2.8rem;\n  margin-bottom: 15px;\n  font-weight: 700;\n  letter-spacing: -0.3px;\n  line-height: 1.2;\n  color: white;\n  word-break: break-word;\n  padding-right: 40px;\n}\n\n.delos-modal-header p {\n  font-size: 1.8rem;\n  opacity: 0.95;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  font-weight: 500;\n  margin: 0;\n  word-break: break-word;\n  line-height: 1.4;\n}\n\n.delos-modal-text {\n  padding: 40px 50px 30px;\n  line-height: 1.8;\n  overflow-y: auto;\n  font-size: 1.6rem;\n  flex: 1;\n  max-height: 500px;\n  background: white;\n}\n\n.delos-modal-text::-webkit-scrollbar {\n  width: 12px;\n}\n\n.delos-modal-text::-webkit-scrollbar-track {\n  background: #f8fafc;\n  border-radius: 5px;\n}\n\n.delos-modal-text::-webkit-scrollbar-thumb {\n  background: #0c3168;\n  border-radius: 5px;\n}\n\n.delos-modal-text p {\n  margin-bottom: 30px;\n  color: #2d3748;\n  text-align: left;\n  font-size: 1.6rem;\n  line-height: 1.8;\n  font-weight: 400;\n}\n\n.delos-modal-text strong {\n  color: #0c3168;\n  font-weight: 700;\n  font-size: 1.7rem;\n}\n\n.delos-modal-footer {\n  padding: 25px 50px 40px;\n  background: white;\n  border-top: 1px solid rgba(0, 0, 0, 0.08);\n  text-align: center;\n  border-radius: 0 0 20px 20px;\n}\n\n.delos-modal-contact-btn {\n  background: #0c3168;\n  color: white;\n  border: none;\n  padding: 18px 45px;\n  border-radius: 40px;\n  font-weight: 600;\n  font-size: 1.5rem;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  text-decoration: none;\n  box-shadow: 0 4px 15px rgba(12, 49, 104, 0.3);\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  border: 2px solid rgba(255, 255, 255, 0.2);\n  min-width: 250px;\n}\n\n.delos-modal-contact-btn:hover {\n  background: #1a438a;\n  transform: translateY(-3px);\n  box-shadow: 0 8px 25px rgba(12, 49, 104, 0.4);\n  gap: 16px;\n}\n\n.delos-modal-contact-btn i {\n  font-size: 1.4rem;\n}\n\n\/* LOADING E ERROR *\/\n.delos-loading {\n  text-align: center;\n  padding: 80px 20px;\n  color: #64748b;\n  grid-column: 1 \/ -1;\n}\n\n.delos-loading-spinner {\n  border: 3px solid #f1f5f9;\n  border-top: 3px solid #0c3168;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n  margin: 0 auto 25px;\n}\n\n.delos-loading p {\n  font-size: 1.3rem;\n  color: #4a5568;\n}\n\n.delos-error {\n  text-align: center;\n  padding: 70px 40px;\n  background: white;\n  border-radius: 20px;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n  grid-column: 1 \/ -1;\n  border: 1px solid #f1f5f9;\n}\n\n.delos-error i {\n  font-size: 50px;\n  color: #cbd5e0;\n  margin-bottom: 25px;\n}\n\n.delos-error h3 {\n  color: #1a202c;\n  margin-bottom: 15px;\n  font-size: 1.8rem;\n  font-weight: 600;\n}\n\n.delos-error p {\n  color: #4a5568;\n  font-size: 1.3rem;\n  line-height: 1.6;\n  max-width: 500px;\n  margin: 0 auto;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px) scale(0.98);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n.delos-team-card {\n  animation: fadeInUp 0.5s ease forwards;\n}\n\n\/* RESPONSIVIDADE - MODAL COM FONTES GRANDES *\/\n@media (max-width: 1024px) {\n  .delos-team-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n  \n  .delos-team-card {\n    height: 450px;\n  }\n  \n  .delos-team-name {\n    font-size: 1.6rem;\n  }\n  \n  .delos-team-role {\n    font-size: 1.1rem;\n  }\n  \n  .delos-modal-header h2 {\n    font-size: 2.4rem;\n  }\n  \n  .delos-modal-header p {\n    font-size: 1.6rem;\n  }\n  \n  .delos-modal-text {\n    font-size: 1.5rem;\n    padding: 35px 40px 25px;\n  }\n  \n  .delos-modal-text p {\n    font-size: 1.5rem;\n  }\n  \n  .delos-modal-text strong {\n    font-size: 1.6rem;\n  }\n  \n  .delos-modal-contact-btn {\n    font-size: 1.4rem;\n    padding: 16px 40px;\n  }\n}\n\n@media (max-width: 768px) {\n  .delos-team-container {\n    padding: 0 15px;\n    margin: 40px auto;\n  }\n  \n  .delos-team-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 15px;\n  }\n  \n  .delos-team-card {\n    height: 400px;\n    border-radius: 14px;\n  }\n  \n  .delos-team-content {\n    bottom: 70px;\n    padding: 0 15px;\n  }\n  \n  .delos-team-name {\n    font-size: 1.4rem;\n    margin-bottom: 5px;\n  }\n  \n  .delos-team-role {\n    font-size: 1rem;\n    margin-top: 10px;\n  }\n  \n  .delos-team-btn {\n    padding: 10px 20px;\n    font-size: 0.95rem;\n    bottom: 15px;\n  }\n  \n  .delos-team-btn i {\n    font-size: 0.9rem;\n  }\n  \n  .delos-team-badge {\n    top: 15px;\n    right: 15px;\n    padding: 6px 12px;\n    font-size: 0.8rem;\n  }\n  \n  .delos-team-badge i {\n    font-size: 0.75rem;\n  }\n  \n  \/* MODAL RESPONSIVO - FONTES GRANDES *\/\n  .delos-modal {\n    padding: 15px;\n  }\n  \n  .delos-modal-content {\n    margin: 30px auto;\n  }\n  \n  .delos-modal-header {\n    padding: 30px 30px 20px;\n  }\n  \n  .delos-modal-header h2 {\n    font-size: 2.2rem;\n    padding-right: 35px;\n    margin-bottom: 10px;\n  }\n  \n  .delos-modal-header p {\n    font-size: 1.5rem;\n  }\n  \n  .delos-modal-text {\n    padding: 25px 30px 20px;\n    max-height: 400px;\n    font-size: 1.4rem;\n  }\n  \n  .delos-modal-text p {\n    font-size: 1.4rem;\n    margin-bottom: 25px;\n    line-height: 1.7;\n  }\n  \n  .delos-modal-text strong {\n    font-size: 1.5rem;\n  }\n  \n  .delos-modal-footer {\n    padding: 20px 30px 30px;\n  }\n  \n  .delos-modal-contact-btn {\n    padding: 15px 35px;\n    font-size: 1.3rem;\n    min-width: 220px;\n  }\n  \n  .delos-modal-contact-btn i {\n    font-size: 1.2rem;\n  }\n  \n  .delos-modal-close {\n    top: 18px;\n    right: 18px;\n    width: 38px;\n    height: 38px;\n    font-size: 18px;\n  }\n  \n  .delos-loading p {\n    font-size: 1.2rem;\n  }\n  \n  .delos-error h3 {\n    font-size: 1.6rem;\n  }\n  \n  .delos-error p {\n    font-size: 1.2rem;\n  }\n}\n\n@media (max-width: 600px) {\n  .delos-team-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n    max-width: 450px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .delos-team-card {\n    height: 450px;\n  }\n  \n  .delos-team-name {\n    font-size: 1.8rem;\n  }\n  \n  .delos-team-role {\n    font-size: 1.2rem;\n    margin-top: 12px;\n  }\n  \n  .delos-team-btn {\n    padding: 14px 25px;\n    font-size: 1.1rem;\n  }\n  \n  .delos-team-btn i {\n    font-size: 1rem;\n  }\n  \n  .delos-team-badge {\n    font-size: 0.9rem;\n    padding: 6px 14px;\n  }\n  \n  .delos-modal-header h2 {\n    font-size: 2rem;\n  }\n  \n  .delos-modal-header p {\n    font-size: 1.4rem;\n  }\n  \n  .delos-modal-text {\n    font-size: 1.3rem;\n    padding: 20px 25px;\n  }\n  \n  .delos-modal-text p {\n    font-size: 1.3rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .delos-team-container {\n    padding: 0 12px;\n    margin: 30px auto;\n  }\n  \n  .delos-team-card {\n    height: 400px;\n    border-radius: 12px;\n  }\n  \n  .delos-team-content {\n    bottom: 70px;\n    padding: 0 12px;\n  }\n  \n  .delos-team-name {\n    font-size: 1.6rem;\n    margin-bottom: 5px;\n  }\n  \n  .delos-team-role {\n    font-size: 1.1rem;\n    margin-top: 10px;\n  }\n  \n  .delos-team-btn {\n    padding: 12px 22px;\n    font-size: 1rem;\n    bottom: 15px;\n    gap: 6px;\n  }\n  \n  .delos-team-btn i {\n    font-size: 0.95rem;\n  }\n  \n  .delos-team-badge {\n    font-size: 0.8rem;\n    padding: 5px 12px;\n  }\n  \n  \/* MODAL CELULAR - FONTES GRANDES *\/\n  .delos-modal {\n    padding: 10px;\n  }\n  \n  .delos-modal-content {\n    margin: 20px auto;\n  }\n  \n  .delos-modal-header {\n    padding: 25px 20px 15px;\n  }\n  \n  .delos-modal-header h2 {\n    font-size: 1.9rem;\n    margin-bottom: 8px;\n    padding-right: 30px;\n  }\n  \n  .delos-modal-header p {\n    font-size: 1.3rem;\n  }\n  \n  .delos-modal-text {\n    padding: 20px 20px 15px;\n    max-height: 350px;\n    font-size: 1.2rem;\n  }\n  \n  .delos-modal-text p {\n    font-size: 1.2rem;\n    margin-bottom: 20px;\n    line-height: 1.7;\n  }\n  \n  .delos-modal-text strong {\n    font-size: 1.3rem;\n  }\n  \n  .delos-modal-footer {\n    padding: 15px 20px 25px;\n  }\n  \n  .delos-modal-contact-btn {\n    padding: 14px 25px;\n    font-size: 1.2rem;\n    min-width: 200px;\n    gap: 8px;\n  }\n  \n  .delos-modal-contact-btn i {\n    font-size: 1.1rem;\n  }\n  \n  .delos-modal-close {\n    top: 15px;\n    right: 15px;\n    width: 36px;\n    height: 36px;\n    font-size: 17px;\n  }\n  \n  .delos-loading p {\n    font-size: 1.1rem;\n  }\n  \n  .delos-error h3 {\n    font-size: 1.4rem;\n  }\n  \n  .delos-error p {\n    font-size: 1.1rem;\n  }\n}\n\n@media (max-width: 360px) {\n  .delos-team-card {\n    height: 380px;\n  }\n  \n  .delos-team-name {\n    font-size: 1.4rem;\n  }\n  \n  .delos-team-role {\n    font-size: 1rem;\n  }\n  \n  .delos-team-btn {\n    padding: 10px 20px;\n    font-size: 0.9rem;\n  }\n  \n  .delos-modal-header h2 {\n    font-size: 1.7rem;\n  }\n  \n  .delos-modal-header p {\n    font-size: 1.2rem;\n  }\n  \n  .delos-modal-text {\n    font-size: 1.1rem;\n    padding: 15px;\n  }\n  \n  .delos-modal-text p {\n    font-size: 1.1rem;\n  }\n  \n  .delos-modal-contact-btn {\n    font-size: 1.1rem;\n    padding: 12px 20px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const container = document.getElementById('funcionarios-container');\n    \n    container.innerHTML = `\n        <div class=\"delos-loading\">\n            <div class=\"delos-loading-spinner\"><\/div>\n            <p>Carregando nossa equipe...<\/p>\n        <\/div>\n    `;\n\n    loadFuncionarios();\n    \n    async function loadFuncionarios() {\n        try {\n            const baseUrl = 'https:\/\/soudelos.com.br\/site\/wp-json\/wp\/v2';\n            const postsUrl = `${baseUrl}\/posts?categories=42&per_page=50&_embed`;\n\n            const response = await fetch(postsUrl);\n            if (!response.ok) throw new Error(`Erro HTTP: ${response.status}`);\n\n            const posts = await response.json();\n            if (posts.length === 0) {\n                showError('Nenhum funcion\u00e1rio encontrado na categoria 42.');\n                return;\n            }\n\n            processarFuncionarios(posts);\n\n        } catch (error) {\n            showError(`N\u00e3o foi poss\u00edvel carregar a equipe: ${error.message}`);\n        }\n    }\n\n    function processarFuncionarios(posts) {\n        const funcionarios = posts.map(post => {\n            const titulo = post.title.rendered.replace(\/<\\\/?[^>]+(>|$)\/g, \"\");\n            const conteudo = post.content.rendered;\n            \n            let imagem = '';\n            if (post._embedded?.['wp:featuredmedia']?.[0]?.source_url) {\n                imagem = post._embedded['wp:featuredmedia'][0].source_url.replace(\/-\\d+x\\d+\\.\/, '.');\n            }\n\n            return {\n                titulo: titulo,\n                imagem: imagem,\n                cargo: extractCargo(conteudo, titulo),\n                descricao: extractDescricao(conteudo),\n                telefone: extractTelefone(conteudo),\n                link: post.link\n            };\n        }).filter(func => func.imagem);\n\n        if (funcionarios.length === 0) {\n            showError('Nenhum funcion\u00e1rio com imagem encontrado.');\n            return;\n        }\n\n        renderFuncionarios(funcionarios);\n    }\n\n    function extractCargo(conteudo, titulo) {\n        const tempDiv = document.createElement('div');\n        tempDiv.innerHTML = conteudo;\n        \n        const strongTags = tempDiv.querySelectorAll('strong, b, h2, h3, h4, h5, h6');\n        \n        for (let tag of strongTags) {\n            const text = tag.textContent.trim();\n            if (text && text.length < 100 && !text.includes('<') && !text.includes('>')) {\n                return text;\n            }\n        }\n        \n        const primeiroParagrafo = tempDiv.querySelector('p');\n        if (primeiroParagrafo) {\n            const text = primeiroParagrafo.textContent.trim();\n            if (text && text.length < 150) return text;\n        }\n        \n        return titulo || 'Especialista em Im\u00f3veis';\n    }\n\n    function extractDescricao(conteudo) {\n        const tempDiv = document.createElement('div');\n        tempDiv.innerHTML = conteudo;\n        const paragraphs = tempDiv.querySelectorAll('p');\n        let descricao = '';\n        \n        for (let p of paragraphs) {\n            const text = p.textContent.trim();\n            if (text && text.length > 20) {\n                descricao += `<p>${p.innerHTML}<\/p>`;\n                if (descricao.length > 500) break;\n            }\n        }\n        \n        if (!descricao) {\n            descricao = `\n                <p>Profissional especializado do time Delos Im\u00f3veis, comprometido com a excel\u00eancia no atendimento e resultados extraordin\u00e1rios para nossos clientes.<\/p>\n                <p>Com vasta experi\u00eancia no mercado imobili\u00e1rio, oferece solu\u00e7\u00f5es personalizadas para cada necessidade.<\/p>\n            `;\n        }\n        \n        return descricao;\n    }\n\n    function extractTelefone(conteudo) {\n        const telefoneRegex = \/(\\(?\\d{2}\\)?\\s?)?(\\d{4,5}[\\s-]?\\d{4})\/g;\n        const matches = conteudo.match(telefoneRegex);\n        \n        if (matches && matches.length > 0) {\n            let telefone = matches[0].replace(\/\\D\/g, '');\n            if (telefone.length === 8 || telefone.length === 9) {\n                telefone = '11' + telefone;\n            }\n            return telefone;\n        }\n        \n        return '11999998888';\n    }\n\n    function renderFuncionarios(funcionarios) {\n        let funcionariosHTML = `\n            <div class=\"delos-team-grid\">\n        `;\n\n        funcionarios.forEach((funcionario, index) => {\n            const imagem = funcionario.imagem || 'https:\/\/via.placeholder.com\/400x500\/0c3168\/ffffff?text=Delos+Im\u00f3veis';\n            \n            funcionariosHTML += `\n                <div class=\"delos-team-card\" style=\"animation-delay: ${index * 0.1}s\">\n                    <div class=\"delos-team-badge\">\n                        <i class=\"fas fa-star\"><\/i> Especialista\n                    <\/div>\n                    \n                    <div class=\"delos-team-photo\">\n                        <img decoding=\"async\" src=\"${imagem}\" alt=\"${funcionario.titulo}\" class=\"delos-team-img\" loading=\"lazy\"\n                             onerror=\"this.src='https:\/\/via.placeholder.com\/400x500\/0c3168\/ffffff?text=Delos+Im\u00f3veis'\">\n                        <div class=\"delos-team-overlay\"><\/div>\n                    <\/div>\n                    \n                    <div class=\"delos-team-content\">\n                        <h3 class=\"delos-team-name\">${funcionario.titulo}<\/h3>\n                        <div class=\"delos-team-role\">${funcionario.cargo}<\/div>\n                    <\/div>\n                    \n                    <button class=\"delos-team-btn\" onclick=\"abrirModal('${funcionario.titulo.replace(\/'\/g, \"\\\\'\")}', '${funcionario.cargo.replace(\/'\/g, \"\\\\'\")}', '${funcionario.descricao.replace(\/'\/g, \"\\\\'\")}', '${funcionario.telefone}')\">\n                        <span>Saiba Mais<\/span>\n                        <i class=\"fas fa-arrow-right\"><\/i>\n                    <\/button>\n                <\/div>\n            `;\n        });\n\n        funcionariosHTML += `\n            <\/div>\n            \n            <div class=\"delos-modal\" id=\"delosModal\">\n                <div class=\"delos-modal-content\">\n                    <button class=\"delos-modal-close\" onclick=\"fecharModal()\">\n                        <i class=\"fas fa-times\"><\/i>\n                    <\/button>\n                    <div class=\"delos-modal-header\">\n                        <h2 id=\"modalTitulo\"><\/h2>\n                        <p id=\"modalCargo\"><\/p>\n                    <\/div>\n                    <div class=\"delos-modal-text\" id=\"modalDescricao\"><\/div>\n                    <div class=\"delos-modal-footer\">\n                        <a id=\"modalContactBtn\" class=\"delos-modal-contact-btn\" href=\"https:\/\/soudelos.com.br\/site\/index.php\/contato\/#Formularioo\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: white;\">\n                            <i class=\"fas fa-phone-alt\"><\/i>\n                            <span>Contato<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        `;\n\n        container.innerHTML = funcionariosHTML;\n    }\n\n    function showError(message) {\n        container.innerHTML = `\n            <div class=\"delos-error\">\n                <i class=\"fas fa-user-slash\"><\/i>\n                <h3>Equipe n\u00e3o dispon\u00edvel<\/h3>\n                <p>${message}<\/p>\n            <\/div>\n        `;\n    }\n});\n\nfunction abrirModal(titulo, cargo, descricao, telefone) {\n    const modal = document.getElementById('delosModal');\n    const modalTitulo = document.getElementById('modalTitulo');\n    const modalCargo = document.getElementById('modalCargo');\n    const modalDescricao = document.getElementById('modalDescricao');\n    const modalContactBtn = document.getElementById('modalContactBtn');\n    \n    modalTitulo.textContent = titulo;\n    modalCargo.textContent = cargo;\n    modalDescricao.innerHTML = descricao;\n    \n    \/\/ URL fixa para o formul\u00e1rio de contato\n    modalContactBtn.href = \"https:\/\/soudelos.com.br\/site\/index.php\/contato\/#Formularioo\";\n    \n    modal.style.display = 'block';\n    document.body.style.overflow = 'hidden';\n}\n\nfunction fecharModal() {\n    const modal = document.getElementById('delosModal');\n    modal.style.display = 'none';\n    document.body.style.overflow = 'auto';\n}\n\ndocument.addEventListener('click', function(event) {\n    const modal = document.getElementById('delosModal');\n    if (event.target === modal) fecharModal();\n});\n\ndocument.addEventListener('keydown', function(event) {\n    if (event.key === 'Escape') fecharModal();\n});\n<\/script><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Delos Imobili\u00e1ria Sobre a Delos Inspirada na Ilha de Delos, s\u00edmbolo de tradi\u00e7\u00e3o, solidez e prosperidade, a Delos Imobili\u00e1ria \u00e9 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"footnotes":""},"class_list":["post-1970","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Quem Somos - Delos Imobili\u00e1ria<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quem Somos - Delos Imobili\u00e1ria\" \/>\n<meta property=\"og:description\" content=\"Delos Imobili\u00e1ria Sobre a Delos Inspirada na Ilha de Delos, s\u00edmbolo de tradi\u00e7\u00e3o, solidez e prosperidade, a Delos Imobili\u00e1ria \u00e9 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Delos Imobili\u00e1ria\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-25T17:21:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/\",\"url\":\"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/\",\"name\":\"Quem Somos - Delos Imobili\u00e1ria\",\"isPartOf\":{\"@id\":\"https:\/\/soudelos.com.br\/site\/#website\"},\"datePublished\":\"2025-10-21T18:44:11+00:00\",\"dateModified\":\"2026-02-25T17:21:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/soudelos.com.br\/site\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quem Somos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/soudelos.com.br\/site\/#website\",\"url\":\"https:\/\/soudelos.com.br\/site\/\",\"name\":\"Delos Imobili\u00e1ria\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/soudelos.com.br\/site\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/soudelos.com.br\/site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/soudelos.com.br\/site\/#organization\",\"name\":\"Delos Imobili\u00e1ria\",\"url\":\"https:\/\/soudelos.com.br\/site\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/soudelos.com.br\/site\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2026\/02\/cropped-Screenshot-2025-05-21-at-14-29-51-Logo-Delos-Logo-Delos-Vetor.pdf2_-removebg-preview-1-1.png\",\"contentUrl\":\"https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2026\/02\/cropped-Screenshot-2025-05-21-at-14-29-51-Logo-Delos-Logo-Delos-Vetor.pdf2_-removebg-preview-1-1.png\",\"width\":150,\"height\":50,\"caption\":\"Delos Imobili\u00e1ria\"},\"image\":{\"@id\":\"https:\/\/soudelos.com.br\/site\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/soudelos\/\",\"https:\/\/www.youtube.com\/@soudelos\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Quem Somos - Delos Imobili\u00e1ria","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/","og_locale":"pt_BR","og_type":"article","og_title":"Quem Somos - Delos Imobili\u00e1ria","og_description":"Delos Imobili\u00e1ria Sobre a Delos Inspirada na Ilha de Delos, s\u00edmbolo de tradi\u00e7\u00e3o, solidez e prosperidade, a Delos Imobili\u00e1ria \u00e9 [&hellip;]","og_url":"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/","og_site_name":"Delos Imobili\u00e1ria","article_modified_time":"2026-02-25T17:21:27+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/","url":"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/","name":"Quem Somos - Delos Imobili\u00e1ria","isPartOf":{"@id":"https:\/\/soudelos.com.br\/site\/#website"},"datePublished":"2025-10-21T18:44:11+00:00","dateModified":"2026-02-25T17:21:27+00:00","breadcrumb":{"@id":"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/soudelos.com.br\/site\/index.php\/quem-somos-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/soudelos.com.br\/site\/"},{"@type":"ListItem","position":2,"name":"Quem Somos"}]},{"@type":"WebSite","@id":"https:\/\/soudelos.com.br\/site\/#website","url":"https:\/\/soudelos.com.br\/site\/","name":"Delos Imobili\u00e1ria","description":"","publisher":{"@id":"https:\/\/soudelos.com.br\/site\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/soudelos.com.br\/site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/soudelos.com.br\/site\/#organization","name":"Delos Imobili\u00e1ria","url":"https:\/\/soudelos.com.br\/site\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/soudelos.com.br\/site\/#\/schema\/logo\/image\/","url":"https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2026\/02\/cropped-Screenshot-2025-05-21-at-14-29-51-Logo-Delos-Logo-Delos-Vetor.pdf2_-removebg-preview-1-1.png","contentUrl":"https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2026\/02\/cropped-Screenshot-2025-05-21-at-14-29-51-Logo-Delos-Logo-Delos-Vetor.pdf2_-removebg-preview-1-1.png","width":150,"height":50,"caption":"Delos Imobili\u00e1ria"},"image":{"@id":"https:\/\/soudelos.com.br\/site\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/soudelos\/","https:\/\/www.youtube.com\/@soudelos"]}]}},"_links":{"self":[{"href":"https:\/\/soudelos.com.br\/site\/index.php\/wp-json\/wp\/v2\/pages\/1970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soudelos.com.br\/site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soudelos.com.br\/site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soudelos.com.br\/site\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/soudelos.com.br\/site\/index.php\/wp-json\/wp\/v2\/comments?post=1970"}],"version-history":[{"count":0,"href":"https:\/\/soudelos.com.br\/site\/index.php\/wp-json\/wp\/v2\/pages\/1970\/revisions"}],"wp:attachment":[{"href":"https:\/\/soudelos.com.br\/site\/index.php\/wp-json\/wp\/v2\/media?parent=1970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}