{"id":643,"date":"2017-01-02T08:28:52","date_gmt":"2017-01-02T08:28:52","guid":{"rendered":"https:\/\/demo.themegrill.com\/flash-default-2\/?page_id=5"},"modified":"2026-02-19T14:27:56","modified_gmt":"2026-02-19T17:27:56","slug":"home","status":"publish","type":"page","link":"https:\/\/soudelos.com.br\/site\/","title":{"rendered":"Home"},"content":{"rendered":"<div id=\"pl-643\"  class=\"panel-layout\" ><div id=\"pg-643-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-643-0\" data-stretch-type=\"full-width-stretch\" data-overlay-opactity=\"1\" ><div id=\"pgc-643-0-0\"  class=\"panel-grid-cell\" ><div class=\"panel-cell-style panel-cell-style-for-643-0-0\" ><div id=\"panel-643-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><section class=\"lux-hero\">\n\n    <div class=\"lux-content\">\n\n        <span class=\"lux-tag\">SUA HIST\u00d3RIA MERECE UM LAR ESPECIAL<\/span>\n\n        <h1>\n            Viver com Sofistica\u00e7\u00e3o<br>\n            <strong>em Cada Detalhe<\/strong>\n        <\/h1>\n\n        <p>\n            Descubra im\u00f3veis planejados para oferecer conforto, exclusividade e a melhor localiza\u00e7\u00e3o de Jo\u00e3o Pessoa.\n        <\/p>\n\n        <div class=\"lux-buttons\">\n            <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/\" class=\"btn-primary\">Conhe\u00e7a Nossos Im\u00f3veis<\/a>\n            <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/contato\/\" class=\"btn-outline\">Conversar com Especialista<\/a>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.lux-hero {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    background-image: url('https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2026\/02\/hero-desktop-1.jpg');\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    overflow: hidden;\n    font-family: 'Lato', sans-serif;\n}\n\n.lux-content {\n    position: relative;\n    z-index: 2;\n    color: #ffffff;\n    max-width: 1000px;\n    padding: 20px;\n}\n\n\/* Texto pequeno superior *\/\n.lux-tag {\n    display: block;\n    letter-spacing: 4px;\n    font-size: 13px;\n    margin-bottom: 20px;\n    opacity: 0.85;\n    color: #ffffff;\n}\n\n\/* T\u00edtulo principal *\/\n.lux-content h1 {\n    font-size: 64px;\n    font-weight: 300;\n    line-height: 1.1;\n    margin-bottom: 25px;\n    color: #ffffff;\n    text-shadow: 0 2px 8px rgba(0,0,0,0.25);\n}\n\n.lux-content h1 strong {\n    font-weight: 700;\n    color: #ffffff;\n}\n\n\/* Subt\u00edtulo *\/\n.lux-content p {\n    font-size: 18px;\n    max-width: 700px;\n    margin: 0 auto 35px auto;\n    opacity: 0.9;\n    color: #ffffff;\n    text-shadow: 0 2px 4px rgba(0,0,0,0.25);\n}\n\n\/* Bot\u00f5es *\/\n.lux-buttons {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n.btn-primary {\n    background: #0c3168;\n    padding: 14px 30px;\n    border-radius: 6px;\n    color: #fff;\n    text-decoration: none;\n    font-weight: 600;\n    transition: 0.3s ease;\n}\n\n.btn-primary:hover {\n    background: #08234b;\n    transform: translateY(-3px);\n}\n\n.btn-outline {\n    padding: 14px 30px;\n    border-radius: 6px;\n    border: 1px solid rgba(255,255,255,0.7);\n    color: #fff;\n    text-decoration: none;\n    font-weight: 500;\n    transition: 0.3s ease;\n}\n\n.btn-outline:hover {\n    background: rgba(255,255,255,0.15);\n    transform: translateY(-3px);\n}\n\n\/* Responsivo *\/\n@media (max-width: 992px) {\n    .lux-content h1 {\n        font-size: 42px;\n    }\n}\n\n@media (max-width: 600px) {\n    .lux-content h1 {\n        font-size: 32px;\n    }\n\n    .lux-content p {\n        font-size: 15px;\n    }\n}\n<\/style><\/div><\/div><div id=\"panel-643-0-0-1\" class=\"widget_text so-panel widget widget_custom_html panel-last-child\" data-index=\"1\" ><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>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        \/* Estilos do Bot\u00e3o WhatsApp Direto *\/\n        .whatsapp-float {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            z-index: 999999;\n            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n        }\n\n        .whatsapp-button {\n            width: 70px;\n            height: 70px;\n            background: #25D366;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            box-shadow: 0 8px 30px rgba(37, 211, 102, 0.4);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            text-decoration: none;\n            border: none;\n            outline: none;\n        }\n\n        .whatsapp-button:hover {\n            transform: scale(1.1);\n            box-shadow: 0 12px 40px rgba(37, 211, 102, 0.6);\n            background: #128C7E;\n        }\n\n        .whatsapp-button i {\n            color: white;\n            font-size: 38px;\n            transition: transform 0.3s ease;\n        }\n\n        .whatsapp-button:hover i {\n            transform: scale(1.1);\n        }\n\n        \/* Tooltip flutuante *\/\n        .whatsapp-tooltip {\n            position: absolute;\n            bottom: 85px;\n            right: 0;\n            background: white;\n            color: #333;\n            padding: 12px 18px;\n            border-radius: 12px;\n            font-size: 0.9rem;\n            font-weight: 500;\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);\n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(10px);\n            transition: all 0.3s ease;\n            white-space: nowrap;\n            pointer-events: none;\n        }\n\n        .whatsapp-tooltip::after {\n            content: '';\n            position: absolute;\n            top: 100%;\n            right: 20px;\n            border: 8px solid transparent;\n            border-top-color: white;\n        }\n\n        .whatsapp-button:hover .whatsapp-tooltip {\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n        }\n\n        \/* Anima\u00e7\u00f5es *\/\n        @keyframes whatsappPulse {\n            0% {\n                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);\n            }\n            70% {\n                box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);\n            }\n            100% {\n                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);\n            }\n        }\n\n        .whatsapp-pulse {\n            animation: whatsappPulse 2s infinite;\n        }\n\n        \/* Efeito de clique *\/\n        .whatsapp-button:active {\n            transform: scale(0.95);\n        }\n\n        \/* Estados de loading *\/\n        .whatsapp-loading {\n            position: relative;\n            pointer-events: none;\n        }\n\n        .whatsapp-loading::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 30px;\n            height: 30px;\n            margin: -15px 0 0 -15px;\n            border: 3px solid transparent;\n            border-top: 3px solid white;\n            border-radius: 50%;\n            animation: whatsappSpin 1s linear infinite;\n        }\n\n        @keyframes whatsappSpin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        \/* Responsivo *\/\n        @media (max-width: 768px) {\n            .whatsapp-float {\n                bottom: 20px;\n                right: 20px;\n            }\n\n            .whatsapp-button {\n                width: 60px;\n                height: 60px;\n            }\n\n            .whatsapp-button i {\n                font-size: 32px;\n            }\n\n            .whatsapp-tooltip {\n                font-size: 0.8rem;\n                padding: 10px 15px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .whatsapp-float {\n                bottom: 15px;\n                right: 15px;\n            }\n\n            .whatsapp-button {\n                width: 55px;\n                height: 55px;\n            }\n\n            .whatsapp-button i {\n                font-size: 28px;\n            }\n\n            .whatsapp-tooltip {\n                display: none; \/* Esconde tooltip em mobile muito pequeno *\/\n            }\n        }\n\n        \/* Modo escuro (opcional) *\/\n        @media (prefers-color-scheme: dark) {\n            .whatsapp-tooltip {\n                background: #2d3748;\n                color: white;\n            }\n\n            .whatsapp-tooltip::after {\n                border-top-color: #2d3748;\n            }\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            <div class=\"whatsapp-tooltip\">\n                Fale conosco no WhatsApp!\n            <\/div>\n        <\/a>\n    <\/div>\n\n    <script>\n        (function() {\n            'use strict';\n            \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                    this.button.addEventListener('click', (e) => {\n                        this.handleClick(e);\n                    });\n                    \n                    \/\/ Adicionar efeitos de intera\u00e7\u00e3o\n                    this.addHoverEffects();\n                }\n                \n                handleClick(e) {\n                    if (this.isLoading) {\n                        e.preventDefault();\n                        return;\n                    }\n                    \n                    \/\/ Efeito visual de loading\n                    this.showLoading();\n                    \n                    \/\/ Tracking de clique\n                    this.trackClick();\n                    \n                    \/\/ Remover loading ap\u00f3s um tempo (fallback)\n                    setTimeout(() => {\n                        this.hideLoading();\n                    }, 3000);\n                }\n                \n                showLoading() {\n                    this.isLoading = true;\n                    this.button.classList.add('whatsapp-loading');\n                    \n                    \/\/ Adicionar texto de loading temporariamente\n                    const originalHTML = this.button.innerHTML;\n                    this.button.setAttribute('data-original-html', originalHTML);\n                }\n                \n                hideLoading() {\n                    this.isLoading = false;\n                    this.button.classList.remove('whatsapp-loading');\n                    \n                    \/\/ Restaurar HTML original se necess\u00e1rio\n                    const originalHTML = this.button.getAttribute('data-original-html');\n                    if (originalHTML) {\n                        this.button.innerHTML = originalHTML;\n                    }\n                }\n                \n                addHoverEffects() {\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 para WordPress\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            \n        })();\n    <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-643-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-643-1\" data-stretch-type=\"full-width-stretch\" data-overlay-opactity=\"1\" ><div id=\"pgc-643-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-643-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\"><section class=\"lux-categorias\">\n\n    <div class=\"lux-grid\">\n\n        <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/?filtro=apartamento\" class=\"lux-card\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505691723518-36a5ac3be353\" alt=\"Apartamentos\">\n            <div class=\"lux-overlay\"><\/div>\n            <div class=\"lux-info\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lux-icon\">\n                    <path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"><\/path>\n                    <path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"><\/path>\n                    <path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"><\/path>\n                    <path d=\"M10 6h4\"><\/path>\n                    <path d=\"M10 10h4\"><\/path>\n                    <path d=\"M10 14h4\"><\/path>\n                    <path d=\"M10 18h4\"><\/path>\n                <\/svg>\n                <h3 style=\"color:white;\">Apartamentos<\/h3>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/?filtro=casa\" class=\"lux-card\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c\" alt=\"Casas\">\n            <div class=\"lux-overlay\"><\/div>\n            <div class=\"lux-info\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lux-icon\">\n                    <path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"><\/path>\n                    <path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n                <\/svg>\n                <h3 style=\"color:white;\">Casas<\/h3>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/?filtro=investimento\" class=\"lux-card\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab\" alt=\"Investimentos\">\n            <div class=\"lux-overlay\"><\/div>\n            <div class=\"lux-info\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lux-icon\">\n                    <polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"><\/polyline>\n                    <polyline points=\"16 7 22 7 22 13\"><\/polyline>\n                <\/svg>\n                <h3 style=\"color:white;\">Investimentos<\/h3>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/?filtro=lancamento\" class=\"lux-card\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560185127-6ed189bf02f4\" alt=\"Lan\u00e7amentos\">\n            <div class=\"lux-overlay\"><\/div>\n            <div class=\"lux-info\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lux-icon\">\n                    <path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"><\/path>\n                    <path d=\"M20 3v4\"><\/path>\n                    <path d=\"M22 5h-4\"><\/path>\n                    <path d=\"M4 17v2\"><\/path>\n                    <path d=\"M5 18H3\"><\/path>\n                <\/svg>\n                <h3 style=\"color:white;\">Lan\u00e7amentos<\/h3>\n            <\/div>\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n<style>\n.lux-categorias {\n    padding: 80px 5%;\n    background: #ffffff;\n}\n\n.lux-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n}\n\n.lux-card {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    height: 350px;\n    display: block;\n    text-decoration: none;\n}\n\n.lux-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: 0.6s ease;\n}\n\n.lux-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.2));\n}\n\n.lux-info {\n    position: absolute;\n    bottom: 25px;\n    left: 25px;\n    color: #fff;\n    display: flex;\n    flex-direction: column;\n}\n\n.lux-info h3 {\n    margin: 5px 0 0;\n    font-size: 20px;\n    font-weight: 600;\n}\n\n.lux-icon {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 8px;\n}\n\n\/* Hover elegante *\/\n.lux-card:hover img {\n    transform: scale(1.08);\n}\n\n\/* Responsivo *\/\n@media (max-width: 1100px) {\n    .lux-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 600px) {\n    .lux-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style><\/div><\/div><\/div><\/div><\/div><div id=\"pg-643-2\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-643-2\" data-stretch-type=\"full-width-stretch\" data-overlay-opactity=\"1\" ><div id=\"pgc-643-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-643-2-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child\" data-index=\"3\" ><div class=\"textwidget custom-html-widget\"><section class=\"imoveis-destaque\">\n  <div class=\"container\">\n\n    <div class=\"topo-sessao\">\n      <div class=\"titulo-area\">\n        <span class=\"subtitulo\">SELE\u00c7\u00c3O EXCLUSIVA<\/span>\n        <h2>Nossos Destaques<\/h2>\n        <p>Os empreendimentos mais sofisticados<\/p>\n      <\/div>\n\n      <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/\" class=\"btn-todos\">\n        Ver todos \u2192\n      <\/a>\n    <\/div>\n\n    <div class=\"cards-imoveis\">\n\n      <!-- CARD 1 - Artus Blanc -->\n      <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/artus-blanc\/\" class=\"card-link\">\n        <div class=\"card\">\n          <div class=\"imagem\">\n            <img decoding=\"async\" src=\"https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2026\/02\/1170_EXT01_FACHADA_V1_HR-_1__1-scaled_Easy-Resize.com_-1-1.jpg\" alt=\"Artus Blanc\">\n            <span class=\"badge azul\">Lan\u00e7amento<\/span>\n            <div class=\"badge-wrapper\">\n              <span class=\"local-badge\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                <\/svg>\n                Altiplano, Jo\u00e3o Pessoa\n              <\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"conteudo\">\n            <h3>Artus Blanc<\/h3>\n            <div class=\"info\">\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect>\n                <\/svg>\n                <span>105-167m\u00b2<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"12\" cy=\"8\" r=\"5\"><\/circle>\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                <\/svg>\n                <span>3-4 quartos<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"><\/rect>\n                  <path d=\"M6 6V4h12v2\"><\/path>\n                <\/svg>\n                <span>1-2 vagas<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"preco-area\">\n              <span class=\"preco-label\">A partir de<\/span>\n              <span class=\"preco-valor\">Sob consulta<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <!-- CARD 2 - Z\u00eanite Lumi -->\n      <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/zenite-lumi\/\" class=\"card-link\">\n        <div class=\"card\">\n          <div class=\"imagem\">\n            <img decoding=\"async\" src=\"https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2025\/06\/482206651_17871986478296798_931064920516229443_n_Easy-Resize.com-3-e1769783953543.jpg\" alt=\"Z\u00eanite Lumi\">\n            <span class=\"badge azul\">Lan\u00e7amento<\/span>\n            <div class=\"badge-wrapper\">\n              <span class=\"local-badge\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                <\/svg>\n                Cabo Branco, Jo\u00e3o Pessoa\n              <\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"conteudo\">\n            <h3>Z\u00eanite Lumi<\/h3>\n            <div class=\"info\">\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect>\n                <\/svg>\n                <span>23-62m\u00b2<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"12\" cy=\"8\" r=\"5\"><\/circle>\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                <\/svg>\n                <span>1-3 quartos<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"><\/rect>\n                  <path d=\"M6 6V4h12v2\"><\/path>\n                <\/svg>\n                <span>1-2 vagas<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"preco-area\">\n              <span class=\"preco-label\">A partir de<\/span>\n              <span class=\"preco-valor\">Sob consulta<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <!-- CARD 3 - Corais -->\n      <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/corais\/\" class=\"card-link\">\n        <div class=\"card\">\n          <div class=\"imagem\">\n            <img decoding=\"async\" src=\"https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2026\/01\/482920815_17872809168296798_2775727350341573995_n_Easy-Resize.com_.jpg\" alt=\"Corais\">\n            <span class=\"badge azul\">Lan\u00e7amento<\/span>\n            <div class=\"badge-wrapper\">\n              <span class=\"local-badge\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                <\/svg>\n                Praia do Seixas, Jo\u00e3o Pessoa\n              <\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"conteudo\">\n            <h3>Corais<\/h3>\n            <div class=\"info\">\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect>\n                <\/svg>\n                <span>66-196m\u00b2<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"12\" cy=\"8\" r=\"5\"><\/circle>\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                <\/svg>\n                <span>2-4 quartos<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"><\/rect>\n                  <path d=\"M6 6V4h12v2\"><\/path>\n                <\/svg>\n                <span>1-2 vagas<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"preco-area\">\n              <span class=\"preco-label\">A partir de<\/span>\n              <span class=\"preco-valor\">Sob consulta<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/a>\n      \n      <!-- CARD 4 - Artus Vivence -->\n      <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/artus-vivence\/\" class=\"card-link\">\n        <div class=\"card\">\n          <div class=\"imagem\">\n            <img decoding=\"async\" src=\"https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2026\/02\/\ud83c\udfd6\ufe0f-Imagine-viver-todos-os-dias-com-vista-para-o-mar-da-Praia-do-Cabo-Branco\u2026O-Artus-Vivence-da-1.jpg\" alt=\"Artus Vivence\">\n            <span class=\"badge azul\">Lan\u00e7amento<\/span>\n            <div class=\"badge-wrapper\">\n              <span class=\"local-badge\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                <\/svg>\n                Cabo Branco, Jo\u00e3o Pessoa\n              <\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"conteudo\">\n            <h3>Artus Vivence<\/h3>\n            <div class=\"info\">\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\"><\/rect>\n                <\/svg>\n                <span>95-275m\u00b2<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"12\" cy=\"8\" r=\"5\"><\/circle>\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                <\/svg>\n                <span>3-4 quartos<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"><\/rect>\n                  <path d=\"M6 6V4h12v2\"><\/path>\n                <\/svg>\n                <span>1-2 vagas<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"preco-area\">\n              <span class=\"preco-label\">A partir de<\/span>\n              <span class=\"preco-valor\">Sob consulta<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <!-- CARD 5 - DolceGabbana Miami -->\n      <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/dolcegabbana-miami\/\" class=\"card-link\">\n        <div class=\"card\">\n          <div class=\"imagem\">\n            <img decoding=\"async\" src=\"https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2026\/01\/image_Easy-Resize.com_.jpg\" alt=\"DolceGabbana Miami\">\n            <span class=\"badge azul\">Lan\u00e7amento<\/span>\n            <div class=\"badge-wrapper\">\n              <span class=\"local-badge\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                <\/svg>\n                Miami, Fl\u00f3rida\n              <\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"conteudo\">\n            <h3>DolceGabbana Miami<\/h3>\n            <div class=\"info\">\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\"><\/rect>\n                <\/svg>\n                <span>68-208m\u00b2<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"12\" cy=\"8\" r=\"5\"><\/circle>\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                <\/svg>\n                <span>2-4 quartos<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"><\/rect>\n                  <path d=\"M6 6V4h12v2\"><\/path>\n                <\/svg>\n                <span>1-2 vagas<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"preco-area\">\n              <span class=\"preco-label\">A partir de<\/span>\n              <span class=\"preco-valor\">Sob consulta<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <!-- CARD 6 - The Rider -->\n      <a href=\"https:\/\/soudelos.com.br\/site\/index.php\/imoveis\/the-rider\/\" class=\"card-link\">\n        <div class=\"card\">\n          <div class=\"imagem\">\n            <img decoding=\"async\" src=\"https:\/\/soudelos.com.br\/site\/wp-content\/uploads\/2025\/06\/497503607_17880665553296798_5403255008323107390_n_Easy-Resize.com_.jpg\" alt=\"The Rider\">\n            <span class=\"badge azul\">Lan\u00e7amento<\/span>\n            <div class=\"badge-wrapper\">\n              <span class=\"local-badge\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                <\/svg>\n                Miami, Fl\u00f3rida\n              <\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"conteudo\">\n            <h3>The Rider<\/h3>\n            <div class=\"info\">\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2\"><\/rect>\n                <\/svg>\n                <span>36-150m\u00b2<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"12\" cy=\"8\" r=\"5\"><\/circle>\n                  <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                <\/svg>\n                <span>3 quartos<\/span>\n              <\/div>\n              <div class=\"info-item\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"><\/rect>\n                  <path d=\"M6 6V4h12v2\"><\/path>\n                <\/svg>\n                <span>1-2 vagas<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"preco-area\">\n              <span class=\"preco-label\">A partir de<\/span>\n              <span class=\"preco-valor\">Sob consulta<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n    \n  <\/div>\n<\/section>\n\n<style>\n.imoveis-destaque {\n  background: #e6f0fa;\n  padding: 100px 40px;\n  font-family: 'Sora', sans-serif;\n}\n\n.container {\n  max-width: 1400px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n\/* TOPO *\/\n.topo-sessao {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  margin-bottom: 60px;\n  flex-wrap: wrap;\n  gap: 30px;\n}\n\n.titulo-area {\n  max-width: 600px;\n}\n\n.subtitulo {\n  font-size: 12px;\n  letter-spacing: 3px;\n  color: #0c3168;\n  text-transform: uppercase;\n  font-weight: 600;\n}\n\n.titulo-area h2 {\n  font-size: 42px;\n  margin: 12px 0 8px;\n  font-weight: 600;\n  color: #0c3168;\n  letter-spacing: -0.02em;\n  line-height: 1.1;\n}\n\n.titulo-area p {\n  color: #4a6a8a;\n  font-size: 16px;\n}\n\n.btn-todos {\n  border: 1px solid #0c3168;\n  padding: 14px 28px;\n  border-radius: 40px;\n  text-decoration: none;\n  color: #0c3168;\n  font-size: 14px;\n  transition: 0.3s;\n  background: transparent;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.btn-todos:hover {\n  background: #0c3168;\n  color: #fff;\n  border-color: #0c3168;\n}\n\n\/* GRID *\/\n.cards-imoveis {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n  width: 100%;\n}\n\n\/* LINK DO CARD *\/\n.card-link {\n  text-decoration: none;\n  display: block;\n  transition: all 0.3s ease;\n}\n\n.card-link:hover {\n  transform: translateY(-8px);\n}\n\n\/* CARD - DIMENS\u00c3O FIXA PARA A IMAGEM *\/\n.card {\n  background: #fff;\n  border-radius: 24px;\n  overflow: hidden;\n  box-shadow: 0 20px 40px rgba(12, 49, 104, 0.08);\n  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n  padding: 0 !important;\n  border: none !important;\n  width: 100%;\n  height: 100%;\n}\n\n.card-link:hover .card {\n  box-shadow: 0 30px 60px rgba(12, 49, 104, 0.12);\n}\n\n\/* IMAGEM - TAMANHO FIXO 384x480 *\/\n.imagem {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 384 \/ 480; \/* Propor\u00e7\u00e3o exata 384:480 *\/\n  overflow: hidden;\n  background-color: #f5f5f5;\n}\n\n.imagem img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover; \/* VOLTA PARA COVER - PREENCHE TODO O ESPA\u00c7O *\/\n  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n.card-link:hover .imagem img {\n  transform: scale(1.08);\n}\n\n\/* BADGE WRAPPER *\/\n.badge-wrapper {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n  z-index: 10;\n}\n\n\/* BADGES *\/\n.badge {\n  padding: 8px 16px;\n  font-size: 11px;\n  border-radius: 50px;\n  color: #fff;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  backdrop-filter: blur(4px);\n  box-shadow: 0 4px 12px rgba(12, 49, 104, 0.15);\n  display: inline-block;\n}\n\n.badge.azul {\n  background: rgba(12, 49, 104, 0.95);\n  position: absolute;\n  top: 20px;\n  left: 20px;\n  z-index: 10;\n}\n\n\/* LOCAL BADGE *\/\n.local-badge {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(4px);\n  padding: 6px 14px;\n  border-radius: 50px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #0c3168;\n  box-shadow: 0 4px 12px rgba(12, 49, 104, 0.08);\n  border: 1px solid rgba(255,255,255,0.3);\n}\n\n.local-badge svg {\n  stroke: #0c3168;\n}\n\n\/* CONTE\u00daDO *\/\n.conteudo {\n  padding: 28px;\n}\n\n.card h3 {\n  margin: 0 0 20px;\n  font-size: 24px;\n  font-weight: 600;\n  color: #0c3168;\n  letter-spacing: -0.01em;\n  line-height: 1.2;\n}\n\n.card-link:hover .card h3 {\n  color: #0c3168;\n}\n\n.info {\n  display: flex;\n  gap: 24px;\n  margin-bottom: 24px;\n  padding-bottom: 24px;\n  border-bottom: 1px solid rgba(12, 49, 104, 0.1);\n}\n\n.info-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 14px;\n  color: #4a6a8a;\n  font-weight: 500;\n}\n\n.info-item svg {\n  stroke: #8aa0b8;\n  width: 16px;\n  height: 16px;\n  transition: stroke 0.2s;\n}\n\n.card-link:hover .info-item svg {\n  stroke: #0c3168;\n}\n\n.preco-area {\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n}\n\n.preco-label {\n  font-size: 13px;\n  color: #8aa0b8;\n  font-weight: 400;\n}\n\n.preco-valor {\n  color: #0c3168;\n  font-weight: 700;\n  font-size: 22px;\n  letter-spacing: -0.01em;\n}\n\n\/* RESPONSIVO *\/\n@media (max-width: 1024px) {\n  .cards-imoveis {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 25px;\n  }\n  \n  .imagem {\n    aspect-ratio: 384 \/ 480; \/* Mant\u00e9m a propor\u00e7\u00e3o *\/\n  }\n  \n  .titulo-area h2 {\n    font-size: 38px;\n  }\n}\n\n@media (max-width: 768px) {\n  .cards-imoveis {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n  \n  .imoveis-destaque {\n    padding: 80px 30px;\n  }\n\n  .topo-sessao {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 20px;\n  }\n  \n  .imagem {\n    aspect-ratio: 384 \/ 480; \/* Mant\u00e9m a propor\u00e7\u00e3o *\/\n  }\n  \n  .conteudo {\n    padding: 25px;\n  }\n  \n  .titulo-area h2 {\n    font-size: 32px;\n  }\n}\n\n@media (max-width: 480px) {\n  .imoveis-destaque {\n    padding: 60px 20px;\n  }\n  \n  .container {\n    padding: 0;\n  }\n  \n  .imagem {\n    aspect-ratio: 384 \/ 480; \/* Mant\u00e9m a propor\u00e7\u00e3o *\/\n  }\n  \n  .conteudo {\n    padding: 22px;\n  }\n  \n  .card h3 {\n    font-size: 22px;\n    margin-bottom: 18px;\n  }\n  \n  .info {\n    gap: 18px;\n    padding-bottom: 20px;\n    margin-bottom: 20px;\n  }\n  \n  .info-item {\n    font-size: 13px;\n  }\n  \n  .preco-valor {\n    font-size: 20px;\n  }\n  \n  .badge-wrapper {\n    top: 16px;\n    right: 16px;\n    gap: 6px;\n  }\n  \n  .local-badge {\n    padding: 5px 12px;\n    font-size: 11px;\n  }\n}\n<\/style><\/div><\/div><div id=\"panel-643-2-0-1\" class=\"widget_text so-panel widget widget_custom_html panel-last-child\" data-index=\"4\" ><div class=\"textwidget custom-html-widget\"><section class=\"rn-servicos\">\n  <div class=\"rn-wrapper\">\n\n    <div class=\"rn-header\">\n      <h2>SERVI\u00c7OS<\/h2>\n      <span class=\"rn-line\"><\/span>\n    <\/div>\n\n    <div class=\"rn-grid\">\n\n      <!-- 1 -->\n      <div class=\"rn-card\">\n        <div class=\"rn-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <path d=\"M3 10L12 3L21 10V21H14V14H10V21H3Z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>COMPRA E VENDA DE IM\u00d3VEIS DE ALTO PADR\u00c3O<\/h3>\n        <p>Sele\u00e7\u00e3o exclusiva de resid\u00eancias e propriedades que refletem estilo, conforto e sofistica\u00e7\u00e3o.<\/p>\n      <\/div>\n\n      <!-- 2 -->\n      <div class=\"rn-card\">\n        <div class=\"rn-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\n            <path d=\"M4 21c0-4 4-7 8-7s8 3 8 7\"\/>\n          <\/svg>\n        <\/div>\n        <h3>CONSULTORIA PERSONALIZADA<\/h3>\n        <p>Atendimento dedicado para entender suas necessidades e oferecer as melhores op\u00e7\u00f5es do mercado.<\/p>\n      <\/div>\n\n      <!-- 3 -->\n      <div class=\"rn-card\">\n        <div class=\"rn-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <path d=\"M12 3L3 7V11C3 16 7 20 12 21C17 20 21 16 21 11V7L12 3Z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>AVALIA\u00c7\u00c3O IMOBILI\u00c1RIA<\/h3>\n        <p>An\u00e1lise criteriosa para garantir valores justos e competitivos para compradores e vendedores.<\/p>\n      <\/div>\n\n      <!-- 4 -->\n      <div class=\"rn-card\">\n        <div class=\"rn-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <path d=\"M4 4H20V8H4Z\"\/>\n            <path d=\"M4 12H14V16H4Z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>MARKETING IMOBILI\u00c1RIO<\/h3>\n        <p>Estrat\u00e9gias modernas e eficazes para promover im\u00f3veis com recursos digitais e m\u00eddias sociais.<\/p>\n      <\/div>\n\n      <!-- 5 (CORRIGIDO) -->\n      <div class=\"rn-card\">\n        <div class=\"rn-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <path d=\"M6 3H14L20 9V21H6Z\"\/>\n            <path d=\"M14 3V9H20\"\/>\n            <path d=\"M9 13H15\"\/>\n            <path d=\"M9 17H15\"\/>\n          <\/svg>\n        <\/div>\n        <h3>APOIO JUR\u00cdDICO E DOCUMENTA\u00c7\u00c3O<\/h3>\n        <p>Orienta\u00e7\u00e3o completa para que todo o processo seja seguro, transparente e livre de imprevistos.<\/p>\n      <\/div>\n\n      <!-- 6 -->\n      <div class=\"rn-card\">\n        <div class=\"rn-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n            <path d=\"M8 12L12 16L16 12\"\/>\n            <path d=\"M4 8L12 4L20 8V16L12 20L4 16Z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>ATENDIMENTO P\u00d3S-VENDA<\/h3>\n        <p>Acompanhamento cont\u00ednuo para assegurar a satisfa\u00e7\u00e3o e o suporte ap\u00f3s a negocia\u00e7\u00e3o.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.rn-servicos {\n  padding: 100px 20px;\n  background: linear-gradient(to bottom, #f8f9fb, #eef1f6);\n}\n\n.rn-wrapper {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.rn-header {\n  text-align: center;\n  margin-bottom: 70px;\n}\n\n.rn-header h2 {\n  font-size: 30px;\n  letter-spacing: 3px;\n  font-weight: 600;\n  color: #1f3c6e;\n  margin-bottom: 15px;\n}\n\n.rn-line {\n  display: inline-block;\n  width: 70px;\n  height: 3px;\n  background: #1f3c6e;\n  border-radius: 3px;\n}\n\n.rn-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 35px;\n}\n\n.rn-card {\n  background: #ffffff;\n  padding: 45px 30px;\n  border-radius: 18px;\n  text-align: center;\n  box-shadow: 0 15px 35px rgba(0,0,0,0.04);\n  transition: all 0.35s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n.rn-card:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 25px 50px rgba(31,60,110,0.12);\n}\n\n.rn-icon {\n  width: 70px;\n  height: 70px;\n  margin: 0 auto 25px;\n  border-radius: 50%;\n  background: rgba(31,60,110,0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n}\n\n.rn-card:hover .rn-icon {\n  background: #1f3c6e;\n  color: #fff;\n}\n\n.rn-icon svg {\n  width: 32px;\n  height: 32px;\n  stroke-width: 1.8;\n  color: #1f3c6e;\n}\n\n.rn-card:hover .rn-icon svg {\n  color: #ffffff;\n}\n\n.rn-card h3 {\n  font-size: 15px;\n  color: #1f3c6e;\n  margin-bottom: 18px;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n}\n\n.rn-card p {\n  font-size: 14px;\n  color: #5c6470;\n  line-height: 1.7;\n}\n\n@media (max-width: 1024px) {\n  .rn-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 768px) {\n  .rn-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pg-643-3\"  class=\"panel-grid panel-has-style\" ><div data-overlay-opactity=\"1\" class=\"panel-row-style panel-row-style-for-643-3\" ><div id=\"pgc-643-3-0\"  class=\"panel-grid-cell\" ><div class=\"panel-cell-style panel-cell-style-for-643-3-0\" ><div id=\"panel-643-3-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"5\" ><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>\u00daltimos Im\u00f3veis - Delos Imobili\u00e1ria<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n\n        body {\n            background: #f8f9fa;\n            color: #333;\n            line-height: 1.6;\n        }\n\n        .delos-recent-properties {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: clamp(20px, 5vw, 40px) clamp(10px, 3vw, 20px);\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: clamp(30px, 6vw, 50px);\n        }\n\n        .section-title {\n            font-size: clamp(1.8rem, 5vw, 2.5rem);\n            font-weight: 700;\n            color: #0c3168;\n            margin-bottom: clamp(10px, 2vw, 15px);\n            position: relative;\n            display: inline-block;\n            line-height: 1.2;\n        }\n\n        .section-subtitle {\n            color: #6b7280;\n            font-size: clamp(1.1rem, 3.5vw, 1.5rem); \/* AUMENTADO *\/\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.6;\n            font-weight: 400;\n            padding: 0 clamp(10px, 3vw, 20px);\n        }\n\n        .properties-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr));\n            gap: clamp(20px, 3vw, 30px);\n        }\n\n        .property-card {\n            background: white;\n            border-radius: clamp(12px, 2vw, 16px);\n            overflow: hidden;\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n            border: 1px solid #f1f5f9;\n            display: flex;\n            flex-direction: column;\n            height: clamp(280px, 45vw, 400px);\n            position: relative;\n            cursor: pointer;\n        }\n\n        .property-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\n        }\n\n        .property-image-container {\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n            background: linear-gradient(135deg, #1a438a 0%, #0c3168 100%);\n        }\n\n        .property-image {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\n\n        .property-card:hover .property-image {\n            transform: scale(1.05);\n        }\n\n        .image-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            padding: clamp(15px, 4vw, 30px);\n            color: white;\n        }\n\n        .property-badge {\n            position: absolute;\n            top: clamp(10px, 3vw, 20px);\n            left: clamp(10px, 3vw, 20px);\n            background: #0c3168;\n            color: white;\n            padding: clamp(4px, 1.5vw, 8px) clamp(8px, 2vw, 16px);\n            border-radius: 20px;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 700;\n            z-index: 2;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .property-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .property-title {\n            font-size: clamp(1.2rem, 4vw, 1.8rem);\n            font-weight: 700;\n            color: white;\n            margin-bottom: clamp(8px, 2vw, 15px);\n            line-height: 1.3;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .property-excerpt {\n            color: rgba(255, 255, 255, 0.9);\n            font-size: clamp(1rem, 3vw, 1.3rem); \/* AUMENTADO *\/\n            line-height: 1.5;\n            margin-bottom: clamp(12px, 3vw, 20px);\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .read-more {\n            background: rgba(255, 255, 255, 0.9);\n            color: #0c3168;\n            padding: clamp(8px, 2vw, 10px) clamp(12px, 3vw, 20px);\n            border-radius: clamp(6px, 1.5vw, 8px);\n            text-decoration: none;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            display: inline-flex;\n            align-items: center;\n            gap: clamp(4px, 1vw, 8px);\n            font-size: clamp(0.95rem, 2.5vw, 1.1rem); \/* AUMENTADO *\/\n            backdrop-filter: blur(10px);\n            width: fit-content;\n        }\n\n        .read-more:hover {\n            background: white;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n        }\n\n        .read-more i {\n            font-size: clamp(0.85rem, 2.2vw, 1rem); \/* AUMENTADO *\/\n        }\n\n        .no-properties {\n            text-align: center;\n            padding: clamp(30px, 8vw, 60px) clamp(20px, 5vw, 40px);\n            background: white;\n            border-radius: clamp(12px, 2vw, 16px);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n            grid-column: 1 \/ -1;\n        }\n\n        .no-properties i {\n            font-size: clamp(2rem, 6vw, 3rem);\n            color: #cbd5e1;\n            margin-bottom: clamp(10px, 3vw, 20px);\n        }\n\n        .no-properties h3 {\n            color: #0c3168;\n            margin-bottom: clamp(5px, 2vw, 10px);\n            font-size: clamp(1.2rem, 4vw, 1.5rem);\n        }\n\n        .no-properties p {\n            color: #6b7280;\n            font-size: clamp(1rem, 3vw, 1.2rem); \/* AUMENTADO *\/\n        }\n\n        .image-placeholder {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: linear-gradient(45deg, #f0f0f0 25%, transparent 25%), \n                        linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), \n                        linear-gradient(45deg, transparent 75%, #f0f0f0 75%), \n                        linear-gradient(-45deg, transparent 75%, #f0f0f0 75%);\n            background-size: 20px 20px;\n            background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n            color: #6b7280;\n            height: 100%;\n            flex-direction: column;\n            position: relative;\n            font-size: clamp(1rem, 3vw, 1.2rem); \/* AUMENTADO *\/\n        }\n\n        .image-placeholder i {\n            font-size: clamp(1.5rem, 5vw, 2rem);\n            margin-bottom: clamp(5px, 1.5vw, 10px);\n        }\n\n        .image-loading {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #f8f9fa;\n            color: #6b7280;\n            height: 100%;\n            flex-direction: column;\n            position: relative;\n            font-size: clamp(1rem, 3vw, 1.2rem); \/* AUMENTADO *\/\n        }\n\n        .loading-spinner-small {\n            border: 3px solid #f3f3f3;\n            border-top: 3px solid #0c3168;\n            border-radius: 50%;\n            width: clamp(20px, 5vw, 30px);\n            height: clamp(20px, 5vw, 30px);\n            animation: spin 1s linear infinite;\n            margin-bottom: clamp(5px, 2vw, 10px);\n        }\n\n        .loading {\n            text-align: center;\n            padding: clamp(20px, 8vw, 40px);\n            color: #6b7280;\n            grid-column: 1 \/ -1;\n            font-size: clamp(1rem, 3vw, 1.2rem); \/* AUMENTADO *\/\n        }\n\n        .loading-spinner {\n            border: 4px solid #f3f3f3;\n            border-top: 4px solid #0c3168;\n            border-radius: 50%;\n            width: clamp(30px, 8vw, 40px);\n            height: clamp(30px, 8vw, 40px);\n            animation: spin 2s linear infinite;\n            margin: 0 auto clamp(10px, 3vw, 20px);\n        }\n\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        \/* Ajustes espec\u00edficos para telas muito pequenas *\/\n        @media (max-width: 360px) {\n            .property-excerpt {\n                -webkit-line-clamp: 3;\n            }\n            \n            .read-more {\n                width: 100%;\n                justify-content: center;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"delos-recent-properties\">\n        <div class=\"section-header\">\n            <h2 class=\"section-title\">PUBLICA\u00c7\u00d5ES<\/h2>\n            <p class=\"section-subtitle\">Confira nossas \u00faltimas publica\u00e7\u00f5es e fique por dentro das novidades.<\/p>\n        <\/div>\n\n        <div class=\"properties-grid\" id=\"propertiesGrid\">\n            <div class=\"loading\">\n                <div class=\"loading-spinner\"><\/div>\n                <p>Carregando publica\u00e7\u00f5es...<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const propertiesGrid = document.getElementById('propertiesGrid');\n\n            loadRecentProperties();\n\n            async function loadRecentProperties() {\n                try {\n                    const response = await fetch(\n                        'https:\/\/soudelos.com.br\/site\/index.php\/wp-json\/wp\/v2\/posts?per_page=2&categories=44&_embed'\n                    );\n\n                    if (!response.ok) {\n                        throw new Error('Erro ao buscar posts');\n                    }\n\n                    const posts = await response.json();\n\n                    if (!posts || posts.length === 0) {\n                        showNoProperties('Nenhuma publica\u00e7\u00e3o encontrada');\n                        return;\n                    }\n\n                    const processedPosts = posts.map(post => {\n                        let featuredImage = '';\n\n                        \/\/ Imagem destacada via _embed\n                        if (post._embedded && post._embedded['wp:featuredmedia']) {\n                            const media = post._embedded['wp:featuredmedia'][0];\n                            if (media?.source_url) {\n                                featuredImage = media.source_url;\n                            }\n                        }\n\n                        \/\/ Fallback: imagem do conte\u00fado\n                        if (!featuredImage && post.content?.rendered) {\n                            featuredImage = extractFirstImageFromContent(post);\n                        }\n\n                        return {\n                            id: post.id,\n                            title: post.title?.rendered || 'Publica\u00e7\u00e3o',\n                            excerpt: post.excerpt?.rendered\n                                ? post.excerpt.rendered.replace(\/<[^>]*>\/g, '').substring(0, 120) + '...'\n                                : 'Confira esta publica\u00e7\u00e3o exclusiva da Delos.',\n                            image: featuredImage,\n                            link: post.link\n                        };\n                    });\n\n                    renderProperties(processedPosts);\n\n                } catch (error) {\n                    console.error(error);\n                    showNoProperties('Erro ao carregar as publica\u00e7\u00f5es. Tente novamente.');\n                }\n            }\n\n            function extractFirstImageFromContent(post) {\n                const tempDiv = document.createElement('div');\n                tempDiv.innerHTML = post.content.rendered;\n                const img = tempDiv.querySelector('img');\n                return img ? img.src : '';\n            }\n\n            function renderProperties(properties) {\n                propertiesGrid.innerHTML = properties.map(property => `\n                    <article class=\"property-card\">\n                        <div class=\"property-image-container\">\n                            ${property.image ? `\n                                <img decoding=\"async\" src=\"${property.image}\" class=\"property-image\" loading=\"lazy\" alt=\"${property.title}\">\n                            ` : `\n                                <div class=\"image-placeholder\">\n                                    <i class=\"fas fa-image\"><\/i>\n                                    <span>Sem imagem<\/span>\n                                <\/div>\n                            `}\n                            <div class=\"image-overlay\">\n                                <div class=\"property-content\">\n                                    <h3 class=\"property-title\">${property.title}<\/h3>\n                                    <p class=\"property-excerpt\">${property.excerpt}<\/p>\n                                    <a href=\"${property.link}\" class=\"read-more\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                        <i class=\"fas fa-arrow-right\"><\/i> Ver Detalhes\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                            <div class=\"property-badge\">Novo<\/div>\n                        <\/div>\n                    <\/article>\n                `).join('');\n            }\n\n            function showNoProperties(message) {\n                propertiesGrid.innerHTML = `\n                    <div class=\"no-properties\">\n                        <i class=\"fas fa-home\"><\/i>\n                        <h3>${message}<\/h3>\n                        <p>Entre em contato para conhecer nossas oportunidades.<\/p>\n                    <\/div>\n                `;\n            }\n        });\n    <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-643-4\"  class=\"panel-grid panel-has-style\" ><div data-overlay-opactity=\"1\" class=\"panel-row-style panel-row-style-for-643-4\" ><div id=\"pgc-643-4-0\"  class=\"panel-grid-cell\" ><div id=\"panel-643-4-0-0\" class=\"so-panel widget widget_themegrill_flash_heading tg-widget section-title-wrapper panel-first-child\" data-index=\"6\" >\t<div class=\"heading heading-center divider-without-icon heading-divider\">\n\t<h3 class=\"section-title\">PERGUNTAS FREQUENTES<\/h3>\n<\/div>\n<\/div><div id=\"panel-643-4-0-1\" class=\"so-panel widget widget_themegrill_flash_accordion tg-widget tg-accordion-widget panel-last-child\" data-index=\"7\" ><div class=\"panel-widget-style panel-widget-style-for-643-4-0-1\" >\n\t\t<div id=\"flash-accordion\" data-open=\"\" class=\"tg-accordion layout-three\">\n\t\t\t\t\t\t\t\t\t\t<h3 id=\"accordion-0\">\n\t\t\t\t\t\t\tQual \u00e9 o endere\u00e7o f\u00edsico da imobili\u00e1ria Delos?\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<div class=\"accordion-content\" id=\"accordion-content-0\" >\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tAv Nego, N 366 - Tamba\u00fa - 58039-100, Jo\u00e3o Pessoa - PB\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<h3 id=\"accordion-1\">\n\t\t\t\t\t\t\tQual \u00e9 o n\u00famero de registro no Creci da imobili\u00e1ria Delos?\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<div class=\"accordion-content\" id=\"accordion-content-1\" >\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tO n\u00famero de registro no CRECI da imobili\u00e1ria Delos \u00e9 1089j\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<h3 id=\"accordion-2\">\n\t\t\t\t\t\t\tA imobili\u00e1ria Delos possui v\u00eddeos institucionais ou tours virtuais de im\u00f3veis dispon\u00edveis?\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<div class=\"accordion-content\" id=\"accordion-content-2\" >\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tSim, possu\u00edmos! https:\/\/youtu.be\/sDDZ13q5lSw?si=OeHzeMdOZhcxWoY6\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<h3 id=\"accordion-3\">\n\t\t\t\t\t\t\tQuais servi\u00e7os a imobili\u00e1ria Delos oferece aos seus clientes?\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<div class=\"accordion-content\" id=\"accordion-content-3\" >\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tOferecemos servi\u00e7os completos no mercado imobili\u00e1rio, com compra e venda de im\u00f3veis, consultoria personalizada, avalia\u00e7\u00e3o justa, marketing estrat\u00e9gico, al\u00e9m de apoio jur\u00eddico e atendimento p\u00f3s-venda.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t<\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>SUA HIST\u00d3RIA MERECE UM LAR ESPECIAL Viver com Sofistica\u00e7\u00e3o em Cada Detalhe Descubra im\u00f3veis planejados para oferecer conforto, exclusividade e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/pagebuilder.php","meta":{"footnotes":""},"class_list":["post-643","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>Home - 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\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Delos Imobili\u00e1ria\" \/>\n<meta property=\"og:description\" content=\"SUA HIST\u00d3RIA MERECE UM LAR ESPECIAL Viver com Sofistica\u00e7\u00e3o em Cada Detalhe Descubra im\u00f3veis planejados para oferecer conforto, exclusividade e [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/soudelos.com.br\/site\/\" \/>\n<meta property=\"og:site_name\" content=\"Delos Imobili\u00e1ria\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T17:27:56+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=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/soudelos.com.br\/site\/\",\"url\":\"https:\/\/soudelos.com.br\/site\/\",\"name\":\"Home - Delos Imobili\u00e1ria\",\"isPartOf\":{\"@id\":\"https:\/\/soudelos.com.br\/site\/#website\"},\"datePublished\":\"2017-01-02T08:28:52+00:00\",\"dateModified\":\"2026-02-19T17:27:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/soudelos.com.br\/site\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/soudelos.com.br\/site\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/soudelos.com.br\/site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/soudelos.com.br\/site\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@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":"Home - 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\/","og_locale":"pt_BR","og_type":"article","og_title":"Home - Delos Imobili\u00e1ria","og_description":"SUA HIST\u00d3RIA MERECE UM LAR ESPECIAL Viver com Sofistica\u00e7\u00e3o em Cada Detalhe Descubra im\u00f3veis planejados para oferecer conforto, exclusividade e [&hellip;]","og_url":"https:\/\/soudelos.com.br\/site\/","og_site_name":"Delos Imobili\u00e1ria","article_modified_time":"2026-02-19T17:27:56+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/soudelos.com.br\/site\/","url":"https:\/\/soudelos.com.br\/site\/","name":"Home - Delos Imobili\u00e1ria","isPartOf":{"@id":"https:\/\/soudelos.com.br\/site\/#website"},"datePublished":"2017-01-02T08:28:52+00:00","dateModified":"2026-02-19T17:27:56+00:00","breadcrumb":{"@id":"https:\/\/soudelos.com.br\/site\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/soudelos.com.br\/site\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/soudelos.com.br\/site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/soudelos.com.br\/site\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@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\/643","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soudelos.com.br\/site\/index.php\/wp-json\/wp\/v2\/comments?post=643"}],"version-history":[{"count":0,"href":"https:\/\/soudelos.com.br\/site\/index.php\/wp-json\/wp\/v2\/pages\/643\/revisions"}],"wp:attachment":[{"href":"https:\/\/soudelos.com.br\/site\/index.php\/wp-json\/wp\/v2\/media?parent=643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}