}
        })();
    </script>
    
    <!-- GA4 Tracking Script -->
    <script>
        // Centralized GA4 tracking functions
        window.GA4Tracker = {
            // Track custom page view
            trackPageView: function(pageType, locale, additionalData) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'page_view', {
                        'page_type': pageType || 'general',
                        'locale': locale || 'es',
                        'page_title': document.title,
                        'page_location': window.location.href,
                        'page_path': window.location.pathname,
                        ...additionalData
                    });
                }
            },
            
            // Track form interactions
            trackFormStart: function(formType, formLocation) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'form_start', {
                        'form_type': formType,
                        'form_location': formLocation,
                        'page_type': this.getPageType(),
                        'locale': 'es'
                    });
                }
            },
            
            trackFormSubmit: function(formType, formLocation, success) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', success ? 'form_submit' : 'form_error', {
                        'form_type': formType,
                        'form_location': formLocation,
                        'page_type': this.getPageType(),
                        'locale': 'es',
                        'value': success ? 1 : 0
                    });
                    
                    // Mark as conversion if successful
                    if (success) {
                        gtag('event', 'conversion', {
                            'send_to': 'G-G41NMM2DPP/conversion',
                            'event_category': 'form',
                            'event_label': formType + '_' + formLocation
                        });
                    }
                }
            },
            
            // Track CTA clicks
            trackCTAClick: function(ctaType, ctaText, ctaLocation) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'cta_click', {
                        'cta_type': ctaType,
                        'cta_text': ctaText,
                        'cta_location': ctaLocation,
                        'page_type': this.getPageType(),
                        'locale': 'es'
                    });
                }
            },
            
            // Track phone clicks
            trackPhoneClick: function(phoneNumber, location) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'phone_click', {
                        'phone_number': phoneNumber,
                        'location': location,
                        'page_type': this.getPageType(),
                        'locale': 'es'
                    });
                    
                    // Mark as conversion
                    gtag('event', 'conversion', {
                        'send_to': 'G-G41NMM2DPP/conversion',
                        'event_category': 'contact',
                        'event_label': 'phone_click'
                    });
                }
            },
            
            // Track WhatsApp clicks
            trackWhatsAppClick: function(location) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'whatsapp_click', {
                        'location': location,
                        'page_type': this.getPageType(),
                        'locale': 'es'
                    });
                    
                    // Mark as conversion
                    gtag('event', 'conversion', {
                        'send_to': 'G-G41NMM2DPP/conversion',
                        'event_category': 'contact',
                        'event_label': 'whatsapp_click'
                    });
                }
            },
            
            // Track property interactions
            trackPropertyView: function(propertyReference, propertyType, location) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'view_item', {
                        'item_id': propertyReference,
                        'item_name': propertyType + ' in ' + location,
                        'item_category': propertyType,
                        'item_location': location,
                        'locale': 'es'
                    });
                }
            },
            
            trackPropertyClick: function(propertyReference, propertyType, location, source) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'select_item', {
                        'item_id': propertyReference,
                        'item_name': propertyType + ' in ' + location,
                        'item_category': propertyType,
                        'item_location': location,
                        'source': source || 'property_listing',
                        'locale': 'es'
                    });
                }
            },
            
            // Track image views
            trackImageView: function(imageIndex, imageUrl, propertyReference, imageType) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'view_image', {
                        'image_index': imageIndex,
                        'image_url': imageUrl,
                        'property_reference': propertyReference || null,
                        'image_type': imageType || 'property_gallery',
                        'page_type': this.getPageType(),
                        'locale': 'es'
                    });
                }
            },
            
            // Track scroll depth
            trackScrollDepth: function(depth) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'scroll', {
                        'scroll_depth': depth,
                        'page_type': this.getPageType(),
                        'locale': 'es'
                    });
                }
            },
            
            // Track time on page
            trackTimeOnPage: function(seconds) {
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'timing_complete', {
                        'name': 'time_on_page',
                        'value': seconds,
                        'page_type': this.getPageType(),
                        'locale': 'es'
                    });
                }
            },
            
            // Helper function to detect page type
            getPageType: function() {
                const path = window.location.pathname;
                if (path.includes('/concierge/cars')) return 'cars';
                if (path.includes('/concierge/yachts')) return 'yachts';
                if (path.includes('/concierge/jets')) return 'jets';
                if (path.includes('/properties/') && !path.includes('/properties?')) return 'property_page';
                if (path.includes('/properties') || path.includes('/sales') || path.includes('/rentals')) return 'property_listing';
                if (path.includes('/contact')) return 'contact';
                if (path.includes('/blog')) return 'blog';
                return 'general';
            },
            
            // Initialize scroll depth tracking
            initScrollDepthTracking: function() {
                const depths = [25, 50, 75, 100];
                const tracked = {};
                
                window.addEventListener('scroll', function() {
                    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
                    const docHeight = document.documentElement.scrollHeight - window.innerHeight;
                    const scrollPercent = Math.round((scrollTop / docHeight) * 100);
                    
                    depths.forEach(function(depth) {
                        if (scrollPercent >= depth && !tracked[depth]) {
                            tracked[depth] = true;
                            window.GA4Tracker.trackScrollDepth(depth);
                        }
                    });
                }, { passive: true });
            },
            
            // Initialize time on page tracking
            initTimeOnPageTracking: function() {
                const startTime = Date.now();
                
                // Track when user leaves page
                window.addEventListener('beforeunload', function() {
                    const timeOnPage = Math.round((Date.now() - startTime) / 1000);
                    if (timeOnPage > 0) {
                        // Use sendBeacon for reliability
                        if (navigator.sendBeacon && typeof gtag !== 'undefined') {
                            const data = JSON.stringify({
                                'event': 'timing_complete',
                                'name': 'time_on_page',
                                'value': timeOnPage,
                                'page_type': window.GA4Tracker.getPageType(),
                                'locale': 'es'
                            });
                            navigator.sendBeacon('https://www.google-analytics.com/g/collect', data);
                        } else {
                            window.GA4Tracker.trackTimeOnPage(timeOnPage);
                        }
                    }
                });
            }
        };
        
        // Initialize tracking on page load
        document.addEventListener("DOMContentLoaded", function() {
            // Chatbot functionality (existing)
            const chatbotButton = document.getElementById('chatbot-button');
            const chatbotWindow = document.getElementById('chatbot-window');
            const chatbotClose = document.getElementById('chatbot-close');
            const chatbotInput = document.getElementById('chatbot-input');
            const chatbotMessages = document.getElementById('chatbot-messages');
            
            if (chatbotButton && chatbotWindow) {
                chatbotButton.addEventListener('click', function() {
                    chatbotWindow.style.display = chatbotWindow.style.display === 'none' ? 'flex' : 'none';
                });
            }
            
            if (chatbotClose && chatbotWindow) {
                chatbotClose.addEventListener('click', function() {
                    chatbotWindow.style.display = 'none';
                });
            }
            
            if (chatbotInput && chatbotMessages) {
                chatbotInput.addEventListener('keypress', function(e) {
                    if (e.key === 'Enter' && this.value.trim()) {
                        const message = this.value.trim();
                        this.value = '';
                        const userMsg = document.createElement('div');
                        userMsg.style.cssText = 'background: var(--color-accent); color: white; padding: 0.75rem; border-radius: 8px; max-width: 80%; align-self: flex-end;';
                        userMsg.innerHTML = '<p style="margin: 0; font-size: 0.9rem;">' + message + '</p>';
                        chatbotMessages.appendChild(userMsg);
                        chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
                        setTimeout(() => {
                            const botMsg = document.createElement('div');
                            botMsg.style.cssText = 'background: var(--color-bg-light); padding: 0.75rem; border-radius: 8px; max-width: 80%;';
                            botMsg.innerHTML = '<p style="margin: 0; font-size: 0.9rem;">Gracias por su mensaje. Nuestro equipo se pondrá en contacto con usted pronto. Para asistencia inmediata, llame al +34 640 830 461.</p>';
                            chatbotMessages.appendChild(botMsg);
                            chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
                        }, 500);
                    }
                });
            }
            
            // Initialize scroll depth tracking (medium priority)
            window.GA4Tracker.initScrollDepthTracking();
            
            // Initialize time on page tracking (medium priority)
            window.GA4Tracker.initTimeOnPageTracking();
            
            // Universal form tracking
            document.querySelectorAll('.ga4-form, form[action*="contact.store"]').forEach(function(form) {
                const formType = form.dataset.formType || 'general';
                const formLocation = form.dataset.formLocation || 'unknown';
                let formStarted = false;
                
                // Track form start (when user focuses first input)
                const firstInput = form.querySelector('input[type="text"], input[type="email"], input[type="tel"], textarea');
                if (firstInput) {
                    firstInput.addEventListener('focus', function() {
                        if (!formStarted) {
                            formStarted = true;
                            window.GA4Tracker.trackFormStart(formType, formLocation);
                        }
                    }, { once: true });
                }
                
                // Track form submission
                form.addEventListener('submit', function(e) {
                    const formData = new FormData(form);
                    const hasRequiredFields = Array.from(form.querySelectorAll('[required]')).length > 0;
                    
                    // Check if form is valid
                    if (form.checkValidity()) {
                        window.GA4Tracker.trackFormSubmit(formType, formLocation, true);
                    } else {
                        window.GA4Tracker.trackFormSubmit(formType, formLocation, false);
                    }
                });
            });
            
            // Universal CTA click tracking
            document.querySelectorAll('.ga4-cta-hero, .ga4-cta-form, .btn-primary').forEach(function(cta) {
                cta.addEventListener('click', function(e) {
                    const ctaType = this.dataset.ctaType || 'button';
                    const ctaText = this.dataset.ctaText || this.textContent.trim() || this.innerText.trim();
                    const ctaLocation = this.dataset.ctaLocation || window.GA4Tracker.getPageType();
                    
                    window.GA4Tracker.trackCTAClick(ctaType, ctaText, ctaLocation);
                });
            });
            
            // Universal phone click tracking
            document.querySelectorAll('.ga4-phone-click, a[href^="tel:"]').forEach(function(link) {
                link.addEventListener('click', function(e) {
                    const phoneNumber = this.dataset.phone || this.getAttribute('href').replace('tel:', '');
                    const location = this.dataset.location || window.GA4Tracker.getPageType();
                    
                    window.GA4Tracker.trackPhoneClick(phoneNumber, location);
                });
            });
            
            // Universal WhatsApp click tracking
            document.querySelectorAll('.ga4-whatsapp-click, a[href*="wa.me"], a[href*="whatsapp"]').forEach(function(link) {
                link.addEventListener('click', function(e) {
                    const location = this.dataset.location || window.GA4Tracker.getPageType();
                    
                    window.GA4Tracker.trackWhatsAppClick(location);
                });
            });
            
            // Property card click tracking
            document.querySelectorAll('.ga4-property-card-click').forEach(function(link) {
                link.addEventListener('click', function(e) {
                    const propertyReference = this.dataset.propertyReference;
                    const propertyType = this.dataset.propertyType || 'Property';
                    const propertyLocation = this.dataset.propertyLocation || 'Unknown';
                    const source = this.dataset.source || 'property_listing';
                    
                    window.GA4Tracker.trackPropertyClick(propertyReference, propertyType, propertyLocation, source);
                });
            });
            
            // Track property listing page views
            if (window.location.pathname.includes('/properties') || 
                window.location.pathname.includes('/sales') || 
                window.location.pathname.includes('/rentals') ||
                window.location.pathname.includes('/holiday-rentals')) {
                if (typeof window.GA4Tracker !== 'undefined') {
                    const pageType = window.GA4Tracker.getPageType();
                    window.GA4Tracker.trackPageView(pageType, 'es', {
                        'page_title': document.title
                    });
                }
            }
            
            // Track filter changes (property listing interactions - medium priority)
            document.querySelectorAll('.search-form select, .search-form input[type="number"], .search-form input[type="text"]').forEach(function(element) {
                element.addEventListener('change', function() {
                    if (typeof gtag !== 'undefined' && window.location.pathname.includes('/properties')) {
                        const filterName = this.name || this.id;
                        const filterValue = this.value;
                        
                        gtag('event', 'filter_change', {
                            'filter_name': filterName,
                            'filter_value': filterValue,
                            'page_type': 'property_listing',
                            'locale': 'es'
                        });
                    }
                });
            });
            
            // Track "Clear Filters" button click
            document.querySelectorAll('.ga4-filter-clear').forEach(function(btn) {
                btn.addEventListener('click', function() {
                    if (typeof gtag !== 'undefined') {
                        gtag('event', 'filter_clear', {
                            'page_type': 'property_listing',
                            'locale': 'es'
                        });
                    }
                });
            });
            
            // Track search form submission
            document.querySelectorAll('.search-form.ga4-form').forEach(function(form) {
                form.addEventListener('submit', function(e) {
                    if (typeof gtag !== 'undefined') {
                        const formData = new FormData(form);
                        const searchParams = {};
                        formData.forEach(function(value, key) {
                            if (value) searchParams[key] = value;
                        });
                        
                        gtag('event', 'search', {
                            'search_term': searchParams.location || searchParams.keyword || '',
                            'filters_applied': Object.keys(searchParams).length,
                            'page_type': 'property_listing',
                            'locale': 'es'
                        });
                    }
                });
            });
        });
    </script>

    
    <!-- Fonts -->
    <style>
    /* BLOG SPACING CSS - Loads in head (before reset, will be overridden but ensures it exists) */
    /* Maximum specificity to ensure it loads */
    html body article.blog-post .blog-content p {
        margin-bottom: 1.75rem !important;
        line-height: 1.65 !important;
        color: #2d3748 !important;
        font-size: 1.125rem !important;
    }
    article.blog-post .blog-content p {
        margin-bottom: 1.75rem !important;
        line-height: 1.65 !important;
        color: #2d3748 !important;
        font-size: 1.125rem !important;
        display: block !important;
    }
    article.blog-post .blog-content p:last-child {
        margin-bottom: 0 !important;
    }
    html body article.blog-post .blog-content h2 {
        margin-top: 3rem !important;
        margin-bottom: 0.875rem !important;
        font-size: 2rem !important;
        line-height: 1.3 !important;
    }
    article.blog-post .blog-content h2 {
        margin-top: 3rem !important;
        margin-bottom: 0.875rem !important;
        font-size: 2rem !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        color: #1a202c !important;
        display: block !important;
    }
    article.blog-post .blog-content h2:first-of-type {
        margin-top: 0 !important;
    }
    html body article.blog-post .blog-content h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 0.75rem !important;
        font-size: 1.5rem !important;
        line-height: 1.35 !important;
    }
    article.blog-post .blog-content h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 0.75rem !important;
        font-size: 1.5rem !important;
        line-height: 1.35 !important;
        font-weight: 600 !important;
        color: #1a202c !important;
        display: block !important;
    }
    article.blog-post .blog-content h3:first-of-type {
        margin-top: 0 !important;
    }
    html body article.blog-post .blog-content ul,
    html body article.blog-post .blog-content ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        padding-left: 2rem !important;
    }
    article.blog-post .blog-content ul,
    article.blog-post .blog-content ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        padding-left: 2rem !important;
        display: block !important;
    }
    article.blog-post .blog-content li {
        margin-bottom: 0.75rem !important;
        line-height: 1.65 !important;
        color: #2d3748 !important;
    }
    html body article.blog-post .blog-content table {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    }
    article.blog-post .blog-content table {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
        display: table !important;
        width: 100% !important;
    }
    article.blog-post .blog-content table th {
        background: #f7fafc !important;
        font-weight: 600 !important;
        color: #1a202c !important;
        padding: 1rem !important;
    }
    article.blog-post .blog-content table td {
        color: #2d3748 !important;
        padding: 1rem !important;
    }
    article.blog-post .blog-content p + h2 {
        margin-top: 3rem !important;
    }
    article.blog-post .blog-content p + h3 {
        margin-top: 2.5rem !important;
    }
    article.blog-post .blog-content p + ul,
    article.blog-post .blog-content p + ol {
        margin-top: 1.5rem !important;
    }
    article.blog-post .blog-content p + table {
        margin-top: 2.25rem !important;
    }
    article.blog-post .blog-content h2 + p,
    article.blog-post .blog-content h3 + p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important;
    }
    article.blog-post .blog-content ul + p,
    article.blog-post .blog-content ol + p {
        margin-top: 1.5rem !important;
        margin-bottom: 1.75rem !important;
    }
    article.blog-post .blog-content table + p {
        margin-top: 2.25rem !important;
        margin-bottom: 1.75rem !important;
    }
    article.blog-post .blog-content table + h2 {
        margin-top: 3rem !important;
    }
    article.blog-post .blog-content table + h3 {
        margin-top: 2.5rem !important;
    }
    html body article.blog-post .blog-container {
        max-width: 680px !important;
    }
    article.blog-post .blog-container {
        max-width: 680px !important;
    }
    html body article.blog-post .blog-content {
        line-height: 1.65 !important;
        color: #2d3748 !important;
    }
    article.blog-post .blog-content {
        line-height: 1.65 !important;
        color: #2d3748 !important;
        font-size: 1.125rem !important;
    }
    /* Blog images styling */
    article.blog-post .blog-content figure.blog-image {
        margin: 2rem 0;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    article.blog-post .blog-content figure.blog-image img {
        width: 100%;
        height: auto;
        display: block;
        aspect-ratio: 16/9;
        object-fit: cover;
    }
    article.blog-post .blog-content figure.blog-image figcaption {
        padding: 0.75rem 1rem;
        background: #f8f9fa;
        font-size: 0.9rem;
        color: #666;
        font-style: italic;
    }
    /* Property showcase grid */
    article.blog-post .blog-content .property-showcase {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1.5rem;
        margin: 2rem 0;
    }
    article.blog-post .blog-content .property-showcase .property-card {
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 2px 12px rgba(0,0,0,0.08);
        transition: transform 0.2s, box-shadow 0.2s;
    }
    article.blog-post .blog-content .property-showcase .property-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    }
    article.blog-post .blog-content .property-showcase .property-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    article.blog-post .blog-content .property-showcase .property-card h3 {
        margin: 0;
        padding: 1rem 1rem 0.5rem;
        font-size: 1.1rem;
    }
    article.blog-post .blog-content .property-showcase .property-card h3 a {
        color: #1a365d;
        text-decoration: none;
    }
    article.blog-post .blog-content .property-showcase .property-card p {
        padding: 0 1rem 1rem;
        margin: 0;
        color: #666;
        font-size: 0.95rem;
    }
</style>
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link rel="preconnect" href="https://propertylist-staging-assets-west.s3.eu-west-1.amazonaws.com" crossorigin>
    <link rel="preload" as="style" href="https://fonts.bunny.net/css?family=playfair-display:400,700|inter:400,500,600&display=swap" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link href="https://fonts.bunny.net/css?family=playfair-display:400,700|inter:400,500,600&display=swap" rel="stylesheet"></noscript>
    
    <!-- Styles -->
    <style>
        :root {
            --color-primary: #0A1929;
            --color-accent: #D4AF37;
            --color-text: #2C2C2C;
            --color-text-light: #666;
            --color-bg: #FFFFFF;
            --color-bg-light: #F8F9FA;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: var(--color-text);
            line-height: 1.6;
            background: var(--color-bg);
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            line-height: 1.2;
        }
        
        .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }
        
        /* Navigation */
        nav:not([aria-label="Pagination Navigation"]):not([aria-label="Breadcrumb"]):not(.property-breadcrumbs) {
            background: #0A1929 !important;
            color: white;
            padding: 0.75rem 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        nav .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1rem;
        }
        
        .lang-switcher {
            position: relative;
        }
        
        .lang-switcher summary {
            color: white;
            text-decoration: none;
            padding: 0.5rem 1rem;
            border-radius: 4px;
            transition: background-color 0.3s, color 0.3s;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            cursor: pointer;
            list-style: none;
        }
        
        .lang-switcher summary::-webkit-details-marker {
            display: none;
        }

        .lang-switcher summary:hover {
            background-color: rgba(255,255,255,0.1);
        }
        
        .lang-switcher[open] summary {
            background-color: rgba(255,255,255,0.12);
        }

        .lang-switcher-menu {
            position: absolute;
            top: calc(100% + 0.5rem);
            right: 0;
            background: #0f2236;
            border: 1px solid rgba(255,255,255,0.12);
            border-radius: 8px;
            padding: 0.35rem;
            min-width: 160px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.25);
            z-index: 1001;
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
        }

        .lang-switcher-menu a {
            color: white;
            text-decoration: none;
            padding: 0.5rem 0.75rem;
            border-radius: 6px;
            transition: background-color 0.3s, color 0.3s;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .lang-switcher-menu a:hover {
            background-color: rgba(255,255,255,0.08);
        }

        .lang-switcher-menu a.active {
            background-color: var(--color-accent) !important;
            color: var(--color-primary);
        }
        
        .lang-switcher .flag-icon {
            width: 20px;
            height: 15px;
            border-radius: 2px;
            object-fit: cover;
            display: inline-block;
        }
        
        .logo {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--color-accent) !important;
            text-decoration: none;
            display: flex;
            align-items: center;
            margin: 0;
            padding: 0;
        }
        
        .logo img {
            height: 100px;
            width: auto;
            max-width: 350px;
        }
        
        .nav-links {
            display: flex;
            gap: 2rem;
            list-style: none;
            align-items: center;
        }
        
        .nav-links a {
            color: white;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
        }
        
        .nav-links a:hover {
            color: var(--color-accent) !important;
        }

        .nav-cta-link {
            display: inline-block;
            background: var(--color-accent);
            color: var(--color-primary) !important;
            padding: 0.55rem 0.9rem;
            border-radius: 6px;
            font-weight: 700 !important;
            line-height: 1;
        }

        .nav-cta-link:hover {
            color: var(--color-primary) !important;
            background: #c4a030;
        }
        
        .nav-dropdown {
            position: relative;
        }
        
        .nav-dropdown > a {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        
        .nav-dropdown > a::after {
            content: '▼';
            font-size: 0.7rem;
            transition: transform 0.3s;
        }
        
        .nav-dropdown:hover > a::after {
            transform: rotate(180deg);
        }
        
        .nav-dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            background: #0A1929;
            min-width: 200px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
            border-radius: 4px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s;
            margin-top: 0.5rem;
            padding: 0.5rem 0;
        }
        
        .nav-dropdown:hover .nav-dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .nav-dropdown-menu a {
            display: block;
            padding: 0.75rem 1.5rem;
            color: white;
            text-decoration: none;
            transition: background-color 0.3s, color 0.3s;
        }
        
        .nav-dropdown-menu a:hover {
            background-color: rgba(255,255,255,0.1);
            color: var(--color-accent) !important;
        }

        /* Mobile Menu Toggle Button */
        .mobile-menu-toggle {
            display: none;
            flex-direction: column;
            justify-content: space-around;
            width: 2rem;
            height: 2rem;
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 0;
            z-index: 1001;
        }
        
        .mobile-menu-toggle span {
            width: 2rem;
            height: 3px;
            background: var(--color-accent);
            border-radius: 10px;
            transition: all 0.3s;
        }
        
        /* Hero Section */
        .hero {
            background: linear-gradient(135deg, #0A1929 0%, #1a3a5a 100%);
            color: white;
            padding: 6rem 0;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><path d="M0,300 Q300,100 600,300 T1200,300" stroke="rgba(212,175,55,0.1)" stroke-width="2" fill="none"/></svg>');
            opacity: 0.3;
        }
        
        .hero .container {
            position: relative;
            z-index: 1;
        }
        
        .hero h1 {
            font-size: 3.5rem;
            margin-bottom: 1.5rem;
            color: white;
        }
        
        .hero p {
            font-size: 1.25rem;
            margin-bottom: 2rem;
            opacity: 0.9;
        }
        
        /* Buttons */
        .btn {
            display: inline-block;
            padding: 0.875rem 2rem;
            border-radius: 4px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
            font-size: 1rem;
        }
        
        .btn-primary {
            background: var(--color-accent);
            color: var(--color-primary);
        }
        
        .btn-primary:hover {
            background: #c4a030;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(212,175,55,0.3);
        }
        
        .btn-outline {
            background: transparent;
            color: #1a1a1a !important;
            border: 2px solid var(--color-accent);
        }
        
        .btn-outline:hover {
            background: var(--color-accent);
            color: var(--color-primary) !important;
        }

        .floating-whatsapp {
            position: fixed;
            right: 18px;
            bottom: 20px;
            z-index: 9997;
            width: 56px;
            height: 56px;
            border-radius: 999px;
            background: #25D366;
            color: #fff !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            box-shadow: 0 10px 24px rgba(0,0,0,0.2);
            font-size: 0.82rem;
            font-weight: 800;
        }

        .floating-whatsapp:hover {
            transform: translateY(-2px);
        }
        
        /* Property Grid */
        .property-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
            padding: 0 1.5rem;
        }
        
        /* Property Card */
        .property-card {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .property-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0,0,0,0.15);
        }
        
        .property-card img {
            width: 100%;
            height: 240px;
            object-fit: cover;
        }
        
        .property-card-content {
            padding: 1.5rem;
        }
        
        .property-card h3 {
            font-size: 1.25rem;
            margin-bottom: 0.5rem;
            color: var(--color-primary);
        }
        
        .property-card h3 a {
            color: var(--color-primary);
            text-decoration: none;
        }
        
        .property-card h3 a:hover {
            color: var(--color-accent);
        }
        
        .property-price {
            font-size: 1.5rem;
            font-weight: 700;
            color: #1a1a1a !important;
            margin-bottom: 1rem;
        }
        
        .property-details {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
            margin-bottom: 1rem;
            color: var(--color-text-light);
            font-size: 0.9rem;
        }
        
        .property-details span {
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }
        
        /* Footer */
        footer {
            background: #0A1929;
            color: rgba(255,255,255,0.8);
            padding: 3rem 0 1rem;
            margin-top: 4rem;
        }
        
        footer .container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
        }
        
        footer h4 {
            color: var(--color-accent);
            margin-bottom: 1rem;
            font-size: 1.25rem;
        }
        
        footer ul {
            list-style: none;
        }
        
        footer ul li {
            margin-bottom: 0.5rem;
        }
        
        footer a {
            color: rgba(255,255,255,0.8);
            text-decoration: none;
            transition: color 0.3s;
        }
        
        footer a:hover {
            color: var(--color-accent);
        }
        
        .footer-bottom {
            grid-column: 1 / -1;
            text-align: center;
            padding-top: 2rem;
            border-top: 1px solid rgba(255,255,255,0.1);
            margin-top: 2rem;
        }
        
        /* Breadcrumbs */
        nav[aria-label="Breadcrumb"] {
            background: transparent !important;
            padding: 0 !important;
            margin-bottom: 1rem;
        }
        
        nav[aria-label="Breadcrumb"] ol {
            display: flex;
            list-style: none;
            gap: 0.5rem;
            padding: 0;
            margin: 0;
        }
        
        nav[aria-label="Breadcrumb"] li {
            display: flex;
            align-items: center;
        }
        
        nav[aria-label="Breadcrumb"] li:not(:last-child)::after {
            content: '/';
            margin-left: 0.5rem;
            color: var(--color-text-light);
        }
        
        nav[aria-label="Breadcrumb"] a {
            color: var(--color-text-light);
            text-decoration: none;
        }
        
        nav[aria-label="Breadcrumb"] a:hover {
            color: var(--color-accent);
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2.5rem;
            }
            
            .hero p {
                font-size: 1rem;
            }
            
            .property-grid {
                grid-template-columns: 1fr;
                padding: 0 0.5rem;
            }
            
            .property-price {
                font-size: 1.1rem !important;
                white-space: nowrap !important;
                line-height: 1.2 !important;
                word-spacing: -0.05em !important;
            }
            
            .mobile-menu-toggle {
                display: flex;
            }
            
            .nav-links {
                position: fixed;
                left: -100%;
                top: 70px;
                flex-direction: column;
                background-color: #0A1929;
                width: 100%;
                text-align: center;
                transition: 0.3s;
                padding: 2rem 0;
                z-index: 1000;
            }
            
            .nav-links.mobile-menu-open {
                left: 0;
            }

            .floating-whatsapp {
                bottom: 88px;
                right: 14px;
            }
            .form-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

        }

        /* Search Form Styles - Modern & Clean */
        .search-form {
            background: white;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
            margin: 0 auto 2rem auto;
            max-width: 1200px;
            width: 100%;
        }
        
        .form-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1.25rem;
            margin-bottom: 1.5rem;
        }
        
        .form-group {
            display: flex;
            flex-direction: column;
        }
        
        .form-group label {
            font-weight: 600;
            margin-bottom: 0.625rem;
            color: var(--color-primary);
            font-size: 0.875rem;
            letter-spacing: 0.3px;
        }
        
        /* Modern Input & Select Styling */
        .form-group input[type="text"],
        .form-group input[type="number"],
        .form-group select {
            padding: 0.875rem 1rem;
            border: 1.5px solid #e5e7eb;
            border-radius: 8px;
            font-size: 0.95rem;
            transition: all 0.2s ease;
            background: #ffffff;
            color: var(--color-primary);
            font-family: inherit;
        }
        
        .form-group input[type="text"]:hover,
        .form-group input[type="number"]:hover,
        .form-group select:hover {
            border-color: #d1d5db;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }
        
        .form-group input[type="text"]:focus,
        .form-group input[type="number"]:focus,
        .form-group select:focus {
            outline: none;
            border-color: var(--color-accent);
            box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1), 0 2px 8px rgba(0,0,0,0.08);
            transform: translateY(-1px);
        }
        
        .form-group input[type="text"]::placeholder,
        .form-group input[type="number"]::placeholder {
            color: #9ca3af;
            font-weight: 400;
        }
        
        /* Modern Select Dropdown */
        .form-group select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23333' d='M7 10L2 5h10z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 1rem center;
            background-size: 14px;
            padding-right: 2.75rem;
            cursor: pointer;
        }
        
        /* Desktop-only fields wrapper */
        .desktop-only-fields {
            display: contents;
        }
        
        /* Action Buttons Row - Modern Layout */
        .search-form-actions {
            display: flex;
            gap: 1rem;
            align-items: center;
            justify-content: center;
            margin-top: 2rem;
            flex-wrap: wrap;
        }
        
        .search-form-actions .btn {
            padding: 0.875rem 2rem;
            font-size: 0.95rem;
            font-weight: 600;
            border-radius: 8px;
            transition: all 0.2s ease;
            cursor: pointer;
            border: none;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 140px;
        }
        
        .search-form-actions .btn-search {
            background: var(--color-accent);
            color: var(--color-primary);
            box-shadow: 0 2px 8px rgba(212, 175, 55, 0.25);
        }
        
        .search-form-actions .btn-search:hover {
            background: #c4a030;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(212,175,55,0.35);
        }
        
        .search-form-actions .btn-clear,
        .search-form-actions .btn-more-filters {
            background: transparent;
            color: var(--color-primary);
            border: 1.5px solid var(--color-accent);
        }
        
        .search-form-actions .btn-clear:hover,
        .search-form-actions .btn-more-filters:hover {
            background: var(--color-accent);
            color: var(--color-primary);
            transform: translateY(-2px);
            box-shadow: 0 2px 8px rgba(212, 175, 55, 0.2);
        }
        
        /* More Filters section spacing */
        #more-filters {
            margin-top: 2rem;
        }
        
        /* Mobile-only fields in more filters - hidden on desktop */
        .mobile-only-in-filters {
            display: none;
        }
        
        /* Mobile Responsive */
        @media (max-width: 768px) {
            .search-form {
                padding: 1.5rem;
                border-radius: 8px;
            }
            
            .form-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
                margin-bottom: 1rem;
            }
            
            /* Hide all fields except location on mobile */
            .desktop-only-fields {
                display: none !important;
            }
            
            .search-form-actions {
                flex-direction: column;
                gap: 0.75rem;
                margin-top: 1.5rem;
            }
            
            .search-form-actions .btn {
                width: 100%;
                min-width: auto;
            }
            
            /* More Filters section adjustments */
            #more-filters {
                margin-top: 1rem;
            }
            
            #more-filters .form-grid {
                grid-template-columns: 1fr;
            }
            
            /* Show mobile-only fields in more filters section */
            .mobile-only-in-filters {
                display: contents;
            }
        }
                <h4 style="margin: 0; font-size: 1rem;">Marbella Luxury Rentals &amp; Sales</h4>
                <button id="chatbot-close" style="background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer;">×</button>
            </div>
            <div id="chatbot-messages" style="flex: 1; padding: 1rem; overflow-y: auto; display: flex; flex-direction: column; gap: 1rem;">
                <div style="background: var(--color-bg-light); padding: 0.75rem; border-radius: 8px; max-width: 80%;">
                    <p style="margin: 0; font-size: 0.9rem;">¡Hola! ¿Cómo puedo ayudarle a encontrar su propiedad perfecta en Marbella?</p>
                </div>
            </div>
            <div style="padding: 1rem; border-top: 1px solid #ddd;">
                <input type="text" id="chatbot-input" placeholder="Escriba su mensaje..." style="width: 100%; padding: 0.75rem; border: 1px solid #ddd; border-radius: 4px; font-size: 0.9rem;">
            </div>
        </div>
    </div>
    <style>
        #chatbot-button:hover { transform: scale(1.1); }
        #chatbot-messages::-webkit-scrollbar { width: 6px; }
        #chatbot-messages::-webkit-scrollbar-track { background: #f1f1f1; }
        #chatbot-messages::-webkit-scrollbar-thumb { background: #888; border-radius: 3px; }
        @media (max-width: 768px) {
            .mobile-menu-toggle { display: flex; flex-direction: column; justify-content: space-around; width: 2rem; height: 2rem; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 1001; }
            .mobile-menu-toggle span { width: 2rem; height: 3px; background: var(--color-accent); border-radius: 10px; transition: all 0.3s; }
            .nav-links { position: fixed; left: -100%; top: 70px; flex-direction: column; background-color: #0A1929; width: 100%; text-align: center; transition: 0.3s; padding: 2rem 0; z-index: 1000; }
            .nav-links.mobile-menu-open { left: 0; }
        }
    
        /* Breadcrumbs in property pages - no background */
        .container nav:not([aria-label="Pagination Navigation"]) {
            background: transparent !important;
            padding: 0 !important;
            margin-bottom: 2rem;
        }
        
        .container nav:not([aria-label="Pagination Navigation"]) a {
            color: #666 !important;
            text-decoration: none;
        }
        
        .container nav:not([aria-label="Pagination Navigation"]) span {
            color: #999 !important;
        }

        /* Property breadcrumbs - ensure no background */
        .property-breadcrumbs,
        nav.property-breadcrumbs {
            background: transparent !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .property-breadcrumbs a {
            color: #666 !important;
            text-decoration: none;
        }
        
        .property-breadcrumbs span {
            color: #999 !important;
        }

        /* Pagination Styles */
        .pagination-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1.5rem;
            margin: 3rem 0;
            padding: 0 1.5rem;
        }

        .pagination-results {
            flex: 0 0 auto;
        }

        .pagination-text {
            color: var(--color-text);
            font-size: 0.95rem;
        }

        .pagination-nav {
            flex: 1 1 auto;
            display: flex;
            justify-content: center;
        }

        /* Laravel Pagination Links - Target actual classes from template */
        .pagination {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 0.5rem !important;
            flex-wrap: wrap !important;
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .pagination-item {
            display: inline-block !important;
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
        }

        .pagination-link {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0.5rem 0.75rem !important;
            border-radius: 6px !important;
            text-decoration: none !important;
            color: var(--color-primary) !important;
            background: white !important;
            border: 1.5px solid #e5e7eb !important;
            transition: all 0.2s ease !important;
            font-size: 0.95rem !important;
            min-width: 2.5rem !important;
            text-align: center !important;
            font-weight: 500 !important;
        }

        .pagination-item a.pagination-link:hover {
            background: var(--color-accent) !important;
            color: var(--color-primary) !important;
            border-color: var(--color-accent) !important;
            transform: translateY(-1px);
            text-decoration: none !important;
        }

        .pagination-item.active .pagination-link {
            background: var(--color-accent) !important;
            color: var(--color-primary) !important;
            border-color: var(--color-accent) !important;
            font-weight: 600 !important;
        }

        .pagination-item.disabled .pagination-link {
            color: #9ca3af !important;
            cursor: not-allowed !important;
            background: #f3f4f6 !important;
            border-color: #e5e7eb !important;
            opacity: 0.6 !important;
        }

        .pagination-item.disabled .pagination-link:hover {
            transform: none !important;
            background: #f3f4f6 !important;
            border-color: #e5e7eb !important;
        }

        /* Mobile Pagination */
        @media (max-width: 768px) {
            .pagination-wrapper {
                flex-direction: column;
                align-items: center;
                gap: 1rem;
            }

            .pagination-results {
                text-align: center;
                width: 100%;
            }

            .pagination-nav {
                width: 100%;
                justify-content: center;
            }

            .pagination {
                justify-content: center !important;
            }
        }
</style>
<style id="blog-spacing-css">
    /* BLOG SPACING CSS - Loads AFTER global reset (this is the one that matters) */
    /* ============================================
       CRITICAL BLOG SPACING FIX - ROOT LEVEL
       This MUST override the global * { margin: 0; padding: 0; } reset
       ============================================ */
    
    /* Override global reset - Target ALL elements inside blog-content */
    html body article.blog-post .blog-content *,
    html body .blog-content * {
        box-sizing: border-box !important;
    }
    
    /* PARAGRAPHS - Maximum specificity to override global reset */
    html body article.blog-post .blog-content p,
    html body main article.blog-post .blog-content p,
    html body .blog-content p,
    html body main .blog-content p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important; /* 2× font size (18px × 2 = 36px ≈ 1.75rem) */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        line-height: 1.65 !important; /* Optimal line height for readability */
        color: #2d3748 !important; /* Softer than pure black */
        font-size: 1.125rem !important; /* 18px */
        letter-spacing: 0.01em !important;
    }
    
    html body article.blog-post .blog-content p:last-child,
    html body .blog-content p:last-child {
        margin-bottom: 0 !important;
    }
    
    html body article.blog-post .blog-content p:not(:last-child),
    html body .blog-content p:not(:last-child) {
        margin-bottom: 1.75rem !important; /* Consistent paragraph spacing */
    }
    
    /* HEADINGS - Maximum specificity - Best Practices */
    html body article.blog-post .blog-content h2,
    html body main article.blog-post .blog-content h2,
    html body .blog-content h2,
    html body main .blog-content h2 {
        margin-top: 3rem !important; /* 1.5-2× line spacing (reduced from 4rem for better flow) */
        margin-bottom: 0.875rem !important; /* 0.5× line spacing after heading */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        font-size: 2rem !important; /* 32px - optimal H2 size */
        font-weight: 700 !important;
        line-height: 1.3 !important; /* Tighter for headings */
        color: #1a202c !important; /* Darker for headings */
        letter-spacing: -0.01em !important;
    }
    
    html body article.blog-post .blog-content h2:first-of-type,
    html body .blog-content h2:first-of-type {
        margin-top: 0 !important;
    }
    
    html body article.blog-post .blog-content h3,
    html body main article.blog-post .blog-content h3,
    html body .blog-content h3,
    html body main .blog-content h3 {
        margin-top: 2.5rem !important; /* Reduced for better flow */
        margin-bottom: 0.75rem !important; /* 0.5× line spacing after heading */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        font-size: 1.5rem !important; /* 24px - optimal H3 size */
        font-weight: 600 !important;
        line-height: 1.35 !important; /* Slightly tighter for subheadings */
        color: #1a202c !important;
        letter-spacing: -0.005em !important;
    }
    
    html body article.blog-post .blog-content h3:first-of-type,
    html body .blog-content h3:first-of-type {
        margin-top: 0 !important;
    }
    
    /* LISTS - Maximum specificity */
    html body article.blog-post .blog-content ul,
    html body article.blog-post .blog-content ol,
    html body main article.blog-post .blog-content ul,
    html body main article.blog-post .blog-content ol,
    html body .blog-content ul,
    html body .blog-content ol,
    html body main .blog-content ul,
    html body main .blog-content ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 2rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-right: 0 !important;
        line-height: 1.65 !important;
        display: block !important;
    }
    
    html body article.blog-post .blog-content li {
        margin-bottom: 0.75rem !important;
        line-height: 1.65 !important;
        color: #2d3748 !important;
    }
    
    html body article.blog-post .blog-content li:last-child {
        margin-bottom: 0 !important;
    }
    
    /* TABLES - Maximum specificity */
    html body article.blog-post .blog-content table,
    html body main article.blog-post .blog-content table,
    html body .blog-content table,
    html body main .blog-content table {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        display: table !important;
        width: 100% !important;
        border-collapse: collapse !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    }
    
    html body article.blog-post .blog-content table th {
        background: #f7fafc !important;
        font-weight: 600 !important;
        color: #1a202c !important;
        font-size: 0.9375rem !important;
        letter-spacing: 0.025em !important;
        padding: 1rem !important;
    }
    
    html body article.blog-post .blog-content table td {
        color: #2d3748 !important;
        padding: 1rem !important;
    }
    
    /* ADJACENT SIBLING SPACING */
    html body article.blog-post .blog-content p + p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important;
    }
    
    html body article.blog-post .blog-content p + h2 {
        margin-top: 3rem !important;
        margin-bottom: 0.875rem !important;
    }
    
    html body article.blog-post .blog-content p + h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    html body article.blog-post .blog-content p + ul,
    html body article.blog-post .blog-content p + ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content p + table {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }
    
    html body article.blog-post .blog-content h2 + p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important;
    }
    
    html body article.blog-post .blog-content h3 + p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important;
    }
    
    html body article.blog-post .blog-content ul + p,
    html body article.blog-post .blog-content ol + p {
        margin-top: 1.5rem !important;
        margin-bottom: 1.75rem !important;
    }
    
    html body article.blog-post .blog-content table + p {
        margin-top: 2.25rem !important;
        margin-bottom: 1.75rem !important;
    }
    
    html body article.blog-post .blog-content table + h2 {
        margin-top: 3rem !important;
        margin-bottom: 0.875rem !important;
    }
    
    html body article.blog-post .blog-content table + h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* Content width optimization */
    html body article.blog-post .blog-container {
        max-width: 680px !important;
    }
    
    /* Typography improvements */
    html body article.blog-post .blog-content {
        line-height: 1.65 !important;
        color: #2d3748 !important;
        font-size: 1.125rem !important;
        letter-spacing: 0.01em !important;
    }
</style>
<style>
    /* Override global reset - Target ALL elements inside blog-content */
    html body article.blog-post .blog-content *,
    html body .blog-content * {
        box-sizing: border-box !important;
    }
    
    /* PARAGRAPHS - Maximum specificity to override global reset */
    html body article.blog-post .blog-content p,
    html body main article.blog-post .blog-content p,
    html body .blog-content p,
    html body main .blog-content p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important; /* 2× font size (18px × 2 = 36px ≈ 1.75rem) */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        line-height: 1.65 !important; /* Optimal line height for readability */
        color: #2d3748 !important; /* Softer than pure black */
        font-size: 1.125rem !important; /* 18px */
        letter-spacing: 0.01em !important;
    }
    
    html body article.blog-post .blog-content p:last-child,
    html body .blog-content p:last-child {
        margin-bottom: 0 !important;
    }
    
    html body article.blog-post .blog-content p:not(:last-child),
    html body .blog-content p:not(:last-child) {
        margin-bottom: 1.75rem !important; /* Consistent paragraph spacing */
    }
    
    /* HEADINGS - Maximum specificity - Best Practices */
    html body article.blog-post .blog-content h2,
    html body main article.blog-post .blog-content h2,
    html body .blog-content h2,
    html body main .blog-content h2 {
        margin-top: 3rem !important; /* 1.5-2× line spacing (reduced from 4rem for better flow) */
        margin-bottom: 0.875rem !important; /* 0.5× line spacing after heading */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        font-size: 2rem !important; /* 32px - optimal H2 size */
        font-weight: 700 !important;
        line-height: 1.3 !important; /* Tighter for headings */
        color: #1a202c !important; /* Darker for headings */
        letter-spacing: -0.01em !important;
    }
    
    html body article.blog-post .blog-content h2:first-of-type,
    html body .blog-content h2:first-of-type {
        margin-top: 0 !important;
    }
    
    html body article.blog-post .blog-content h3,
    html body main article.blog-post .blog-content h3,
    html body .blog-content h3,
    html body main .blog-content h3 {
        margin-top: 2.5rem !important; /* Reduced for better flow */
        margin-bottom: 0.75rem !important; /* 0.5× line spacing after heading */
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        font-size: 1.5rem !important; /* 24px - optimal H3 size */
        font-weight: 600 !important;
        line-height: 1.35 !important; /* Slightly tighter for subheadings */
        color: #1a202c !important;
        letter-spacing: -0.005em !important;
    }
    
    html body article.blog-post .blog-content h3:first-of-type,
    html body .blog-content h3:first-of-type {
        margin-top: 0 !important;
    }
    
    /* LISTS - Maximum specificity */
    html body article.blog-post .blog-content ul,
    html body article.blog-post .blog-content ol,
    html body main article.blog-post .blog-content ul,
    html body main article.blog-post .blog-content ol,
    html body .blog-content ul,
    html body .blog-content ol,
    html body main .blog-content ul,
    html body main .blog-content ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 2rem !important;
        padding-right: 0 !important;
        display: block !important;
        list-style-position: outside !important;
    }
    
    /* TABLES - Maximum specificity */
    html body article.blog-post .blog-content table,
    html body main article.blog-post .blog-content table,
    html body .blog-content table,
    html body main .blog-content table {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        display: table !important;
        width: 100% !important;
        border-collapse: collapse !important;
    }
    
    /* ADJACENT SIBLING SPACING - Critical for transitions */
    html body article.blog-post .blog-content p + p,
    html body .blog-content p + p {
        margin-top: 0 !important;
        margin-bottom: 2rem !important;
    }
    
    html body article.blog-post .blog-content p + h2,
    html body .blog-content p + h2 {
        margin-top: 4rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content p + h3,
    html body .blog-content p + h3 {
        margin-top: 3rem !important;
        margin-bottom: 1.25rem !important;
    }
    
    html body article.blog-post .blog-content p + ul,
    html body article.blog-post .blog-content p + ol,
    html body .blog-content p + ul,
    html body .blog-content p + ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content p + table,
    html body .blog-content p + table {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    html body article.blog-post .blog-content h2 + p,
    html body .blog-content h2 + p {
        margin-top: 0 !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content h3 + p,
    html body .blog-content h3 + p {
        margin-top: 0 !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content ul + p,
    html body article.blog-post .blog-content ol + p,
    html body .blog-content ul + p,
    html body .blog-content ol + p {
        margin-top: 1.5rem !important;
        margin-bottom: 2rem !important;
    }
    
    html body article.blog-post .blog-content table + p,
    html body .blog-content table + p {
        margin-top: 2.5rem !important;
        margin-bottom: 2rem !important;
    }
    
    html body article.blog-post .blog-content table + h2,
    html body .blog-content table + h2 {
        margin-top: 3rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content table + h3,
    html body .blog-content table + h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 1.25rem !important;
    }
    
    html body article.blog-post .blog-content h2 + ul,
    html body article.blog-post .blog-content h2 + ol,
    html body .blog-content h2 + ul,
    html body .blog-content h2 + ol {
        margin-top: 1rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content h3 + ul,
    html body article.blog-post .blog-content h3 + ol,
    html body .blog-content h3 + ul,
    html body .blog-content h3 + ol {
        margin-top: 1rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Override inline styles if any */
    html body article.blog-post .blog-content p[style],
    html body .blog-content p[style] {
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
    }
    
    html body article.blog-post .blog-content h2[style],
    html body .blog-content h2[style] {
        margin-top: 4rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    html body article.blog-post .blog-content table[style],
    html body .blog-content table[style] {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    /* ============================================
       END CRITICAL BLOG SPACING FIX
       ============================================ */
    
    /* Blog Post Container */
    .blog-post {
        background: #ffffff;
    }
    
    .blog-container {
        position: relative;
    }
    
    /* Typography - Best Practices for Readability */
    .blog-content {
        line-height: 1.65; /* Optimal for readability (1.5-1.7 range) */
        color: #2d3748; /* Slightly softer than pure black for better reading */
        font-size: 1.125rem; /* 18px - optimal for desktop reading */
        font-weight: 400;
        letter-spacing: 0.01em; /* Slight letter spacing for luxury feel */
        text-align: left; /* Left-aligned for optimal readability */
    }
    
    /* Optimal line length: 30-75 characters per line */
    .blog-content p {
        max-width: 100%;
    }
    
    /* Better spacing for content sections - OVERRIDE GLOBAL RESET */
    .blog-content > *,
    article.blog-post .blog-content > *,
    main .blog-content > *,
    body .blog-content > * {
        margin-bottom: 2rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .blog-content > *:last-child,
    article.blog-post .blog-content > *:last-child,
    main .blog-content > *:last-child,
    body .blog-content > *:last-child {
        margin-bottom: 0 !important;
    }
    
    /* Force spacing on all direct children that are paragraphs */
    .blog-content > p,
    article.blog-post .blog-content > p,
    main .blog-content > p,
    body .blog-content > p {
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
    }
    
    /* Headings - MAXIMUM SPECIFICITY */
    .blog-content h2,
    article.blog-post .blog-content h2,
    main .blog-content h2,
    body .blog-content h2 {
        font-size: 2rem !important;
        margin-top: 4rem !important;
        margin-bottom: 1.5rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        color: #1a1a1a !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        letter-spacing: -0.01em !important;
        display: block !important;
    }
    
    .blog-content h2:first-of-type,
    article.blog-post .blog-content h2:first-of-type {
        margin-top: 0 !important;
    }
    
    /* Extra spacing when heading follows a paragraph */
    .blog-content p + h2,
    article.blog-post .blog-content p + h2,
    main .blog-content p + h2,
    body .blog-content p + h2 {
        margin-top: 3rem !important; /* Better visual separation */
        margin-bottom: 0.875rem !important;
    }
    
    /* Spacing when heading follows a list */
    .blog-content ul + h2,
    .blog-content ol + h2,
    article.blog-post .blog-content ul + h2,
    article.blog-post .blog-content ol + h2 {
        margin-top: 3rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .blog-content h3,
    article.blog-post .blog-content h3,
    main .blog-content h3,
    body .blog-content h3 {
        font-size: 1.5rem !important;
        margin-top: 3rem !important;
        margin-bottom: 1.25rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        color: #1a1a1a !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        display: block !important;
    }
    
    .blog-content h3:first-of-type,
    article.blog-post .blog-content h3:first-of-type {
        margin-top: 0 !important;
    }
    
    /* Extra spacing when h3 follows a paragraph */
    .blog-content p + h3,
    article.blog-post .blog-content p + h3,
    main .blog-content p + h3,
    body .blog-content p + h3 {
        margin-top: 2.5rem !important; /* Better visual separation */
        margin-bottom: 0.75rem !important;
    }
    
    /* Spacing when h3 follows a list */
    .blog-content ul + h3,
    .blog-content ol + h3,
    article.blog-post .blog-content ul + h3,
    article.blog-post .blog-content ol + h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 1.25rem !important;
    }
    
    /* Paragraphs - Ensure consistent spacing - MAXIMUM SPECIFICITY */
    .blog-content p,
    article.blog-post .blog-content p,
    main .blog-content p,
    body .blog-content p {
        margin-top: 0 !important;
        margin-bottom: 2rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1.9 !important;
        color: #2c2c2c !important;
        font-size: 1.125rem !important;
        display: block !important;
    }
    
    /* Override ANY inline styles on paragraphs */
    .blog-content p[style],
    article.blog-post .blog-content p[style] {
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
    }
    
    /* Extra spacing when paragraph follows a heading */
    .blog-content h2 + p {
        margin-top: 0 !important;
        margin-bottom: 1.5rem !important;
    }
    
    .blog-content h3 + p {
        margin-top: 0 !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Ensure spacing between consecutive paragraphs - CRITICAL */
    .blog-content p + p,
    article.blog-post .blog-content p + p,
    main .blog-content p + p,
    body .blog-content p + p {
        margin-top: 0 !important;
        margin-bottom: 1.75rem !important; /* Consistent paragraph spacing */
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Override inline styles on consecutive paragraphs */
    .blog-content p + p[style],
    article.blog-post .blog-content p + p[style] {
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
    }
    
    /* Last paragraph should have no bottom margin */
    .blog-content p:last-child {
        margin-bottom: 0 !important;
    }
    
    /* All paragraphs except last should have bottom margin */
    .blog-content p:not(:last-child) {
        margin-bottom: 1.75rem !important; /* Consistent spacing */
    }
    
    /* Lists - MAXIMUM SPECIFICITY */
    .blog-content ul, 
    .blog-content ol,
    article.blog-post .blog-content ul,
    article.blog-post .blog-content ol,
    main .blog-content ul,
    main .blog-content ol,
    body .blog-content ul,
    body .blog-content ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 2rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1.9 !important;
        display: block !important;
    }
    
    /* Extra spacing when list follows a paragraph */
    .blog-content p + ul,
    .blog-content p + ol,
    article.blog-post .blog-content p + ul,
    article.blog-post .blog-content p + ol,
    main .blog-content p + ul,
    main .blog-content p + ol,
    body .blog-content p + ul,
    body .blog-content p + ol {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Extra spacing when paragraph follows a list */
    .blog-content ul + p,
    .blog-content ol + p,
    article.blog-post .blog-content ul + p,
    article.blog-post .blog-content ol + p,
    main .blog-content ul + p,
    main .blog-content ol + p,
    body .blog-content ul + p,
    body .blog-content ol + p {
        margin-top: 1.5rem !important;
        margin-bottom: 2rem !important;
    }
    
    /* Spacing when list follows a heading */
    .blog-content h2 + ul,
    .blog-content h2 + ol,
    .blog-content h3 + ul,
    .blog-content h3 + ol {
        margin-top: 1rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Spacing when heading follows a list */
    .blog-content ul + h2,
    .blog-content ol + h2 {
        margin-top: 3rem !important;
    }
    
    .blog-content ul + h3,
    .blog-content ol + h3 {
        margin-top: 2.5rem !important;
    }
    
    .blog-content li {
        margin-bottom: 0.875rem;
        line-height: 1.8;
        color: #2c2c2c;
    }
    
    .blog-content li:last-child {
        margin-bottom: 0;
    }
    
    .blog-content li::marker {
        color: #0066cc;
    }
    
    /* Blockquotes */
    .blog-content blockquote {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        padding: 1.5rem 1.75rem;
        padding-left: 2rem;
        border-left: 4px solid #0066cc;
        background: #f8f9fa;
        border-radius: 0 8px 8px 0;
        font-style: italic;
        color: #555;
        line-height: 1.7;
    }
    
    /* Extra spacing when blockquote follows a paragraph */
    .blog-content p + blockquote {
        margin-top: 2.5rem;
    }
    
    /* Extra spacing when paragraph follows a blockquote */
    .blog-content blockquote + p {
        margin-top: 2.5rem;
    }
    
    /* Images */
    .blog-content img {
        max-width: 100%;
        height: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    
    /* Extra spacing when image follows a paragraph */
    .blog-content p + img {
        margin-top: 2rem;
    }
    
    /* Extra spacing when paragraph follows an image */
    .blog-content img + p {
        margin-top: 2rem;
    }
    
    /* Tables - MAXIMUM SPECIFICITY */
    .blog-content table,
    article.blog-post .blog-content table,
    main .blog-content table,
    body .blog-content table {
        width: 100% !important;
        margin-top: 2.25rem !important; /* Slightly reduced for better flow */
        margin-bottom: 2.25rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-collapse: collapse !important;
        border: 1px solid #e2e8f0 !important; /* Softer border color */
        border-radius: 8px !important;
        overflow: hidden !important;
        display: table !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; /* Subtle shadow for depth */
    }
    
    /* Spacing when table follows a paragraph */
    .blog-content p + table,
    article.blog-post .blog-content p + table,
    main .blog-content p + table,
    body .blog-content p + table {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    /* Spacing when paragraph follows a table */
    .blog-content table + p,
    article.blog-post .blog-content table + p,
    main .blog-content table + p,
    body .blog-content table + p {
        margin-top: 2.5rem !important;
        margin-bottom: 2rem !important;
    }
    
    /* Spacing when heading follows a table */
    .blog-content table + h2,
    article.blog-post .blog-content table + h2,
    main .blog-content table + h2,
    body .blog-content table + h2 {
        margin-top: 3rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .blog-content table + h3,
    article.blog-post .blog-content table + h3,
    main .blog-content table + h3,
    body .blog-content table + h3 {
        margin-top: 2.5rem !important;
        margin-bottom: 1.25rem !important;
    }
    
    /* Spacing when table follows a heading */
    .blog-content h2 + table,
    article.blog-post .blog-content h2 + table,
    main .blog-content h2 + table,
    body .blog-content h2 + table {
        margin-top: 1.5rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    .blog-content h3 + table,
    article.blog-post .blog-content h3 + table,
    main .blog-content h3 + table,
    body .blog-content h3 + table {
        margin-top: 1.25rem !important;
        margin-bottom: 2.5rem !important;
    }
    
    .blog-content table th,
    .blog-content table td,
    article.blog-post .blog-content table th,
    article.blog-post .blog-content table td {
        padding: 1rem !important;
        text-align: left !important;
        border-bottom: 1px solid #e0e0e0 !important;
    }
    
    .blog-content table th {
        background: #f7fafc !important; /* Softer background */
        font-weight: 600 !important;
        color: #1a202c !important; /* Darker for contrast */
        font-size: 0.9375rem !important; /* 15px */
        letter-spacing: 0.025em !important;
    }
    
    .blog-content table td {
        color: #2d3748 !important; /* Match body text */
    }
    
    .blog-content table tr:last-child td {
        border-bottom: none !important;
    }
    
    /* Property cards in content */
    .blog-content .property-card {
        margin: 1.5rem 0 !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
        clear: both !important;
    }
    
    /* Compact property cards float right */
    .blog-content .property-card[style*="float: right"] {
        float: right !important;
        max-width: 350px !important;
        margin-left: 2rem !important;
        margin-right: 0 !important;
        margin-top: 0.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Ensure text wraps around floated property cards */
    .blog-content p + .property-card,
    .blog-content h2 + .property-card,
    .blog-content h3 + .property-card {
        margin-top: 0.5rem !important;
    }
    
    /* Clear floats after property cards */
    .blog-content .property-card::after {
        content: "";
        display: table;
        clear: both;
    }
    
    .blog-content a {
        color: #0066cc;
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
        transition: color 0.2s;
    }
    
    .blog-content a:hover {
        color: #0052a3;
        text-decoration-thickness: 3px;
    }
    
    /* Handle strong tags that act as headings */
    .blog-content strong {
        font-weight: 600;
        color: #1a1a1a;
    }
    
    /* When strong tags are on their own line (likely headings) */
    .blog-content p strong:only-child,
    .blog-content p:has(strong:only-child) {
        display: block;
        font-size: 1.75rem;
        margin-top: 3.5rem;
        margin-bottom: 1.25rem;
        line-height: 1.3;
        font-weight: 700;
    }
    
    /* Paragraphs that contain only a strong tag should be treated as headings */
    .blog-content p:has(> strong:only-child) {
        margin-top: 3.5rem;
        margin-bottom: 1.25rem;
        font-size: 1.75rem;
        line-height: 1.3;
        font-weight: 700;
    }
    
    /* Extra spacing before paragraphs that start with strong tags */
    .blog-content p:has(strong:first-child) {
        margin-top: 0;
    }
    
    /* Spacing after paragraphs that contain strong headings */
    .blog-content p:has(> strong:only-child) + p {
        margin-top: 0;
    }
    
    /* More aggressive spacing - ensure paragraphs have space */
    .blog-content > * {
        margin-bottom: 2rem !important;
    }
    
    .blog-content > *:last-child {
        margin-bottom: 0 !important;
    }
    
    /* Force paragraph spacing - highest priority */
    article .blog-content p,
    .blog-post .blog-content p,
    main .blog-content p {
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
    }
    
    article .blog-content p + p,
    .blog-post .blog-content p + p,
    main .blog-content p + p {
        margin-top: 0 !important;
        margin-bottom: 2rem !important;
    }
    
    article .blog-content p:last-child,
    .blog-post .blog-content p:last-child,
    main .blog-content p:last-child {
        margin-bottom: 0 !important;
    }
    
    .blog-content code {
        background: #f5f7fa;
        padding: 0.2rem 0.5rem;
        border-radius: 4px;
        font-size: 0.9em;
        font-family: 'Courier New', monospace;
    }
    
    .blog-content pre {
        background: #f5f7fa;
        padding: 1.5rem;
        border-radius: 8px;
        overflow-x: auto;
        margin: 2rem 0;
    }
    
    /* Hover Effects */
    .blog-share a:hover,
    .blog-cta a:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    
    .blog-related article:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    }
    
    .blog-related article:hover img {
        transform: scale(1.05);
    }
    
    .blog-category-badge:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0,102,204,0.3);
    }
    
    /* Blog Layout Wrapper - Two Column, Right Aligned */
    .blog-layout-wrapper {
        display: flex !important;
        gap: 3rem !important;
        align-items: flex-start !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    
    /* Sidebar Styles */
    .blog-sidebar {
        /* No sticky, no scroll - properties flow naturally */
    }
    
    /* Responsive Design */
    @media (max-width: 1024px) {
        .blog-layout-wrapper {
            flex-direction: column !important;
            margin: 0 auto !important;
        }
        
        .blog-sidebar {
            width: 100% !important;
            margin-top: 3rem !important;
        }
        
        .blog-sidebar-properties {
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
            gap: 1.5rem !important;
        }
        
        .blog-sidebar-properties > h3 {
            grid-column: 1 / -1 !important;
        }
    }
    
    @media (max-width: 768px) {
        .blog-hero {
            height: 400px !important;
            margin-bottom: 2rem !important;
        }
        
        .blog-container {
            padding: 0 1.25rem !important;
        }
        
        .blog-layout-wrapper {
            padding: 0 1rem !important;
            margin: 0 auto !important;
        }
        
        .blog-title {
            font-size: 2rem !important;
        }
        
        .blog-excerpt {
            font-size: 1.125rem !important;
        }
        
        .blog-content {
            font-size: 1rem !important;
        }
        
        .blog-content h2 {
            font-size: 1.75rem !important;
            margin-top: 2.5rem !important;
        }
        
        .blog-content h3 {
            font-size: 1.375rem !important;
            margin-top: 2rem !important;
        }
        
        .blog-meta {
            flex-direction: column;
            align-items: flex-start !important;
            gap: 1rem !important;
        }
        
        .blog-share {
            padding: 2rem 1.5rem !important;
        }
        
        .blog-share div {
            flex-direction: column;
        }
        
        .blog-share a {
            width: 100%;
            justify-content: center;
        }
        
        .blog-cta {
            padding: 3rem 2rem !important;
        }
        
        .blog-cta h2 {
            font-size: 1.75rem !important;
        }
        
        .blog-related div {
            grid-template-columns: 1fr !important;
        }
    }
    
    @media (max-width: 480px) {
        .blog-title {
            font-size: 1.75rem !important;
        }
        
        .blog-content {
            font-size: 0.9375rem !important;
        }
    }
    
    /* ============================================
       DATA-FOCUSED LAYOUT STYLES
       ============================================ */
    
    /* Stats Banner */
    .blog-stats-banner {
        animation: fadeInUp 0.6s ease-out;
    }
    
    .blog-stats-banner .stat-item {
        transition: transform 0.2s;
    }
    
    .blog-stats-banner .stat-item:hover {
        transform: translateY(-2px);
    }
    
    /* Charts Section */
    .blog-charts-section {
        animation: fadeInUp 0.6s ease-out 0.2s both;
    }
    
    .blog-charts-section .charts-container {
        min-height: 300px;
    }
    
    /* Chart Container Styling */
    [data-chart] {
        background: white;
        padding: 1.5rem;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        margin-bottom: 2rem;
        position: relative;
    }
    
    [data-chart] canvas {
        max-height: 400px;
    }
    
    /* Chart Loading State */
    [data-chart]:not(:has(canvas)) {
        min-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    [data-chart]:not(:has(canvas))::before {
        content: 'Loading chart...';
        color: #999;
        font-style: italic;
    }
    
    /* Responsive Charts */
    @media (max-width: 768px) {
        .blog-stats-banner .stats-grid {
            grid-template-columns: 1fr !important;
            gap: 1rem !important;
        }
        
        .blog-charts-section .charts-container {
            grid-template-columns: 1fr !important;
        }
        
        [data-chart] {
            padding: 1rem;
        }
    }
    
    /* Animation */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
</style>
<script>
        document.addEventListener("DOMContentLoaded", function() {
            const chatbotButton = document.getElementById('chatbot-button');
            const chatbotWindow = document.getElementById('chatbot-window');
            const chatbotClose = document.getElementById('chatbot-close');
            const chatbotInput = document.getElementById('chatbot-input');
            const chatbotMessages = document.getElementById('chatbot-messages');
            
            if (chatbotButton && chatbotWindow) {
                chatbotButton.addEventListener('click', function() {
                    chatbotWindow.style.display = chatbotWindow.style.display === 'none' ? 'flex' : 'none';
                });
            }
            
            if (chatbotClose && chatbotWindow) {
                chatbotClose.addEventListener('click', function() {
                    chatbotWindow.style.display = 'none';
                });
            }
            
            if (chatbotInput && chatbotMessages) {
                chatbotInput.addEventListener('keypress', function(e) {
                    if (e.key === 'Enter' && this.value.trim()) {
                        const message = this.value.trim();
                        this.value = '';
                        const userMsg = document.createElement('div');
                        userMsg.style.cssText = 'background: var(--color-accent); color: white; padding: 0.75rem; border-radius: 8px; max-width: 80%; align-self: flex-end;';
                        userMsg.innerHTML = '<p style="margin: 0; font-size: 0.9rem;">' + message + '</p>';
                        chatbotMessages.appendChild(userMsg);
                        chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
                        setTimeout(() => {
                            const botMsg = document.createElement('div');
                            botMsg.style.cssText = 'background: var(--color-bg-light); padding: 0.75rem; border-radius: 8px; max-width: 80%;';
                            botMsg.innerHTML = '<p style="margin: 0; font-size: 0.9rem;">Gracias por su mensaje. Nuestro equipo se pondrá en contacto con usted pronto. Para asistencia inmediata, llame al +34 640 830 461.</p>';
                            chatbotMessages.appendChild(botMsg);
                            chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
                        }, 500);
                    }
                });
            }
        });
    </script>
</head>
    <body>


    
    

    <nav>
        <div class="container">
            <a href="https://marbellaluxuryrentals.com/es" class="logo">
                <img src="https://marbellaluxuryrentals.com/images/logo.png" alt="Marbella Luxury Rentals" width="122" height="100">
            </a>
            <button class="mobile-menu-toggle" aria-label="Alternar menú" aria-expanded="false">
                <span></span>
                <span></span>
                <span></span>
            </button>
            <ul class="nav-links">
                <li class="nav-dropdown">
                    <a href="#">Alquileres</a>
                    <ul class="nav-dropdown-menu">
                        <li><a href="https://marbellaluxuryrentals.com/es/long-term-rentals">Long Term</a></li>
                        <li><a href="https://marbellaluxuryrentals.com/es/holiday-rentals">Alquiler vacacional</a></li>
                    </ul>
                </li>
                <li><a href="https://marbellaluxuryrentals.com/es/properties-for-sale">En venta</a></li>
                <li class="nav-dropdown">
                    <a href="#">Conserjería</a>
                    <ul class="nav-dropdown-menu">
                        <li><a href="https://marbellaluxuryrentals.com/es/concierge/cars">Coches</a></li>
                        <li><a href="https://marbellaluxuryrentals.com/es/concierge/yachts">Yates</a></li>
                        <li><a href="https://marbellaluxuryrentals.com/es/concierge/jets">Jets</a></li>
                        <li><a href="https://marbellaluxuryrentals.com/es/concierge/services">Servicios</a></li>
                        
                    </ul>
                </li>
                <li><a href="https://marbellaluxuryrentals.com/es/blog">Blog</a></li>
                <li><a href="https://marbellaluxuryrentals.com/es/about">Sobre nosotros</a></li>
                <li class="nav-dropdown">
                    <a href="#">Contáctenos</a>
                    <ul class="nav-dropdown-menu">
                        <li><a href="https://marbellaluxuryrentals.com/es/contact">Contáctenos</a></li>
                        <li><a href="https://marbellaluxuryrentals.com/es/faq">Preguntas frecuentes</a></li>
                    </ul>
                </li>
            </ul>
            <details class="lang-switcher">
                                                <summary>
                    <img src="https://flagcdn.com/w20/es.png" alt="Español" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                    ES
                    <span aria-hidden="true">▾</span>
                </summary>
                <div class="lang-switcher-menu">
                                            <a href="/en/blog/chateau-delice-inside-one-of-marbellas-most-exclusive-villas-es" class="">
                            <img src="https://flagcdn.com/w20/gb.png" alt="English" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                            English
                        </a>
                                            <a href="/es/blog/chateau-delice-inside-one-of-marbellas-most-exclusive-villas-es" class="active">
                            <img src="https://flagcdn.com/w20/es.png" alt="Español" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                            Español
                        </a>
                                            <a href="/fr/blog/chateau-delice-inside-one-of-marbellas-most-exclusive-villas-es" class="">
                            <img src="https://flagcdn.com/w20/fr.png" alt="Français" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                            Français
                        </a>
                                            <a href="/sv/blog/chateau-delice-inside-one-of-marbellas-most-exclusive-villas-es" class="">
                            <img src="https://flagcdn.com/w20/se.png" alt="Svenska" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                            Svenska
                        </a>
                                            <a href="/de/blog/chateau-delice-inside-one-of-marbellas-most-exclusive-villas-es" class="">
                            <img src="https://flagcdn.com/w20/de.png" alt="Deutsch" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                            Deutsch
                        </a>
                                    </div>
            </details>
        </div>
    </nav>
    <main>
        
<article class="blog-post">
    <!-- Hero Image Section -->
    
    <!-- Main Content Container with Sidebar -->
    <div class="blog-layout-wrapper" style="max-width: 1200px !important; margin: 0 0 0 auto !important; padding: 0 2rem !important; display: flex !important; gap: 3rem !important; align-items: flex-start !important;">
        <!-- Main Content Column -->
        <div class="blog-container" style="flex: 1; max-width: 680px !important; min-width: 0;">
        
                
        <!-- Header Section -->
        <header class="blog-header" style="margin-bottom: 3rem;">
                            <a href="https://marbellaluxuryrentals.com/es/blog/category/estilo-de-vida" 
                   class="blog-category-badge"
                   style="display: inline-block; padding: 0.5rem 1.25rem; background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%); border-radius: 50px; text-decoration: none; color: white; font-size: 0.875rem; font-weight: 600; margin-bottom: 1.5rem; letter-spacing: 0.5px; text-transform: uppercase;">
                    Estilo de Vida
                </a>
                        
            <h1 class="blog-title" style="font-size: 3rem; line-height: 1.15; margin-bottom: 1.5rem; color: #1a1a1a; font-weight: 700; letter-spacing: -0.02em;">
                Chateau Delice: Dentro de una de las Villas Más Exclusivas de Marbella
            </h1>
            
                        <p class="blog-excerpt" style="font-size: 1.25rem; line-height: 1.6; color: #555; margin-bottom: 2rem; font-weight: 400;">
                Chateau Delice es más que una villa de lujo; es una obra maestra de elegancia arquitectónica enclavada en las serenas colinas de Marbella. Descubra por qué este retiro exclusivo es el epítome de la vida de lujo, ofreciendo un diseño incomparable y un estilo de vida que se distingue de otras propiedades.
            </p>
                        
            <div class="blog-meta" style="display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; color: #666; font-size: 0.9375rem; padding-top: 1.5rem; border-top: 1px solid #e8e8e8;">
                <div style="display: flex; align-items: center; gap: 0.5rem;">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <circle cx="12" cy="12" r="10"></circle>
                        <polyline points="12 6 12 12 16 14"></polyline>
                    </svg>
                    <span>abril 01, 2026</span>
                </div>
                <div style="display: flex; align-items: center; gap: 0.5rem;">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                        <circle cx="12" cy="7" r="4"></circle>
                    </svg>
                                            <a href="https://marbellaluxuryrentals.com/es/properties-for-sale" style="color: inherit; text-decoration: underline;">Marbella Luxury Rentals &amp; Sales</a>
                                    </div>
                <div style="display: flex; align-items: center; gap: 0.5rem;">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                        <circle cx="12" cy="12" r="3"></circle>
                    </svg>
                    <span>0 visitas</span>
                </div>
            </div>
        </header>

        <!-- Main Content -->
        <style id="blog-spacing-css">
            /* INLINE BLOG SPACING CSS - Guaranteed to load - MAXIMUM SPECIFICITY */
            html body article.blog-post .blog-content p,
            html body main article.blog-post .blog-content p,
            html body .blog-content p {
                margin-bottom: 1.75rem !important;
                margin-top: 0 !important;
                line-height: 1.65 !important;
                color: #2d3748 !important;
                font-size: 1.125rem !important;
                display: block !important;
            }
            html body article.blog-post .blog-content p:last-child,
            html body main article.blog-post .blog-content p:last-child,
            html body .blog-content p:last-child {
                margin-bottom: 0 !important;
            }
            html body article.blog-post .blog-content p + p,
            html body main article.blog-post .blog-content p + p,
            html body .blog-content p + p {
                margin-top: 0 !important;
                margin-bottom: 1.75rem !important;
            }
            html body article.blog-post .blog-content h2,
            html body main article.blog-post .blog-content h2,
            html body .blog-content h2 {
                margin-top: 3rem !important;
                margin-bottom: 0.875rem !important;
                font-size: 2rem !important;
                line-height: 1.3 !important;
                font-weight: 700 !important;
                color: #1a202c !important;
                display: block !important;
            }
            article.blog-post .blog-content h2:first-of-type {
                margin-top: 0 !important;
            }
            article.blog-post .blog-content h3 {
                margin-top: 2.5rem !important;
                margin-bottom: 0.75rem !important;
                font-size: 1.5rem !important;
                line-height: 1.35 !important;
                font-weight: 600 !important;
                color: #1a202c !important;
                display: block !important;
            }
            article.blog-post .blog-content h3:first-of-type {
                margin-top: 0 !important;
            }
            article.blog-post .blog-content ul,
            article.blog-post .blog-content ol {
                margin-top: 1.5rem !important;
                margin-bottom: 1.5rem !important;
                padding-left: 2rem !important;
                display: block !important;
            }
            article.blog-post .blog-content li {
                margin-bottom: 0.75rem !important;
                line-height: 1.65 !important;
                color: #2d3748 !important;
            }
            article.blog-post .blog-content table {
                margin-top: 2.25rem !important;
                margin-bottom: 2.25rem !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 8px !important;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
                display: table !important;
                width: 100% !important;
            }
            article.blog-post .blog-content table th {
                background: #f7fafc !important;
                font-weight: 600 !important;
                color: #1a202c !important;
                padding: 1rem !important;
            }
            article.blog-post .blog-content table td {
                color: #2d3748 !important;
                padding: 1rem !important;
            }
            article.blog-post .blog-content p + h2 {
                margin-top: 3rem !important;
            }
            article.blog-post .blog-content p + h3 {
                margin-top: 2.5rem !important;
            }
            article.blog-post .blog-content p + ul,
            article.blog-post .blog-content p + ol {
                margin-top: 1.5rem !important;
            }
            article.blog-post .blog-content p + table {
                margin-top: 2.25rem !important;
            }
            article.blog-post .blog-content h2 + p,
            article.blog-post .blog-content h3 + p {
                margin-top: 0 !important;
                margin-bottom: 1.75rem !important;
            }
            article.blog-post .blog-content ul + p,
            article.blog-post .blog-content ol + p {
                margin-top: 1.5rem !important;
                margin-bottom: 1.75rem !important;
            }
            article.blog-post .blog-content table + p {
                margin-top: 2.25rem !important;
                margin-bottom: 1.75rem !important;
            }
            article.blog-post .blog-content table + h2 {
                margin-top: 3rem !important;
            }
            article.blog-post .blog-content table + h3 {
                margin-top: 2.5rem !important;
            }
            article.blog-post .blog-container {
                max-width: 680px !important;
            }
            article.blog-post .blog-content {
                line-height: 1.65 !important;
                color: #2d3748 !important;
                font-size: 1.125rem !important;
            }
            /* Property card spacing - ensure proper flow */
            article.blog-post .blog-content .property-card + p,
            article.blog-post .blog-content .property-card + h2,
            article.blog-post .blog-content .property-card + h3 {
                margin-top: 1.5rem !important;
                clear: both !important;
            }
            article.blog-post .blog-content p + .property-card,
            article.blog-post .blog-content h2 + .property-card {
                margin-top: 1rem !important;
            }
        </style>
        
                
        <div class="blog-content" style="margin: 0; padding: 0;">
                        <h2>Chateau Delice: Una Obra Maestra de Elegancia Arquitectónica</h2> <strong>Chateau Delice no es solo una villa; es una declaración.</strong> Enclavada en las tranquilas colinas de La Quinta, este retiro exclusivo en la Costa del Sol personifica la vida de lujo. La villa combina la arquitectura tradicional francesa con la vibrante esencia del diseño español, ofreciendo una estética única que captura la vista y conmueve el alma. Al acercarse a Chateau Delice, un camino privado bordeado de frondosos árboles y flora vibrante prepara el escenario para lo que está por venir. La grandeza de la propiedad se despliega con una impresionante entrada, ofreciendo un área de descanso tranquila sombreada por maduros limoneros y naranjos. Este entorno sereno es perfecto para momentos de paz y reflexión. <h2>¿Qué Hace de Chateau Delice una Villa Destacada en Marbella?</h2> Chateau Delice se destaca por su distintiva combinación de elegancia y funcionalidad. La arquitectura de la villa combina la sofisticación francesa con el encanto español, creando un hogar que es tanto majestuoso como acogedor. Un imponente porte-cochère proporciona estacionamiento sombreado para cuatro vehículos, ideal para entretener a los invitados o albergar grandes eventos. Además, la ubicación de Chateau Delice en La Quinta ofrece tanto aislamiento como accesibilidad. Está a solo 30 minutos en coche del Aeropuerto Internacional de Málaga y cerca del vibrante centro de Marbella. Esta accesibilidad lo convierte en una opción privilegiada para aquellos que buscan un estilo de vida tranquilo pero conectado. <h2>¿Cómo Encapsula Chateau Delice la Vida de Lujo en Marbella?</h2> El lujo en Chateau Delice no solo está en el diseño, sino en el estilo de vida que ofrece. Imagine relajarse junto a una impresionante piscina de agua salada, rodeada de exuberantes jardines que proporcionan un oasis privado. Las amplias áreas de estar de la villa y las comodidades de última generación la hacen perfecta tanto para la relajación como para el entretenimiento. Cada detalle de Chateau Delice está diseñado para mejorar la experiencia de vida. Desde la pérgola oculta adornada con una estatua hasta los caminos bordeados de árboles frutales, cada rincón de la propiedad invita a la exploración y el ocio. Este no es solo un lugar para quedarse; es un destino para experimentar. <h2>Características Arquitectónicas Únicas de Chateau Delice</h2> Las características arquitectónicas de Chateau Delice son un testimonio de su exclusividad. La villa cuenta con techos altos, ventanas expansivas y un plano de planta abierto que llena el interior de luz natural. Este diseño no solo crea una sensación de grandeza, sino que también integra los espacios interiores y exteriores de manera fluida. Para aquellos que aprecian las cosas más finas, la villa incluye una cocina gourmet equipada con electrodomésticos de primera línea, perfecta para organizar cenas o disfrutar de una comida tranquila. Una elegante sala de estar con chimenea ofrece un refugio acogedor durante las noches más frescas. <h2>¿Qué Significa Esto para los Compradores?</h2> Para los compradores potenciales, Chateau Delice representa más que solo una propiedad; es una inversión en un estilo de vida. La villa ofrece privacidad, lujo y una experiencia de vida inigualable que es difícil de encontrar en el mercado actual. Es perfecta para aquellos que valoran la elegancia y buscan un retiro que también pueda servir como un lugar para eventos exclusivos. <h3>Ejemplo de Caso: Organizar un Gran Evento</h3> Imagine organizar una boda en Chateau Delice, donde hasta 150 invitados pueden disfrutar de los exquisitos terrenos de la villa. Sin restricciones de sonido y con instalaciones para acomodar una gran reunión, la propiedad se transforma en un lugar de ensueño. Las acomodaciones de la villa pueden albergar hasta 20 invitados, asegurando comodidad y conveniencia para familiares y amigos cercanos. <h2>Lista de Verificación para Considerar Chateau Delice</h2> <ul> <li>Evalúe la combinación única de arquitectura francesa y española de la villa.</li> <li>Considere el equilibrio de la ubicación entre aislamiento y accesibilidad.</li> <li>Evalúe el potencial de la villa para albergar grandes eventos.</li> <li>Explore las comodidades, incluida la piscina de agua salada y la cocina gourmet.</li> <li>Investigue los servicios de conserjería disponibles para una experiencia personalizada.</li> </ul> <h2>Preguntas Frecuentes</h2> <h3>¿Puede Chateau Delice albergar grandes eventos?</h3> <p>Sí, la villa puede albergar eventos para hasta 150 invitados sin restricciones de sonido, lo que la hace ideal para bodas y grandes reuniones.</p> <h3>¿Qué estilo arquitectónico presenta Chateau Delice?</h3> <p>La villa combina la elegancia francesa con el encanto español, creando una estética única y lujosa.</p> <h3>¿Ofrece Chateau Delice servicios de conserjería en el lugar?</h3> <p>Sí, hay servicios de conserjería a tiempo completo disponibles para personalizar su estancia y mejorar su experiencia.</p> <h3>¿Qué tan accesible es Chateau Delice?</h3> <p>Chateau Delice está convenientemente ubicado a 30 minutos del Aeropuerto Internacional de Málaga y cerca del centro de Marbella.</p> <h2>Explore Más Opciones de Vida de Lujo</h2> Para aquellos que consideran un entorno más urbano, un <a href="/en/properties/penthouse-marbella-bd2718">ático en Marbella</a> ofrece una diferente porción de lujo con vistas panorámicas y comodidades modernas. Alternativamente, la <a href="/en/properties/villa-marbella-golden-mile-rocio-de-nagueles-cp7758">villa de la Milla de Oro</a> proporciona opulencia y proximidad a la vibrante escena social de Marbella. Finalmente, para aquellos que buscan una estancia a corto plazo, <a href="https://marbellaluxuryrentals.com/es/properties-for-sale">Marbella Luxury Rentals &amp; Sales</a> ofrece una selección curada de propiedades que satisfacen todas las necesidades de lujo, asegurando una experiencia sin igual e inolvidable en Marbella.
        </div>

        <!-- Tags Section -->
                <div class="blog-tags" style="margin-top: 4rem; padding-top: 2.5rem; border-top: 1px solid #e8e8e8;">
            <h3 style="font-size: 0.875rem; margin-bottom: 1rem; color: #666; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">Tags</h3>
            <div style="display: flex; flex-wrap: wrap; gap: 0.75rem;">
                                    <a href="https://marbellaluxuryrentals.com/es/blog/tag/chateau-delice" 
                       style="padding: 0.625rem 1.25rem; background: #f5f7fa; border-radius: 6px; text-decoration: none; color: #0066cc; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; border: 1px solid #e8e8e8;">
                        #Chateau Delice
                    </a>
                                    <a href="https://marbellaluxuryrentals.com/es/blog/tag/marbella-luxury-villa" 
                       style="padding: 0.625rem 1.25rem; background: #f5f7fa; border-radius: 6px; text-decoration: none; color: #0066cc; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; border: 1px solid #e8e8e8;">
                        #Marbella luxury villa
                    </a>
                                    <a href="https://marbellaluxuryrentals.com/es/blog/tag/exclusive-retreat" 
                       style="padding: 0.625rem 1.25rem; background: #f5f7fa; border-radius: 6px; text-decoration: none; color: #0066cc; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; border: 1px solid #e8e8e8;">
                        #exclusive retreat
                    </a>
                                    <a href="https://marbellaluxuryrentals.com/es/blog/tag/french-spanish-design" 
                       style="padding: 0.625rem 1.25rem; background: #f5f7fa; border-radius: 6px; text-decoration: none; color: #0066cc; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; border: 1px solid #e8e8e8;">
                        #French-Spanish design
                    </a>
                            </div>
        </div>
        
        <div class="blog-disclaimer" style="margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #e8e8e8;">
            <h3 style="font-size: 0.875rem; margin-bottom: 0.75rem; color: #666; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">Aviso del Blog</h3>
            <p style="margin: 0; color: #6b7280; font-size: 0.95rem; line-height: 1.6;">La información proporcionada en este blog es solo para fines informativos.</p>
            <div style="margin-top: 0.75rem;">
                <a href="https://marbellaluxuryrentals.com/es/contact" style="color: #0066cc; text-decoration: none; font-weight: 500;">Contáctenos</a>
                <span style="color: #9ca3af; padding: 0 0.5rem;">·</span>
                <a href="https://marbellaluxuryrentals.com/es/disclaimer" style="color: #0066cc; text-decoration: none; font-weight: 500;">Aviso legal</a>
                <span style="color: #9ca3af; padding: 0 0.5rem;">·</span>
                <a href="https://marbellaluxuryrentals.com/es/terms" style="color: #0066cc; text-decoration: none; font-weight: 500;">Términos</a>
            </div>
        </div>
        
        </div>
        
        <!-- Right Sidebar for Property Cards (like ads) -->
        <aside class="blog-sidebar" style="width: 320px; flex-shrink: 0;">
                        
                    </aside>
    </div>

        <!-- Share Buttons -->
        <div class="blog-share" style="margin-top: 4rem; padding: 2.5rem; background: #f8f9fa; border-radius: 12px; text-align: center;">
            <h3 style="font-size: 1rem; margin-bottom: 1.5rem; color: #333; font-weight: 600;">Compartir este artículo</h3>
            <div style="display: flex; justify-content: center; gap: 0.75rem; flex-wrap: wrap;">
                <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fmarbellaluxuryrentals.com%2Fes%2Fblog%2Fchateau-delice-inside-one-of-marbellas-most-exclusive-villas-es" 
                   target="_blank" 
                   rel="noopener"
                   style="padding: 0.875rem 1.75rem; background: #1877f2; color: white; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.9375rem; transition: transform 0.2s, box-shadow 0.2s; display: inline-flex; align-items: center; gap: 0.5rem;">
                    <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
                    Facebook
                </a>
                <a href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fmarbellaluxuryrentals.com%2Fes%2Fblog%2Fchateau-delice-inside-one-of-marbellas-most-exclusive-villas-es&text=Chateau+Delice%3A+Dentro+de+una+de+las+Villas+M%C3%A1s+Exclusivas+de+Marbella" 
                   target="_blank" 
                   rel="noopener"
                   style="padding: 0.875rem 1.75rem; background: #1da1f2; color: white; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.9375rem; transition: transform 0.2s, box-shadow 0.2s; display: inline-flex; align-items: center; gap: 0.5rem;">
                    <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
                    Twitter
                </a>
                <a href="https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fmarbellaluxuryrentals.com%2Fes%2Fblog%2Fchateau-delice-inside-one-of-marbellas-most-exclusive-villas-es" 
                   target="_blank" 
                   rel="noopener"
                   style="padding: 0.875rem 1.75rem; background: #0077b5; color: white; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.9375rem; transition: transform 0.2s, box-shadow 0.2s; display: inline-flex; align-items: center; gap: 0.5rem;">
                    <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
                    LinkedIn
                </a>
                <a href="https://wa.me/?text=Chateau+Delice%3A+Dentro+de+una+de+las+Villas+M%C3%A1s+Exclusivas+de+Marbella+http%3A%2F%2Fmarbellaluxuryrentals.com%2Fes%2Fblog%2Fchateau-delice-inside-one-of-marbellas-most-exclusive-villas-es" 
                   target="_blank" 
                   rel="noopener"
                   style="padding: 0.875rem 1.75rem; background: #25d366; color: white; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.9375rem; transition: transform 0.2s, box-shadow 0.2s; display: inline-flex; align-items: center; gap: 0.5rem;">
                    <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>
                    WhatsApp
                </a>
            </div>
        </div>

        <!-- Related Posts -->
                <div class="blog-related" style="margin-top: 5rem; padding-left: 2rem; padding-right: 2rem;">
            <h2 style="font-size: 2rem; margin-bottom: 2.5rem; color: #1a1a1a; font-weight: 700;">Related Posts</h2>
            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem;">
                                    <article style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s; border: 1px solid #f0f0f0;">
                                                <div style="padding: 1.75rem;">
                            <h3 style="font-size: 1.125rem; margin-bottom: 0.75rem; line-height: 1.4; font-weight: 600;">
                                <a href="https://marbellaluxuryrentals.com/es/blog/living-the-marbella-lifestyle-tips-for-discerning-residents-es" 
                                   style="color: #1a1a1a; text-decoration: none;">
                                    Viviendo el Estilo de Vida de Marbella: Consejos para Residentes Exigentes
                                </a>
                            </h3>
                            <div style="font-size: 0.875rem; color: #999;">
                                Mar 30
                            </div>
                        </div>
                    </article>
                                    <article style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s; border: 1px solid #f0f0f0;">
                                                <div style="padding: 1.75rem;">
                            <h3 style="font-size: 1.125rem; margin-bottom: 0.75rem; line-height: 1.4; font-weight: 600;">
                                <a href="https://marbellaluxuryrentals.com/es/blog/villas-frente-al-mar-en-marbella-guia-de-inversion-en-ingresos-por-alquiler" 
                                   style="color: #1a1a1a; text-decoration: none;">
                                    Villas Frente al Mar en Marbella: Guía de Inversión en Ingresos por Alquiler
                                </a>
                            </h3>
                            <div style="font-size: 0.875rem; color: #999;">
                                Apr 01
                            </div>
                        </div>
                    </article>
                                    <article style="background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s; border: 1px solid #f0f0f0;">
                                                <div style="padding: 1.75rem;">
                            <h3 style="font-size: 1.125rem; margin-bottom: 0.75rem; line-height: 1.4; font-weight: 600;">
                                <a href="https://marbellaluxuryrentals.com/es/blog/frontline-golf-villas-in-nueva-andalucia-the-ultimate-guide-es" 
                                   style="color: #1a1a1a; text-decoration: none;">
                                    Villas de Golf en Primera Línea en Nueva Andalucía: La Guía Definitiva
                                </a>
                            </h3>
                            <div style="font-size: 0.875rem; color: #999;">
                                Apr 01
                            </div>
                        </div>
                    </article>
                            </div>
        </div>
        
        <!-- CTA -->
        <div class="blog-cta" style="margin-top: 5rem; padding: 4rem 3rem; background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%); border-radius: 16px; text-align: center; color: white; box-shadow: 0 10px 40px rgba(0,102,204,0.2);">
            <p style="font-size: 1.25rem; margin-bottom: 2.5rem; opacity: 0.95; line-height: 1.6;">
                Find luxury properties here
            </p>
            <div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
                <a href="https://marbellaluxuryrentals.com/es/properties-for-sale" 
                   style="background: white; color: #0066cc; padding: 1rem 2rem; font-size: 1.125rem; font-weight: 600; border-radius: 8px; text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;">
                    Propiedades en venta
                </a>
                <a href="https://marbellaluxuryrentals.com/es/long-term-rentals" 
                   style="background: white; color: #0066cc; padding: 1rem 2rem; font-size: 1.125rem; font-weight: 600; border-radius: 8px; text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;">
                    Alquileres de larga temporada
                </a>
                <a href="https://marbellaluxuryrentals.com/es/holiday-rentals" 
                   style="background: white; color: #0066cc; padding: 1rem 2rem; font-size: 1.125rem; font-weight: 600; border-radius: 8px; text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;">
                    Alquiler vacacional
                </a>
            </div>
        </div>
        </div>
    </div>
</article>


    </main>
    <footer>
        <div class="container">
            <div>
                <h4>Marbella Luxury Rentals &amp; Sales</h4>
                <p>Su socio de confianza para propiedades de lujo en Marbella</p>
            </div>
            <div>
                <h4>Enlaces rápidos</h4>
                <ul style="list-style: none;">
                    <li><a href="https://marbellaluxuryrentals.com/es/properties-for-sale">Propiedades en venta</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/es/long-term-rentals">Alquileres de larga temporada</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/es/holiday-rentals">Alquiler vacacional</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/partner/login">Inicio de sesión de socio</a></li>
                </ul>
            </div>
            <div>
                <h4>Legal</h4>
                <ul style="list-style: none;">
                    <li><a href="https://marbellaluxuryrentals.com/es/privacy-policy">Privacidad</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/es/terms">Términos</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/es/disclaimer">Aviso legal</a></li>
                    <li><a href="https://marbellaluxuryrentals.com/es/cookie-settings">Ajustes de cookies</a></li>
                </ul>
            </div>
            <div>
                <h4>Contacto</h4>
                <p>Email: <a href="mailto:info@marbellaluxuryrentals.com" style="color: rgba(255,255,255,0.8);">info@marbellaluxuryrentals.com</a></p>
                <p>Phone: <a href="tel:+34640830461" class="ga4-phone-click" data-phone="+34640830461" data-location="footer" style="color: rgba(255,255,255,0.8);">+34 640 830 461</a></p>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 Marbella Luxury Rentals &amp; Sales. Todos los derechos reservados.</p>
            </div>
        </div>
    </footer>
    <a href="https://wa.me/34640830461" target="_blank" rel="noopener" class="floating-whatsapp ga4-whatsapp-click" data-location="floating_button" aria-label="WhatsApp">WA</a>
    <div id="cookie-consent-banner" style="display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(10, 25, 41, 0.98); color: #fff; padding: 1rem 1.25rem; border-top: 1px solid rgba(212, 175, 55, 0.25);">
        <div class="container" style="max-width: 1100px; display: flex; gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap;">
            <div style="min-width: 260px; flex: 1;">
                <div style="font-weight: 700; margin-bottom: 0.25rem;">Cookies</div>
                <div style="color: rgba(255,255,255,0.85); line-height: 1.4;">
                    Usamos cookies necesarias para que el sitio funcione y, si lo aceptas, cookies analíticas para mejorar.
                    <a href="https://marbellaluxuryrentals.com/es/cookie-settings" style="color: #D4AF37; text-decoration: none; font-weight: 600;">
                        Ajustes
                    </a>
                </div>
            </div>
            <div style="display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: center;">
                <button type="button" id="cc-accept-all" style="background: #D4AF37; color: #0A1929; border: 0; border-radius: 10px; padding: 0.85rem 1.75rem; font-weight: 800; cursor: pointer; font-size: 1rem; transition: transform 0.2s ease;" onmouseover="this.style.transform='scale(1.03)'" onmouseout="this.style.transform='scale(1)'">
                    Aceptar todo
                </button>
                <button type="button" id="cc-essential" style="background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.35); border-radius: 10px; padding: 0.65rem 1rem; font-weight: 600; cursor: pointer; font-size: 0.9rem; opacity: 0.85;">
                    Solo necesarias
                </button>
                <a href="https://marbellaluxuryrentals.com/es/cookie-settings" style="background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.35); border-radius: 10px; padding: 0.65rem 1rem; font-weight: 600; text-decoration: none; display: inline-block; font-size: 0.9rem; opacity: 0.85;">
                    Personalizar
                </a>
            </div>
        </div>
    </div>
        <div id="lead-capture-overlay" style="display:none; position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 10000;"></div>
    <div id="lead-capture-panel" style="display:none; position: fixed; right: 18px; bottom: 18px; width: min(420px, calc(100vw - 36px)); z-index: 10001; background: #fff; border-radius: 14px; box-shadow: 0 14px 38px rgba(0,0,0,0.25); overflow: hidden;">
        <div style="padding: 1rem 1.1rem; background: #0A1929; color: #fff; display: flex; align-items: start; justify-content: space-between; gap: 1rem;">
            <div style="flex: 1;">
                <div id="lead-capture-title" style="font-weight: 800; font-size: 1.05rem; line-height: 1.25;">Get updates</div>
                <div id="lead-capture-subtitle" style="margin-top: 0.25rem; color: rgba(255,255,255,0.85); font-size: 0.92rem; line-height: 1.35;">Get the best options sent to you.</div>
            </div>
            <button type="button" id="lead-capture-close" aria-label="Close" style="border: 0; background: transparent; color: rgba(255,255,255,0.9); font-size: 1.2rem; line-height: 1; cursor: pointer;">×</button>
        </div>
        <div style="padding: 1rem 1.1rem;">
            <div id="lead-capture-badges" style="display:flex; gap:0.5rem; flex-wrap: wrap; margin-bottom: 0.9rem;"></div>

            <form id="lead-capture-form" method="POST" action="https://marbellaluxuryrentals.com/es/lead-capture" style="display:flex; flex-direction: column; gap: 0.75rem;">
                <input type="hidden" name="_token" value="N7PjOx1PE1yhgLBBSQ5ozU2ylsLWQkBDPa0PxlZy" autocomplete="off">                <input type="hidden" name="intent" id="lead_intent" value="">
                <input type="hidden" name="variant" id="lead_variant" value="">
                <input type="hidden" name="contact_method" id="lead_contact_method" value="">
                <input type="hidden" name="timeline" id="lead_timeline" value="">
                <input type="hidden" name="page_url" id="lead_page_url" value="">
                <input type="hidden" name="property_id" id="lead_property_id" value="">
                <input type="hidden" name="property_reference" id="lead_property_reference" value="">
                <input type="hidden" name="property_url" id="lead_property_url" value="">
                <input type="hidden" name="criteria[page_type]" id="lead_criteria_page_type" value="">
                <input type="hidden" name="criteria[path]" id="lead_criteria_path" value="">
                <input type="hidden" name="criteria[query]" id="lead_criteria_query" value="">
                <input type="hidden" name="utm[source]" id="lead_utm_source" value="">
                <input type="hidden" name="utm[medium]" id="lead_utm_medium" value="">
                <input type="hidden" name="utm[campaign]" id="lead_utm_campaign" value="">
                <input type="hidden" name="utm[term]" id="lead_utm_term" value="">
                <input type="hidden" name="utm[content]" id="lead_utm_content" value="">
                <input type="text" name="website" autocomplete="off" tabindex="-1" style="position:absolute; left:-9999px; height:1px; width:1px; opacity:0;">
                <input type="hidden" name="form_load_time" id="lead_form_load_time" value="">
                <input type="hidden" name="form_token" value="eyJpdiI6InBaMUFkRUMrOW5Lb09GbGgvZzBTcnc9PSIsInZhbHVlIjoiTWVrL0tNMjdQZnhQNWlOTUJ3MUxoVGlyak1Rblp3SkZYZmNIMUc5K2ZTZDFOaTFPc0Y3WnVkTit4U1pEWm4za2JGL0lzZ2F3TUxPMnlEUGFFNytGN2pTL2ZBTzF3djg0M0ozS1FLOUk4RDJ0YmhDY2hLRy9ZaXdFblNhcldjZTFldmtrU2Y0c2NRQVN2bWljcmVxZkl3PT0iLCJtYWMiOiI3Y2M1MDc1MjQzMDA0MTZmM2U5ZDBhMDY0Y2I5OTg3N2NlN2ZjMTM3ZmIwYzg3NGJkYjczMjBmN2IyMTQyODViIiwidGFnIjoiIn0=">

                <div id="lead-field-name">
                    <label for="lead_name" style="display:block; font-size:0.9rem; font-weight:600; margin-bottom:0.35rem; color:#111827;">Name</label>
                    <input id="lead_name" name="name" type="text" autocomplete="name" inputmode="text" required style="width:100%; padding:0.75rem 0.8rem; border:1px solid #e5e7eb; border-radius:10px; font-size:0.95rem;">
                </div>

                <div id="lead-field-email">
                    <label for="lead_email" style="display:block; font-size:0.9rem; font-weight:600; margin-bottom:0.35rem; color:#111827;">Email</label>
                    <input id="lead_email" name="email" type="email" autocomplete="email" inputmode="email" required style="width:100%; padding:0.75rem 0.8rem; border:1px solid #e5e7eb; border-radius:10px; font-size:0.95rem;">
                </div>

                <div id="lead-field-interest">
                    <label for="lead_interest" style="display:block; font-size:0.9rem; font-weight:600; margin-bottom:0.35rem; color:#111827;">Interés de propiedad</label>
                    <select id="lead_interest" name="criteria[property_interest]" style="width:100%; padding:0.75rem 0.8rem; border:1px solid #e5e7eb; border-radius:10px; font-size:0.95rem; background:#fff;">
                        <option value="holiday">Vacacional</option>
                        <option value="long_term">Larga temporada</option>
                        <option value="buy">Venta</option>
                    </select>
                </div>

                <div id="lead-field-phone" style="display:none;">
                    <label for="lead_phone" style="display:block; font-size:0.9rem; font-weight:600; margin-bottom:0.35rem; color:#111827;">WhatsApp</label>
                    <input id="lead_phone" name="phone" type="tel" autocomplete="tel" inputmode="tel" placeholder="+34..." style="width:100%; padding:0.75rem 0.8rem; border:1px solid #e5e7eb; border-radius:10px; font-size:0.95rem;">
                </div>

                <div id="lead-timeline-wrap" style="display:none;">
                    <div style="font-size:0.9rem; font-weight:700; margin-bottom:0.45rem; color:#111827;">¿Cuándo tiene previsto comprar?</div>
                    <div style="display:flex; gap:0.5rem; flex-wrap: wrap;">
                        <button type="button" class="lead-timeline-btn" data-value="0_3" style="padding:0.55rem 0.75rem; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer; font-weight:700; font-size:0.9rem;">0–3 meses</button>
                        <button type="button" class="lead-timeline-btn" data-value="3_6" style="padding:0.55rem 0.75rem; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer; font-weight:700; font-size:0.9rem;">3–6 meses</button>
                        <button type="button" class="lead-timeline-btn" data-value="6_12" style="padding:0.55rem 0.75rem; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer; font-weight:700; font-size:0.9rem;">6–12 meses</button>
                        <button type="button" class="lead-timeline-btn" data-value="12_plus" style="padding:0.55rem 0.75rem; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer; font-weight:700; font-size:0.9rem;">12+ meses</button>
                    </div>
                </div>

                <div style="display:flex; gap:0.6rem; align-items:center; justify-content: space-between; flex-wrap: wrap;">
                    <div id="lead-consent-text" style="color:#6b7280; font-size:0.82rem; line-height:1.35; flex: 1;">
                        Actualizaciones discretas. Sin spam.
                        <a href="https://marbellaluxuryrentals.com/es/privacy-policy" style="color:#0066cc; text-decoration:none; font-weight:600;">Privacidad</a>
                    </div>
                    <button type="submit" id="lead-submit" style="background:#D4AF37; color:#0A1929; border:0; border-radius: 10px; padding:0.75rem 1rem; font-weight:800; cursor:pointer; white-space:nowrap;">Solicitar acceso privado</button>
                </div>
                <div style="color:#9ca3af; font-size:0.74rem; line-height:1.3; margin-top:-0.2rem;">Puede darse de baja en cualquier momento.</div>
                <div id="lead-capture-success" style="display:none; margin-top:0.25rem; padding:0.75rem 0.85rem; border-radius: 10px; background: rgba(16,185,129,0.12); color:#065f46; font-weight:700; font-size:0.9rem;">
                    Gracias — nos pondremos en contacto en breve.
                </div>
                <div id="lead-capture-error" style="display:none; margin-top:0.25rem; padding:0.75rem 0.85rem; border-radius: 10px; background: rgba(239,68,68,0.10); color:#7f1d1d; font-weight:700; font-size:0.9rem;">
                    Algo salió mal. Por favor, inténtelo de nuevo.
                </div>
            </form>
        </div>
    </div>
    <script>
        (function () {
            const locale = "es";
            const isPublic = !(location.pathname.startsWith('/admin') || location.pathname.startsWith('/partner'));
            if (!isPublic) return;

            const overlay = document.getElementById('lead-capture-overlay');
            const panel = document.getElementById('lead-capture-panel');
            const closeBtn = document.getElementById('lead-capture-close');
            const form = document.getElementById('lead-capture-form');
            const titleEl = document.getElementById('lead-capture-title');
            const subtitleEl = document.getElementById('lead-capture-subtitle');
            const badgesEl = document.getElementById('lead-capture-badges');
            const successEl = document.getElementById('lead-capture-success');
            const errorEl = document.getElementById('lead-capture-error');
            const submitBtn = document.getElementById('lead-submit');

            const fieldName = document.getElementById('lead-field-name');
            const fieldEmail = document.getElementById('lead-field-email');
            const fieldPhone = document.getElementById('lead-field-phone');
            const timelineWrap = document.getElementById('lead-timeline-wrap');

            const inputIntent = document.getElementById('lead_intent');
            const inputVariant = document.getElementById('lead_variant');
            const inputContactMethod = document.getElementById('lead_contact_method');
            const inputTimeline = document.getElementById('lead_timeline');
            const inputPageUrl = document.getElementById('lead_page_url');
            const inputPropertyId = document.getElementById('lead_property_id');
            const inputPropertyRef = document.getElementById('lead_property_reference');
            const inputPropertyUrl = document.getElementById('lead_property_url');
            const inputCriteriaPath = document.getElementById('lead_criteria_path');
            const inputCriteriaQuery = document.getElementById('lead_criteria_query');
            const utmSource = document.getElementById('lead_utm_source');
            const utmMedium = document.getElementById('lead_utm_medium');
            const utmCampaign = document.getElementById('lead_utm_campaign');
            const utmTerm = document.getElementById('lead_utm_term');
            const utmContent = document.getElementById('lead_utm_content');
            const loadTime = document.getElementById('lead_form_load_time');

            const leadName = document.getElementById('lead_name');
            const leadEmail = document.getElementById('lead_email');
            const leadPhone = document.getElementById('lead_phone');
            const leadInterest = document.getElementById('lead_interest');

            const now = Date.now();
            const pageLoadSeconds = Math.floor(now / 1000);
            loadTime.value = pageLoadSeconds.toString();

            const getQS = () => {
                try { return new URLSearchParams(location.search); } catch (e) { return null; }
            };
            const qs = getQS();
            if (qs) {
                utmSource.value = qs.get('utm_source') || '';
                utmMedium.value = qs.get('utm_medium') || '';
                utmCampaign.value = qs.get('utm_campaign') || '';
                utmTerm.value = qs.get('utm_term') || '';
                utmContent.value = qs.get('utm_content') || '';
            }
            const forceOpen = !!(qs && (qs.get('lc') === '1' || qs.get('lead_capture') === '1'));

            const storageGet = (k) => {
                try { return localStorage.getItem(k); } catch (e) { return null; }
            };
            const storageSet = (k, v) => {
                try { localStorage.setItem(k, v); } catch (e) {}
            };
            const storageDel = (k) => {
                try { localStorage.removeItem(k); } catch (e) {}
            };

            const dismissedUntil = parseInt(storageGet('mrl_lead_popup_dismissed_until_v2') || '0', 10);
            if (!forceOpen) {
                if (Date.now() < dismissedUntil) {
                    return;
                }
                if (storageGet('mrl_lead_popup_submitted_v2') === '1') {
                    return;
                }
            }

            const pick = (key, a, b) => {
                const existing = storageGet(key);
                if (existing === a || existing === b) return existing;
                const v = (Math.random() < 0.5) ? a : b;
                storageSet(key, v);
                return v;
            };

            const detectIntent = () => {
                const path = location.pathname.toLowerCase();
                if (path.includes('/holiday-rentals')) return 'holiday';
                if (path.includes('/long-term-rentals')) return 'long_term';
                if (path.includes('/properties-for-sale')) return 'buy';
                const p = window.__mrlProperty || null;
                if (p && typeof p === 'object') {
                    if (p.is_short_term) return 'holiday';
                    if (p.is_long_term) return 'long_term';
                    if (p.is_sale) return 'buy';
                }
                return 'fallback';
            };

            const isLuxury = () => {
                const p = window.__mrlProperty || null;
                if (!p || typeof p !== 'object') return false;
                const sale = parseInt(p.sale_price || '0', 10);
                const month = parseInt(p.monthly_price || '0', 10);
                const week = parseInt(p.weekly_price_from || '0', 10);
                if (sale >= 5000000) return true;
                if (month >= 15000) return true;
                if (week >= 15000) return true;
                return false;
            };

            const copy = {
                en: {
                    holiday: {
                        title: 'Check availability for your dates',
                        subtitle: 'Share your WhatsApp or email — we’ll confirm availability and send similar villas.',
                        variants: {
                            alerts: 'Save this search — get availability updates for your dates.',
                            similar: 'Share your WhatsApp or email — we’ll confirm availability and send similar villas.',
                        },
                        badge: 'Holiday rentals',
                    },
                    long_term: {
                        title: 'Get long-term rentals first',
                        subtitle: 'Save this search — we’ll send matching long-term rentals.',
                        variants: {
                            alerts: 'Save this search — get new long-term rentals that match your criteria.',
                            similar: 'Tell us what you need — we’ll send matching long-term rentals as they come in.',
                        },
                        badge: 'Long-term rentals',
                    },
                    buy: {
                        title: 'Get a buyer shortlist',
                        subtitle: 'Get new listings, price drops, and off-market options.',
                        variants: {
                            alerts: 'Save this search — get new listings and price drops.',
                            similar: 'Tell us your area and budget — we’ll send a curated shortlist.',
                        },
                        badge: 'For sale',
                    },
                    fallback: {
                        title: 'Get matched options',
                        subtitle: 'Tell us what you want and we’ll send matching options.',
                        variants: {
                            alerts: 'Save this search — get updates when new options match.',
                            similar: 'Tell us what you want and we’ll send matching options.',
                        },
                        badge: 'Updates',
                    },
                    cta: {
                        email: 'Email me',
                        whatsapp: 'WhatsApp me',
                    },
                    luxuryBadge: 'Private',
                    buyLuxuryTitle: 'Request a private shortlist',
                },
                es: {
                    holiday: {
                        title: 'Comprueba disponibilidad para tus fechas',
                        subtitle: 'Déjanos tu WhatsApp o email — confirmamos disponibilidad y enviamos opciones similares.',
                        variants: {
                            alerts: 'Guarda esta búsqueda y recibe actualizaciones de disponibilidad para tus fechas.',
                            similar: 'Déjanos tu WhatsApp o email — confirmamos disponibilidad y enviamos opciones similares.',
                        },
                        badge: 'Alquiler vacacional',
                    },
                    long_term: {
                        title: 'Recibe nuevas opciones de larga temporada',
                        subtitle: 'Guarda esta búsqueda y te enviamos opciones según tus criterios.',
                        variants: {
                            alerts: 'Guarda esta búsqueda y recibe nuevas opciones de larga temporada.',
                            similar: 'Dinos lo que buscas y te enviamos opciones de larga temporada.',
                        },
                        badge: 'Larga temporada',
                    },
                    buy: {
                        title: 'Recibe una selección de compra',
                        subtitle: 'Nuevas propiedades, bajadas de precio y opciones off-market.',
                        variants: {
                            alerts: 'Guarda esta búsqueda y recibe nuevas propiedades y bajadas de precio.',
                            similar: 'Dinos zona y presupuesto y te enviamos una selección.',
                        },
                        badge: 'En venta',
                    },
                    fallback: {
                        title: 'Recibe opciones a medida',
                        subtitle: 'Dinos lo que buscas y te enviamos opciones.',
                        variants: {
                            alerts: 'Guarda esta búsqueda y recibe novedades cuando haya opciones.',
                            similar: 'Dinos lo que buscas y te enviamos opciones.',
                        },
                        badge: 'Novedades',
                    },
                    cta: {
                        email: 'Por email',
                        whatsapp: 'Por WhatsApp',
                    },
                    luxuryBadge: 'Privado',
                    buyLuxuryTitle: 'Solicita una selección privada',
                },
                de: {
                    holiday: {
                        title: 'Verfügbarkeit für Ihre Termine prüfen',
                        subtitle: 'Teilen Sie uns Ihr WhatsApp oder E-Mail mit – wir bestätigen die Verfügbarkeit und senden Ihnen ähnliche Villen.',
                        variants: {
                            alerts: 'Diese Suche speichern – erhalten Sie Updates zur Verfügbarkeit für Ihre Termine.',
                            similar: 'Teilen Sie uns Ihr WhatsApp oder E-Mail mit – wir bestätigen die Verfügbarkeit und senden Ihnen ähnliche Villen.',
                        },
                        badge: 'Ferienvermietung',
                    },
                    long_term: {
                        title: 'Langzeitmieten zuerst erhalten',
                        subtitle: 'Diese Suche speichern – wir senden Ihnen passende Langzeitmieten.',
                        variants: {
                            alerts: 'Diese Suche speichern – erhalten Sie neue Langzeitmieten, die Ihren Kriterien entsprechen.',
                            similar: 'Sagen Sie uns, was Sie brauchen – wir senden Ihnen passende Langzeitmieten, sobald diese verfügbar sind.',
                        },
                        badge: 'Langzeitmiete',
                    },
                    buy: {
                        title: 'Käufer-Shortlist erhalten',
                        subtitle: 'Erhalten Sie neue Angebote, Preissenkungen und Off-Market-Optionen.',
                        variants: {
                            alerts: 'Diese Suche speichern – erhalten Sie neue Angebote und Preissenkungen.',
                            similar: 'Nennen Sie uns Ihre Gegend und Ihr Budget – wir senden Ihnen eine kuratierte Shortlist.',
                        },
                        badge: 'Zum Verkauf',
                    },
                    fallback: {
                        title: 'Passende Optionen erhalten',
                        subtitle: 'Sagen Sie uns, was Sie suchen, und wir senden Ihnen passende Optionen.',
                        variants: {
                            alerts: 'Diese Suche speichern – erhalten Sie Updates, wenn neue Optionen passen.',
                            similar: 'Sagen Sie uns, was Sie suchen, und wir senden Ihnen passende Optionen.',
                        },
                        badge: 'Updates',
                    },
                    cta: {
                        email: 'E-Mail an mich',
                        whatsapp: 'WhatsApp an mich',
                    },
                    luxuryBadge: 'Privat',
                    buyLuxuryTitle: 'Private Shortlist anfordern',
                },
                fr: {
                    holiday: {
                        title: 'Vérifier la disponibilité pour vos dates',
                        subtitle: 'Partagez votre WhatsApp ou e-mail — nous confirmerons la disponibilité et enverrons des villas similaires.',
                        variants: {
                            alerts: 'Enregistrer cette recherche — recevez des mises à jour de disponibilité pour vos dates.',
                            similar: 'Partagez votre WhatsApp ou e-mail — nous confirmerons la disponibilité et enverrons des villas similaires.',
                        },
                        badge: 'Locations de vacances',
                    },
                    long_term: {
                        title: 'Recevoir les locations longue durée en priorité',
                        subtitle: 'Enregistrer cette recherche — nous vous enverrons les locations longue durée correspondantes.',
                        variants: {
                            alerts: 'Enregistrer cette recherche — recevez les nouvelles locations longue durée correspondant à vos critères.',
                            similar: 'Dites-nous ce dont vous avez besoin — nous vous enverrons les locations longue durée correspondantes dès qu\'elles sont disponibles.',
                        },
                        badge: 'Locations longue durée',
                    },
                    buy: {
                        title: 'Recevoir une sélection d\'achat',
                        subtitle: 'Recevez les nouvelles annonces, les baisses de prix et les options hors marché.',
                        variants: {
                            alerts: 'Enregistrer cette recherche — recevez les nouvelles annonces et les baisses de prix.',
                            similar: 'Dites-nous votre secteur et votre budget — nous vous enverrons une sélection personnalisée.',
                        },
                        badge: 'À vendre',
                    },
                    fallback: {
                        title: 'Recevoir des options adaptées',
                        subtitle: 'Dites-nous ce que vous voulez et nous vous enverrons des options correspondantes.',
                        variants: {
                            alerts: 'Enregistrer cette recherche — recevez des mises à jour lorsque de nouvelles options correspondent.',
                            similar: 'Dites-nous ce que vous voulez et nous vous enverrons des options correspondantes.',
                        },
                        badge: 'Mises à jour',
                    },
                    cta: {
                        email: 'M\'envoyer un e-mail',
                        whatsapp: 'M\'envoyer un WhatsApp',
                    },
                    luxuryBadge: 'Privé',
                    buyLuxuryTitle: 'Demander une sélection privée',
                },
                sv: {
                    holiday: {
                        title: 'Kontrollera tillgänglighet för dina datum',
                        subtitle: 'Dela din WhatsApp eller e-post — vi bekräftar tillgänglighet och skickar liknande villor.',
                        variants: {
                            alerts: 'Spara denna sökning — få uppdateringar om tillgänglighet för dina datum.',
                            similar: 'Dela din WhatsApp eller e-post — vi bekräftar tillgänglighet och skickar liknande villor.',
                        },
                        badge: 'Semesterbostäder',
                    },
                    long_term: {
                        title: 'Få långtidsuthyrningar först',
                        subtitle: 'Spara denna sökning — vi skickar matchande långtidsuthyrningar.',
                        variants: {
                            alerts: 'Spara denna sökning — få nya långtidsuthyrningar som matchar dina kriterier.',
                            similar: 'Berätta vad du behöver — vi skickar matchande långtidsuthyrningar så snart de kommer in.',
                        },
                        badge: 'Långtidsuthyrning',
                    },
                    buy: {
                        title: 'Få en lista för köpare',
                        subtitle: 'Få nya listningar, prissänkningar och off-market alternativ.',
                        variants: {
                            alerts: 'Spara denna sökning — få nya listningar och prissänkningar.',
                            similar: 'Berätta om ditt område och budget — vi skickar en kurerad lista.',
                        },
                        badge: 'Till salu',
                    },
                    fallback: {
                        title: 'Få matchade alternativ',
                        subtitle: 'Berätta vad du vill ha så skickar vi matchande alternativ.',
                        variants: {
                            alerts: 'Spara denna sökning — få uppdateringar när nya alternativ matchar.',
                            similar: 'Berätta vad du vill ha så skickar vi matchande alternativ.',
                        },
                        badge: 'Uppdateringar',
                    },
                    cta: {
                        email: 'Mejla mig',
                        whatsapp: 'WhatsAppa mig',
                    },
                    luxuryBadge: 'Privat',
                    buyLuxuryTitle: 'Begär en privat lista',
                }
            };

            const intent = detectIntent();
            const lang = copy[locale] ? locale : 'en';
            const content = copy[lang][intent] || copy[lang].fallback;
            const luxury = isLuxury();
            const interestLabels = {
                en: { holiday: 'Holiday', long_term: 'Long-term', buy: 'Sale' },
                es: { holiday: 'Alquiler vacacional', long_term: 'Alquiler larga estancia', buy: 'Compra' },
                de: { holiday: 'Ferienvermietung', long_term: 'Langzeitmiete', buy: 'Verkauf' },
                fr: { holiday: 'Vacances', long_term: 'Longue durée', buy: 'Vente' },
                sv: { holiday: 'Semester', long_term: 'Långtidsuthyrning', buy: 'Försäljning' }
            };

            const contactMethod = 'email';

            const messageVariant = pick('mrl_ab_message_' + intent, 'alerts', 'similar');

            const staticCopy = {
                en: {
                    title: 'Join our exclusive inner circle of discerning villa guests',
                    subtitle: 'Get early access to new luxury villa listings before they go public.',
                    submit: 'Request Private Access',
                    privateBadge: 'Private Access'
                },
                es: {
                    title: 'Únete a nuestro círculo privado de huéspedes distinguidos',
                    subtitle: 'Recibe acceso anticipado a nuevas villas de lujo antes de su lanzamiento público.',
                    submit: 'Solicitar acceso privado',
                    privateBadge: 'Acceso privado'
                },
                de: {
                    title: 'Treten Sie unserem exklusiven Kreis anspruchsvoller Villengäste bei',
                    subtitle: 'Erhalten Sie frühzeitigen Zugang zu neuen Luxusvillen-Angeboten, bevor diese öffentlich werden.',
                    submit: 'Privaten Zugang anfordern',
                    privateBadge: 'Privater Zugang'
                },
                fr: {
                    title: 'Rejoignez notre cercle exclusif de clients privilégiés',
                    subtitle: 'Bénéficiez d\'un accès anticipé aux nouvelles annonces de villas de luxe avant leur publication officielle.',
                    submit: 'Demander un accès privé',
                    privateBadge: 'Accès privé'
                },
                sv: {
                    title: 'Gå med i vår exklusiva inre krets för kräsna villagäster',
                    subtitle: 'Få tidig tillgång till nya lyxvillalistor innan de blir offentliga.',
                    submit: 'Begär privat tillgång',
                    privateBadge: 'Privat tillgång'
                }
            };

            const currentStatic = staticCopy[lang] || staticCopy.en;

            titleEl.textContent = currentStatic.title;
            subtitleEl.textContent = currentStatic.subtitle;
            submitBtn.textContent = currentStatic.submit;

            badgesEl.innerHTML = '';
            const badge = document.createElement('span');
            badge.textContent = currentStatic.privateBadge;
            badge.style.cssText = 'display:inline-flex; align-items:center; padding:0.35rem 0.6rem; border-radius:999px; background:#f3f4f6; color:#111827; font-weight:800; font-size:0.78rem;';
            badgesEl.appendChild(badge);

            inputIntent.value = intent === 'fallback' ? 'holiday' : intent;
            inputVariant.value = messageVariant;
            inputContactMethod.value = contactMethod;
            inputPageUrl.value = location.href;
            inputCriteriaPath.value = location.pathname;
            inputCriteriaQuery.value = location.search || '';

            const prop = window.__mrlProperty || null;
            if (prop && typeof prop === 'object') {
                if (prop.id) inputPropertyId.value = String(prop.id);
                if (prop.reference) inputPropertyRef.value = String(prop.reference);
                inputPropertyUrl.value = location.href;
            }

            const showFields = () => {
                fieldName.style.display = 'block';
                fieldEmail.style.display = 'block';
                fieldPhone.style.display = 'none';
                timelineWrap.style.display = 'none';
                leadName.required = true;
                leadEmail.required = true;
                leadPhone.required = false;
                leadPhone.value = '';
            };
            showFields();

            if (leadInterest) {
                leadInterest.value = inputIntent.value;
                leadInterest.addEventListener('change', () => {
                    const next = leadInterest.value || 'holiday';
                    inputIntent.value = next;
                    const langLabels = interestLabels[lang] || interestLabels.en;
                    badge.textContent = langLabels[next] || ((lang === 'es') ? 'Acceso privado' : 'Private Access');
                });
            }

            let opened = false;
            const open = () => {
                if (opened) return;
                opened = true;
                overlay.style.display = 'block';
                panel.style.display = 'block';
                setTimeout(() => {
                    if (contactMethod === 'whatsapp') leadPhone.focus();
                    else leadEmail.focus();
                }, 50);
            };

            const close = (snoozeDays) => {
                overlay.style.display = 'none';
                panel.style.display = 'none';
                const ttl = (typeof snoozeDays === 'number' ? snoozeDays : 7) * 24 * 60 * 60 * 1000;
                storageSet('mrl_lead_popup_dismissed_until_v2', String(Date.now() + ttl));
            };

            closeBtn.addEventListener('click', () => close(7));
            overlay.addEventListener('click', () => close(7));

            const hasScrolled = () => {
                const doc = document.documentElement;
                const scrollTop = (window.pageYOffset || doc.scrollTop || 0);
                const scrollHeight = doc.scrollHeight || 1;
                const clientHeight = doc.clientHeight || 1;
                const pct = (scrollTop + clientHeight) / scrollHeight;
                return pct >= 0.6;
            };

            let timer = setTimeout(open, 20000); // Reduced from 30s to 20s
            if (forceOpen) {
                if (timer) { clearTimeout(timer); timer = null; }
                setTimeout(open, 150);
            }
            const onScroll = () => {
                if (hasScrolled()) {
                    window.removeEventListener('scroll', onScroll, { passive: true });
                    if (timer) { clearTimeout(timer); timer = null; }
                    open();
                }
            };
            window.addEventListener('scroll', onScroll, { passive: true });

            // Exit-intent trigger
            const onMouseLeave = (e) => {
                if (e.clientY <= 0 || e.relatedTarget === null) {
                    document.removeEventListener('mouseleave', onMouseLeave);
                    if (timer) { clearTimeout(timer); timer = null; }
                    open();
                }
            };
            document.addEventListener('mouseleave', onMouseLeave);

            // Trigger on property page after delay
            const viewedKey = 'mrl_viewed_properties';
            try {
                const isPropertyPage = /\/(properties|propiedades)\/\d+/.test(location.pathname);
                if (isPropertyPage) {
                    const c = parseInt(sessionStorage.getItem(viewedKey) || '0', 10) + 1;
                    sessionStorage.setItem(viewedKey, String(c));
                    if (c >= 2) {
                        if (timer) { clearTimeout(timer); timer = null; }
                        setTimeout(open, 5000); // Reduced from 8s to 5s
                    }
                }
            } catch (e) {}

            document.querySelectorAll('.lead-timeline-btn').forEach((btn) => {
                btn.addEventListener('click', () => {
                    document.querySelectorAll('.lead-timeline-btn').forEach((b) => {
                        b.style.background = '#fff';
                        b.style.borderColor = '#e5e7eb';
                    });
                    btn.style.background = 'rgba(212,175,55,0.18)';
                    btn.style.borderColor = 'rgba(212,175,55,0.65)';
                    inputTimeline.value = btn.getAttribute('data-value') || '';
                });
            });

            form.addEventListener('submit', async (e) => {
                if (form.dataset.nativeSubmit === '1') {
                    return;
                }
                e.preventDefault();
                submitBtn.disabled = true;
                submitBtn.style.opacity = '0.7';
                successEl.style.display = 'none';
                errorEl.style.display = 'none';

                try {
                    const csrf = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
                    const fd = new FormData(form);
                    const res = await fetch(form.getAttribute('action'), {
                        method: 'POST',
                        headers: { 'X-CSRF-TOKEN': csrf, 'Accept': 'application/json' },
                        body: fd,
                        credentials: 'same-origin',
                    });
                    if (res.ok) {
                        successEl.style.display = 'block';
                        storageSet('mrl_lead_popup_submitted_v2', '1');
                        storageDel('mrl_lead_popup_dismissed_until_v2');
                        setTimeout(() => {
                            overlay.style.display = 'none';
                            panel.style.display = 'none';
                        }, 1200);
                        return;
                    }
                    if (res.status === 419) {
                        form.dataset.nativeSubmit = '1';
                        form.submit();
                        return;
                    }
                    if (forceOpen) {
                        errorEl.textContent = 'Error ' + res.status;
                    }
                    errorEl.style.display = 'block';
                } catch (err) {}

                submitBtn.disabled = false;
                submitBtn.style.opacity = '1';
                errorEl.style.display = 'block';
            });
        })();
    </script>
    <!-- Chart.js Library -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js" defer></script>

<script>
    // CRITICAL: Verify CSS is loaded and apply spacing fallback
    document.addEventListener('DOMContentLoaded', function() {
        console.log('Blog page loaded - checking CSS...');
        
        const blogContent = document.querySelector('.blog-content');
        if (!blogContent) {
            console.error('ERROR: .blog-content element not found!');
            return;
        }
        
        // Check if CSS is applying by testing computed styles
        const testP = blogContent.querySelector('p');
        if (testP) {
            const computedStyle = window.getComputedStyle(testP);
            const marginBottom = computedStyle.marginBottom;
            console.log('Paragraph margin-bottom:', marginBottom);
            
            // If margin is 0, CSS isn't working - apply inline styles as fallback
            if (marginBottom === '0px' || marginBottom === '') {
                console.warn('CSS spacing not detected! Applying JavaScript fallback...');
                
                // Apply spacing to all paragraphs
                blogContent.querySelectorAll('p').forEach((p, index, arr) => {
                    if (index < arr.length - 1) {
                        p.style.marginBottom = '2rem';
                        p.style.marginTop = '0';
                    }
                });
                
                // Apply spacing to headings
                blogContent.querySelectorAll('h2').forEach((h2, index) => {
                    h2.style.marginTop = index === 0 ? '0' : '4rem';
                    h2.style.marginBottom = '1.5rem';
                });
                
                blogContent.querySelectorAll('h3').forEach((h3, index) => {
                    h3.style.marginTop = index === 0 ? '0' : '3rem';
                    h3.style.marginBottom = '1.25rem';
                });
                
                // Apply spacing to lists
                blogContent.querySelectorAll('ul, ol').forEach(list => {
                    list.style.marginTop = '1.5rem';
                    list.style.marginBottom = '1.5rem';
                });
                
                // Apply spacing to tables
                blogContent.querySelectorAll('table').forEach(table => {
                    table.style.marginTop = '2.5rem';
                    table.style.marginBottom = '2.5rem';
                });
                
                console.log('JavaScript fallback spacing applied!');
            } else {
                console.log('CSS spacing is working correctly!');
            }
        }
        
        // Log all elements in blog-content for debugging
        const allElements = blogContent.querySelectorAll('*');
        console.log('Total elements in .blog-content:', allElements.length);
        console.log('Paragraphs:', blogContent.querySelectorAll('p').length);
        console.log('Headings (h2):', blogContent.querySelectorAll('h2').length);
        console.log('Headings (h3):', blogContent.querySelectorAll('h3').length);
        console.log('Lists:', blogContent.querySelectorAll('ul, ol').length);
        console.log('Tables:', blogContent.querySelectorAll('table').length);
        
        // Extract and populate stats banner (for data-focused layout)
                
        // Auto-render charts from AI-generated chart data
        renderCharts();
    });
    
    /**
     * Extract key stats from content and populate stats banner
     */
    function extractStats() {
        const statsBanner = document.querySelector('.blog-stats-banner');
        if (!statsBanner) return;
        
        const statItems = statsBanner.querySelectorAll('.stat-item');
        const content = document.querySelector('.blog-content');
        if (!content) return;
        
        // Look for common stat patterns in content
        const text = content.textContent || '';
        
        // Extract price ranges (e.g., "€3M - €5M", "€3,000,000")
        const priceMatches = text.match(/€[\d,\.]+[KM]?/gi);
        if (priceMatches && priceMatches.length > 0) {
            const prices = priceMatches.map(p => p.replace(/[€,]/g, '')).filter(p => parseFloat(p) > 0);
            if (prices.length > 0) {
                const maxPrice = Math.max(...prices.map(p => {
                    const num = parseFloat(p);
                    return p.includes('K') ? num * 1000 : (p.includes('M') ? num * 1000000 : num);
                }));
                const statValue = statItems[1]?.querySelector('.stat-value');
                if (statValue && statValue.textContent === '—') {
                    statValue.textContent = '€' + (maxPrice >= 1000000 ? (maxPrice / 1000000).toFixed(1) + 'M' : (maxPrice / 1000).toFixed(0) + 'K');
                }
            }
        }
        
        // Extract growth percentages (e.g., "5%", "10% growth")
        const growthMatches = text.match(/(\d+(?:\.\d+)?)\s*%\s*(?:growth|increase|rise)/gi);
        if (growthMatches && growthMatches.length > 0) {
            const growth = growthMatches[0].match(/(\d+(?:\.\d+)?)/)[1];
            const statValue = statItems[2]?.querySelector('.stat-value');
            if (statValue && statValue.textContent === '—') {
                statValue.textContent = '+' + growth + '%';
            }
        }
        
        // Extract trend keywords
        const trendKeywords = ['rising', 'increasing', 'growing', 'stable', 'declining', 'falling'];
        const hasTrend = trendKeywords.some(keyword => text.toLowerCase().includes(keyword));
        if (hasTrend) {
            const trendText = trendKeywords.find(k => text.toLowerCase().includes(k)) || 'Stable';
            const statValue = statItems[0]?.querySelector('.stat-value');
            if (statValue && statValue.textContent === '—') {
                statValue.textContent = trendText.charAt(0).toUpperCase() + trendText.slice(1);
            }
        }
    }
    
    /**
     * Auto-detect and render charts from AI-generated JSON data
     * Looks for elements with data-chart attribute containing Chart.js config
     */
    function renderCharts() {
        // Wait for Chart.js to load
        if (typeof Chart === 'undefined') {
            setTimeout(renderCharts, 100);
            return;
        }
        
        // Move charts from content to charts section if data-focused layout
                
        const chartContainers = document.querySelectorAll('[data-chart]');
        chartContainers.forEach((container, index) => {
            try {
                const chartData = JSON.parse(container.getAttribute('data-chart'));
                const canvas = document.createElement('canvas');
                canvas.id = 'chart-' + index;
                container.appendChild(canvas);
                
                // Set default options for luxury styling
                const defaultOptions = {
                    responsive: true,
                    maintainAspectRatio: true,
                    plugins: {
                        legend: {
                            position: 'top',
                            labels: {
                                font: {
                                    family: 'Inter, sans-serif',
                                    size: 12,
                                    weight: '500'
                                },
                                color: '#1a1a1a',
                                padding: 15,
                                usePointStyle: true
                            }
                        },
                        tooltip: {
                            backgroundColor: 'rgba(10, 25, 41, 0.95)',
                            padding: 12,
                            titleFont: {
                                family: 'Inter, sans-serif',
                                size: 14,
                                weight: '600'
                            },
                            bodyFont: {
                                family: 'Inter, sans-serif',
                                size: 13
                            },
                            borderColor: '#0066cc',
                            borderWidth: 1,
                            cornerRadius: 8,
                            displayColors: true
                        }
                    },
                    scales: chartData.type !== 'pie' && chartData.type !== 'doughnut' ? {
                        x: {
                            grid: {
                                color: 'rgba(0, 0, 0, 0.05)',
                                drawBorder: false
                            },
                            ticks: {
                                font: {
                                    family: 'Inter, sans-serif',
                                    size: 11
                                },
                                color: '#666'
                            }
                        },
                        y: {
                            grid: {
                                color: 'rgba(0, 0, 0, 0.05)',
                                drawBorder: false
                            },
                            ticks: {
                                font: {
                                    family: 'Inter, sans-serif',
                                    size: 11
                                },
                                color: '#666',
                                callback: function(value) {
                                    // Format large numbers with K/M suffix
                                    if (value >= 1000000) {
                                        return '€' + (value / 1000000).toFixed(1) + 'M';
                                    } else if (value >= 1000) {
                                        return '€' + (value / 1000).toFixed(0) + 'K';
                                    }
                                    return '€' + value;
                                }
                            }
                        }
                    } : {}
                };
                
                // Merge user options with defaults
                const finalOptions = {
                    ...defaultOptions,
                    ...(chartData.options || {})
                };
                
                new Chart(canvas, {
                    type: chartData.type || 'bar',
                    data: chartData.data || {},
                    options: finalOptions
                });
            } catch (e) {
                console.error('Failed to render chart:', e);
                container.innerHTML = '<p style="color: #999; font-style: italic;">Chart data could not be rendered.</p>';
            }
        });
    }
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BlogPosting",
    "headline": &quot;Chateau Delice: Dentro de una de las Villas M\u00e1s Exclusivas de Marbella&quot;,
    "description": &quot;Explore Chateau Delice, una villa de lujo en Marbella, que combina la elegancia francesa con el encanto espa\u00f1ol para un estilo de vida inigualable.&quot;,
    "image": &quot;&quot;,
    "datePublished": &quot;2026-04-01T22:29:55+00:00&quot;,
    "dateModified": &quot;2026-04-01T22:29:55+00:00&quot;,
    "wordCount": 912,
    "keywords": &quot;Chateau Delice Marbella, alquiler de villa de lujo Marbella, retiro exclusivo Costa del Sol, arquitectura francesa dise\u00f1o espa\u00f1ol&quot;,
    "articleSection": &quot;Estilo de Vida&quot;,
    "inLanguage": &quot;es&quot;,
    "author": {
        "@type": "Organization",
        "name": &quot;Marbella Luxury Rentals &amp; Sales&quot;
    },
    "publisher": {
        "@type": "Organization",
        "name": "Marbella Luxury Rentals & Sales",
        "logo": {
            "@type": "ImageObject",
            "url": &quot;https:\/\/marbellaluxuryrentals.com\/images\/logo.png&quot;
        }
    },
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": &quot;http:\/\/marbellaluxuryrentals.com\/es\/blog\/chateau-delice-inside-one-of-marbellas-most-exclusive-villas-es&quot;
    },
    "breadcrumb": {
        "@type": "BreadcrumbList",
        "itemListElement": [
            {
                "@type": "ListItem",
                "position": 1,
                "name": "Home",
                "item": &quot;https:\/\/marbellaluxuryrentals.com&quot;
            },
            {
                "@type": "ListItem",
                "position": 2,
                "name": "Blog",
                "item": &quot;https:\/\/marbellaluxuryrentals.com\/es\/blog&quot;
            },
            {
                "@type": "ListItem",
                "position": 3,
                "name": &quot;Chateau Delice: Dentro de una de las Villas M\u00e1s Exclusivas de Marbella&quot;,
                "item": &quot;http:\/\/marbellaluxuryrentals.com\/es\/blog\/chateau-delice-inside-one-of-marbellas-most-exclusive-villas-es&quot;
            }
        ]
    }
}
</script>


<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
                {
            "@type": "Question",
            "name": &quot;\u00bfQu\u00e9 Hace de Chateau Delice una Villa Destacada en Marbella?&quot;,
            "acceptedAnswer": {
                "@type": "Answer",
                "text": &quot;Chateau Delice se destaca por su distintiva combinaci\u00f3n de elegancia y funcionalidad. La arquitectura de la villa combina la sofisticaci\u00f3n francesa con el encanto espa\u00f1ol, creando un hogar que es tanto majestuoso como acogedor. Un imponente porte-coch\u00e8re proporciona estacionamiento sombreado para cu...&quot;
            }
        },                {
            "@type": "Question",
            "name": &quot;\u00bfC\u00f3mo Encapsula Chateau Delice la Vida de Lujo en Marbella?&quot;,
            "acceptedAnswer": {
                "@type": "Answer",
                "text": &quot;El lujo en Chateau Delice no solo est\u00e1 en el dise\u00f1o, sino en el estilo de vida que ofrece. Imagine relajarse junto a una impresionante piscina de agua salada, rodeada de exuberantes jardines que proporcionan un oasis privado. Las amplias \u00e1reas de estar de la villa y las comodidades de \u00faltima generac...&quot;
            }
        },                {
            "@type": "Question",
            "name": &quot;\u00bfQu\u00e9 Significa Esto para los Compradores?&quot;,
            "acceptedAnswer": {
                "@type": "Answer",
                "text": &quot;Para los compradores potenciales, Chateau Delice representa m\u00e1s que solo una propiedad; es una inversi\u00f3n en un estilo de vida. La villa ofrece privacidad, lujo y una experiencia de vida inigualable que es dif\u00edcil de encontrar en el mercado actual. Es perfecta para aquellos que valoran la elegancia y...&quot;
            }
        }            ]
}
</script>

</body>
<script>
        document.addEventListener("DOMContentLoaded", function() {
            const menuToggle = document.querySelector(".mobile-menu-toggle");
            const navLinks = document.querySelector(".nav-links");
            const dropdowns = document.querySelectorAll(".nav-dropdown");
            
            if (menuToggle && navLinks) {
                menuToggle.addEventListener("click", function() {
                    const isOpen = navLinks.classList.contains("mobile-menu-open");
                    navLinks.classList.toggle("mobile-menu-open");
                    menuToggle.setAttribute("aria-expanded", !isOpen);
                });
                
                document.addEventListener("click", function(e) {
                    if (!navLinks.contains(e.target) && !menuToggle.contains(e.target)) {
                        navLinks.classList.remove("mobile-menu-open");
                        menuToggle.setAttribute("aria-expanded", "false");
                    }
                });
                
                dropdowns.forEach(function(dropdown) {
                    const dropdownLink = dropdown.querySelector("a");
                    if (dropdownLink) {
                        dropdownLink.addEventListener("click", function(e) {
                            if (window.innerWidth <= 768) {
                                e.preventDefault();
                                dropdown.classList.toggle("mobile-dropdown-open");
                            }
                        });
                    }
                });
            }
        });
    </script>
    <script>
        (function () {
            function getCookie(name) {
                const value = '; ' + document.cookie;
                const parts = value.split('; ' + name + '=');
                if (parts.length === 2) return parts.pop().split(';').shift();
                return null;
            }

            function setCookie(name, value, maxAgeSeconds) {
                const secure = location.protocol === 'https:' ? '; Secure' : '';
                document.cookie = name + '=' + encodeURIComponent(value) + '; Path=/; SameSite=Lax; Max-Age=' + String(maxAgeSeconds) + secure;
            }

            function hasConsent() {
                const raw = getCookie('cookie_consent');
                return !!raw;
            }

            function writeConsent(consent) {
                setCookie('cookie_consent', JSON.stringify(consent), 15552000);
            }

            const banner = document.getElementById('cookie-consent-banner');
            if (!banner) return;
            if (hasConsent()) return;

            banner.style.display = 'block';

            const accept = document.getElementById('cc-accept-all');
            const essential = document.getElementById('cc-essential');

            function done() {
                banner.style.display = 'none';
                window.location.reload();
            }

            if (accept) {
                accept.addEventListener('click', function () {
                    writeConsent({ necessary: true, analytics: true, marketing: false, updated_at: new Date().toISOString() });
                    done();
                });
            }

            if (essential) {
                essential.addEventListener('click', function () {
                    writeConsent({ necessary: true, analytics: false, marketing: false, updated_at: new Date().toISOString() });
                    done();
                });
            }
        })();
    </script>
    <script>
        (function () {
            function hasDebugFlag() {
                try {
                    const params = new URLSearchParams(window.location.search || '');
                    return params.get('ga_debug') === '1';
                } catch (e) {
                    return false;
                }
            }

            if (!hasDebugFlag()) return;

            function getCookie(name) {
                const value = '; ' + document.cookie;
                const parts = value.split('; ' + name + '=');
                if (parts.length === 2) return parts.pop().split(';').shift();
                return null;
            }

            function readConsentRaw() {
                return getCookie('cookie_consent');
            }

            function readConsent() {
                try {
                    const raw = readConsentRaw();
                    if (!raw) return null;
                    return JSON.parse(decodeURIComponent(raw));
                } catch (e) {
                    return null;
                }
            }

            function setCookie(name, value, maxAgeSeconds) {
                const secure = location.protocol === 'https:' ? '; Secure' : '';
                document.cookie = name + '=' + encodeURIComponent(value) + '; Path=/; SameSite=Lax; Max-Age=' + String(maxAgeSeconds) + secure;
            }

            function enableAnalytics() {
                setCookie('cookie_consent', JSON.stringify({ necessary: true, analytics: true, marketing: false, updated_at: new Date().toISOString() }), 15552000);
                window.location.reload();
            }

            function h(tag, props, children) {
                const el = document.createElement(tag);
                if (props) {
                    Object.keys(props).forEach((k) => {
                        if (k === 'style' && props.style && typeof props.style === 'object') {
                            Object.assign(el.style, props.style);
                        } else if (k.startsWith('on') && typeof props[k] === 'function') {
                            el.addEventListener(k.slice(2).toLowerCase(), props[k]);
                        } else if (props[k] !== null && props[k] !== undefined) {
                            el.setAttribute(k, String(props[k]));
                        }
                    });
                }
                (children || []).forEach((c) => {
                    if (c === null || c === undefined) return;
                    el.appendChild(typeof c === 'string' ? document.createTextNode(c) : c);
                });
                return el;
            }

            const panel = h('div', {
                id: 'ga4-debug-panel',
                style: {
                    position: 'fixed',
                    right: '12px',
                    bottom: '12px',
                    zIndex: '2147483647',
                    width: 'min(420px, calc(100vw - 24px))',
                    background: '#0b1220',
                    color: '#e5e7eb',
                    border: '1px solid rgba(255,255,255,0.14)',
                    borderRadius: '12px',
                    boxShadow: '0 12px 30px rgba(0,0,0,0.35)',
                    padding: '12px 12px 10px 12px',
                    fontFamily: 'system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif',
                    fontSize: '12px',
                    lineHeight: '1.35'
                }
            }, []);

            const title = h('div', { style: { fontWeight: '800', marginBottom: '6px' } }, ['GA Debug']);
            const body = h('div', { style: { whiteSpace: 'pre-wrap', fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace', fontSize: '11px', opacity: '0.95' } }, ['Loading…']);
            const btnRow = h('div', { style: { display: 'flex', gap: '8px', marginTop: '10px', flexWrap: 'wrap' } }, []);

            const enableBtn = h('button', {
                type: 'button',
                style: {
                    background: '#D4AF37',
                    color: '#0A1929',
                    border: '0',
                    borderRadius: '10px',
                    padding: '7px 10px',
                    fontWeight: '800',
                    cursor: 'pointer'
                },
                onclick: enableAnalytics
            }, ['Enable analytics']);

            const testBtn = h('button', {
                type: 'button',
                style: {
                    background: 'transparent',
                    color: '#e5e7eb',
                    border: '1px solid rgba(255,255,255,0.22)',
                    borderRadius: '10px',
                    padding: '7px 10px',
                    fontWeight: '700',
                    cursor: 'pointer'
                },
                onclick: function () {
                    if (typeof window.gtag !== 'function') return;
                    window.gtag('event', 'mlr_manual_test', {
                        'debug_mode': true,
                        'page_location': window.location.href,
                        'ts': Date.now()
                    });
                }
            }, ['Send test event']);

            const closeBtn = h('button', {
                type: 'button',
                style: {
                    marginLeft: 'auto',
                    background: 'transparent',
                    color: '#9ca3af',
                    border: '1px solid rgba(255,255,255,0.18)',
                    borderRadius: '10px',
                    padding: '7px 10px',
                    fontWeight: '700',
                    cursor: 'pointer'
                },
                onclick: function () { panel.remove(); }
            }, ['Close']);

            btnRow.appendChild(enableBtn);
            btnRow.appendChild(testBtn);
            btnRow.appendChild(closeBtn);

            panel.appendChild(title);
            panel.appendChild(body);
            panel.appendChild(btnRow);
            document.documentElement.appendChild(panel);

            function format() {
                const consentRaw = readConsentRaw();
                const consent = readConsent();
                const analytics = !!(consent && consent.analytics);
                const gaCookies = ['_ga', '_ga_G41NMM2DPP'].filter((k) => !!getCookie(k));
                const gtagType = typeof window.gtag;
                const gaLoaded = !!window.__ga4Loaded;
                const gaDebug = !!window.__ga4Debug;

                const lines = [
                    'url: ' + window.location.href,
                    'cookie_consent: ' + (consentRaw ? consentRaw : '(missing)'),
                    'consent.analytics: ' + String(analytics),
                    '__ga4Loaded: ' + String(gaLoaded),
                    '__ga4Debug: ' + String(gaDebug),
                    'gtag: ' + gtagType,
                    '_ga cookies: ' + (gaCookies.length ? gaCookies.join(', ') : '(none)'),
                ];

                body.textContent = lines.join('\n');

                enableBtn.style.opacity = analytics ? '0.55' : '1';
                enableBtn.disabled = analytics;
                testBtn.disabled = (gtagType !== 'function');
                testBtn.style.opacity = (gtagType === 'function') ? '1' : '0.55';
            }

            format();
            setInterval(format, 1000);
        })();
    </script>
</html>