}
        })();
    </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/mastering-marbella-luxury-villa-sales-insider-tips-and-strategies-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/mastering-marbella-luxury-villa-sales-insider-tips-and-strategies-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/mastering-marbella-luxury-villa-sales-insider-tips-and-strategies-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/mastering-marbella-luxury-villa-sales-insider-tips-and-strategies-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/mastering-marbella-luxury-villa-sales-insider-tips-and-strategies-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 -->
        <div class="blog-hero" style="width: 100%; height: 600px; overflow: hidden; position: relative; margin-bottom: 4rem;">
        <img src="/storage//storage/properties/BD2760/photo_1.jpg" 
             alt="Dominando las Ventas de Villas de Lujo en Marbella: Consejos y Estrategias de Expertos" 
             style="width: 100%; height: 100%; object-fit: cover;"
             loading="eager"
             fetchpriority="high">
        <div style="position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%); height: 200px;"></div>
    </div>
    
    <!-- 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;">
                Dominando las Ventas de Villas de Lujo en Marbella: Consejos y Estrategias de Expertos
            </h1>
            
                        <p class="blog-excerpt" style="font-size: 1.25rem; line-height: 1.6; color: #555; margin-bottom: 2rem; font-weight: 400;">
                En el dinámico mundo de las ventas de villas de lujo en Marbella, entender las sutilezas del mercado es crucial. Con el auge de las residencias de marca y un enfoque en villas de alta gama, los compradores potenciales necesitan estrategias expertas para navegar en este ámbito de alto riesgo. Desde el encanto de la Milla de Oro hasta la exclusividad de La Zagaleta, aquí se explica cómo tomar decisiones informadas e invertir sabiamente.
            </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 02, 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>Entendiendo las Ventas de Villas de Lujo en Marbella</h2> <p><strong>El mercado de villas de lujo en Marbella no es para los débiles de corazón.</strong> Es un reino donde la discreción se encuentra con la opulencia, donde el movimiento correcto puede asegurar un legado. Este mercado se define por su exclusividad, con precios que alcanzan hasta €22,000 por metro cuadrado en áreas privilegiadas como la Milla de Oro y La Zagaleta. Para aquellos serios en ingresar a este espacio, entender la dinámica del mercado es innegociable.</p> <h2>¿Cuáles son los Factores Clave a Considerar al Comprar una Villa de Lujo en Marbella?</h2> <p>Comprar una villa de lujo en Marbella requiere más que bolsillos profundos. Los compradores deben considerar la ubicación, el estilo arquitectónico y las comodidades de estilo de vida. Áreas privilegiadas como la Milla de Oro, conocida por su glamour histórico y lujo moderno, y La Zagaleta, conocida por su privacidad y seguridad, están perpetuamente en demanda.</p> <p>Considere la calidad de construcción y diseño de la villa. Las villas contemporáneas con grandes terrazas y vistas al Mediterráneo son particularmente codiciadas. <a href="/en/properties/villa-marbella-marbella-golden-mile-rocio-de-nagueles-cp7758">Esta villa en la Milla de Oro</a> ejemplifica la mezcla perfecta de modernidad y tradición, ofreciendo un estilo de vida lujoso en medio de un paisaje impresionante.</p> <figure class="blog-image"> <a href="/en/properties/villa-marbella-bd2760"> <img src="/storage/properties/BD2760/photo_1.jpg" alt="Propiedad de lujo en Marbella" loading="lazy"> </a> <figcaption>€9,750,000 · 6 camas · Marbella</figcaption> </figure> <h2>¿Cómo Pueden los Compradores Navegar en el Mercado Inmobiliario de Lujo de Marbella?</h2> <p>Navegar en el mercado requiere estrategia. Entender las tendencias actuales es crucial, como el auge de las residencias de marca, que ofrecen una oportunidad de inversión única. El proyecto Marbella Four Seasons es un ejemplo principal, destinado a redefinir la vida de lujo en la zona.</p> <ul> <li>Enfóquese en áreas con oferta limitada, ya que prometen un crecimiento de valor a largo plazo.</li> <li>Involucre a un agente inmobiliario local de confianza que entienda las sutilezas del mercado.</li> <li>Considere propiedades que se alineen con tendencias emergentes como la eficiencia energética y las capacidades de trabajo remoto.</li> </ul> <p>Para aquellos que buscan disfrutar lo mejor de Marbella, <a href="/en/properties/villa-marbella-nueva-andalucia-720-00132p">esta villa en Nueva Andalucía</a> ofrece proximidad a los mejores campos de golf y una comunidad vibrante.</p> <h2>Mitos vs Realidad en las Ventas de Villas de Lujo en Marbella</h2> <p>Abundan los conceptos erróneos en el mercado inmobiliario de lujo. Aquí desmentimos algunos:</p> <ul> <li><strong>Mito:</strong> Todas las propiedades principales están sobrevaloradas.<br><strong>Realidad:</strong> Aunque los precios son altos, reflejan el valor de la ubicación y la demanda.</li> <li><strong>Mito:</strong> Las nuevas construcciones siempre son mejores inversiones.<br><strong>Realidad:</strong> Las propiedades bien mantenidas pueden ofrecer mejores retornos, especialmente en áreas codiciadas.</li> <li><strong>Mito:</strong> Solo importan las vistas al mar.<br><strong>Realidad:</strong> La privacidad y exclusividad a menudo superan las vistas en las preferencias de los compradores.</li> <li><strong>Mito:</strong> El mercado está saturado de opciones.<br><strong>Realidad:</strong> La alta demanda y la oferta limitada definen el mercado, especialmente en lugares privilegiados.</li> </ul> <figure class="blog-image"> <a href="/en/properties/villa-marbella-bd2760"> <img src="/storage/properties/BD2760/photo_2.jpg" alt="Propiedad de lujo en Marbella" loading="lazy"> </a> <figcaption>€9,750,000 · 6 camas · Marbella</figcaption> </figure> <h2>¿Cuáles son los Beneficios de Invertir en Villas de Lujo en Marbella?</h2> <p>Poseer una villa en Marbella es más que una inversión; es una elección de estilo de vida. Los beneficios incluyen:</p> <ul> <li>Acceso a comodidades de clase mundial, desde campos de golf hasta restaurantes con estrellas Michelin.</li> <li>Fuerte potencial de alquiler durante todo el año, especialmente en la Milla de Oro y Nueva Andalucía.</li> <li>Oportunidades de inversión heredadas, con propiedades como <a href="/en/properties/villa-marbella-rio-real-cp7630">esta finca en Rio Real</a> que ofrecen tanto privacidad como lujo.</li> </ul> <h2>Una Guía Práctica para Comprar una Villa de Lujo en Marbella</h2> <ol> <li><strong>Investigue el Mercado:</strong> Entienda las diferentes áreas, desde la exclusiva Milla de Oro hasta la vibrante Nueva Andalucía.</li> <li><strong>Involucre a Expertos:</strong> Trabaje con un agente inmobiliario local familiarizado con propiedades de lujo.</li> <li><strong>Visite Propiedades:</strong> Programe visitas a diferentes villas para experimentar sus características únicas de primera mano.</li> <li><strong>Evalúe el Potencial de Inversión:</strong> Considere propiedades con alta demanda de alquiler o aquellas en áreas con oferta limitada.</li> <li><strong>Considere Servicios de Conserjería:</strong> Mejore su experiencia en la propiedad con servicios como <a href="/en/concierge">alquiler de yates privados</a> o <a href="/en/concierge">alquiler de coches de lujo</a>.</li> </ol> <figure class="blog-image"> <a href="/en/properties/villa-marbella-marbella-golden-mile-altos-de-puente-romano-mh262l"> <img src="/storage/properties/MH262L/photo_1.jpg" alt="Propiedad de lujo en Marbella" loading="lazy"> </a> <figcaption>4 camas · Milla de Oro de Marbella</figcaption> </figure> <h2>Preguntas Frecuentes</h2>  ¿Cuál es la tendencia actual en los precios de villas de lujo en Marbella? Los precios están aumentando, especialmente en áreas privilegiadas como la Milla de Oro, con algunos alcanzando hasta €22,000 por metro cuadrado. ¿Cómo encuentro un agente inmobiliario confiable en Marbella? Busque agentes con un sólido historial en ventas de lujo y un profundo entendimiento de la dinámica del mercado local. ¿Son las residencias de marca una buena inversión? Sí, ofrecen beneficios únicos de estilo de vida y son cada vez más populares entre los compradores internacionales.  <p>Para aquellos que consideran mudarse, <a href="https://marbellaluxuryrentals.com/es/properties-for-sale">Marbella Luxury Rentals &amp; Sales</a> ofrece una selección curada de propiedades que encarnan la esencia del lujo mediterráneo.</p>
        </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/luxury-real-estate" 
                       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;">
                        #Luxury Real Estate
                    </a>
                                    <a href="https://marbellaluxuryrentals.com/es/blog/tag/marbella-luxury-villa-sales" 
                       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 sales
                    </a>
                                    <a href="https://marbellaluxuryrentals.com/es/blog/tag/marbella-property-market" 
                       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 property market
                    </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%2Fmastering-marbella-luxury-villa-sales-insider-tips-and-strategies-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%2Fmastering-marbella-luxury-villa-sales-insider-tips-and-strategies-es&text=Dominando+las+Ventas+de+Villas+de+Lujo+en+Marbella%3A+Consejos+y+Estrategias+de+Expertos" 
                   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%2Fmastering-marbella-luxury-villa-sales-insider-tips-and-strategies-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=Dominando+las+Ventas+de+Villas+de+Lujo+en+Marbella%3A+Consejos+y+Estrategias+de+Expertos+http%3A%2F%2Fmarbellaluxuryrentals.com%2Fes%2Fblog%2Fmastering-marbella-luxury-villa-sales-insider-tips-and-strategies-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/chateau-delice-inside-one-of-marbellas-most-exclusive-villas-es" 
                                   style="color: #1a1a1a; text-decoration: none;">
                                    Chateau Delice: Dentro de una de las Villas Más Exclusivas de Marbella
                                </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/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;">
                                                    <a href="https://marbellaluxuryrentals.com/es/blog/chateau-de-lice-a-masterclass-in-marbellas-luxury-amenities" style="display: block;">
                                <img src="/storage//storage/properties/PL8045/photo_1.jpg" 
                                     alt="Chateau de Lice: A Masterclass in Marbella&#039;s Luxury Amenities" 
                                     style="width: 100%; height: 200px; object-fit: cover; transition: transform 0.3s;"
                                     loading="lazy">
                            </a>
                                                <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/chateau-de-lice-a-masterclass-in-marbellas-luxury-amenities" 
                                   style="color: #1a1a1a; text-decoration: none;">
                                    Chateau de Lice: A Masterclass in Marbella&#039;s Luxury Amenities
                                </a>
                            </h3>
                            <div style="font-size: 0.875rem; color: #999;">
                                Apr 02
                            </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="EV6LkkglawgrgAMqaBvw4WcKqe1JUxgjOA3spnye" 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="eyJpdiI6InV0VWdCSUp6VTBOUm1LUFcyUGNCeVE9PSIsInZhbHVlIjoiQXpVOFdkS3lQNVJMcDdUeGdFMGhzT2NNYVY4cjFuSUNKM1hlODRvczZFNDdUWHBodWlYdlQ1bG0vQ3htTXdoSWlmOW5lWUU0U2dkcmxjME5GcVN1NHczbk0zWklJZzA0RHN2Tld6dlY5Zy9RNk1PMkVUcVc4R0dVbjFYam5jUUJhdVRlenZBSWlHL0t0MjVGOWhFM0d3PT0iLCJtYWMiOiI2MzQ3N2EzMThhN2E1OWNhNDEzMjIyMWQ2NTIxMjg5ZjlmZWQ4N2E4NTZmOTI5NGU4OTFjZjExYTZiZWNjNTk4IiwidGFnIjoiIn0=">

                <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;Dominando las Ventas de Villas de Lujo en Marbella: Consejos y Estrategias de Expertos&quot;,
    "description": &quot;Consejos expertos para comprar villas de lujo en Marbella. Navegue el mercado e invierta sabiamente en propiedades de alta gama.&quot;,
    "image": &quot;https:\/\/marbellaluxuryrentals.com\/storage\/\/storage\/properties\/BD2760\/photo_1.jpg&quot;,
    "datePublished": &quot;2026-04-02T11:57:34+00:00&quot;,
    "dateModified": &quot;2026-04-02T11:57:54+00:00&quot;,
    "wordCount": 802,
    "keywords": &quot;ventas de villas de lujo en Marbella, mercado inmobiliario de Marbella 2026, bienes ra\u00edces de lujo en Marbella, villas de alta gama Marbella, proyecto Marbella Four Seasons&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\/mastering-marbella-luxury-villa-sales-insider-tips-and-strategies-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;Dominando las Ventas de Villas de Lujo en Marbella: Consejos y Estrategias de Expertos&quot;,
                "item": &quot;http:\/\/marbellaluxuryrentals.com\/es\/blog\/mastering-marbella-luxury-villa-sales-insider-tips-and-strategies-es&quot;
            }
        ]
    }
}
</script>


<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
                {
            "@type": "Question",
            "name": &quot;\u00bfCu\u00e1les son los Factores Clave a Considerar al Comprar una Villa de Lujo en Marbella?&quot;,
            "acceptedAnswer": {
                "@type": "Answer",
                "text": &quot;Comprar una villa de lujo en Marbella requiere m\u00e1s que bolsillos profundos. Los compradores deben considerar la ubicaci\u00f3n, el estilo arquitect\u00f3nico y las comodidades de estilo de vida. \u00c1reas privilegiadas como la Milla de Oro, conocida por su glamour hist\u00f3rico y lujo moderno, y La Zagaleta, conocida...&quot;
            }
        },                {
            "@type": "Question",
            "name": &quot;\u00bfC\u00f3mo Pueden los Compradores Navegar en el Mercado Inmobiliario de Lujo de Marbella?&quot;,
            "acceptedAnswer": {
                "@type": "Answer",
                "text": &quot;Navegar en el mercado requiere estrategia. Entender las tendencias actuales es crucial, como el auge de las residencias de marca, que ofrecen una oportunidad de inversi\u00f3n \u00fanica. El proyecto Marbella Four Seasons es un ejemplo principal, destinado a redefinir la vida de lujo en la zona.  Enf\u00f3quese en...&quot;
            }
        },                {
            "@type": "Question",
            "name": &quot;\u00bfCu\u00e1les son los Beneficios de Invertir en Villas de Lujo en Marbella?&quot;,
            "acceptedAnswer": {
                "@type": "Answer",
                "text": &quot;Poseer una villa en Marbella es m\u00e1s que una inversi\u00f3n; es una elecci\u00f3n de estilo de vida. Los beneficios incluyen:  Acceso a comodidades de clase mundial, desde campos de golf hasta restaurantes con estrellas Michelin. Fuerte potencial de alquiler durante todo el a\u00f1o, especialmente en la Milla de Or...&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>