}
        })();
    </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/beachfront-villas-in-marbella-rental-income-investment-guide" 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/beachfront-villas-in-marbella-rental-income-investment-guide" 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/beachfront-villas-in-marbella-rental-income-investment-guide" 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/beachfront-villas-in-marbella-rental-income-investment-guide" 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/beachfront-villas-in-marbella-rental-income-investment-guide" class="">
                            <img src="https://flagcdn.com/w20/de.png" alt="Deutsch" class="flag-icon" width="20" height="15" loading="lazy" decoding="async" />
                            Deutsch
                        </a>
                                    </div>
            </details>
        </div>
    </nav>
    <main>
        
<article class="blog-post">
    <!-- Hero Image Section -->
    
    <!-- Main Content Container with Sidebar -->
    <div class="blog-layout-wrapper" style="max-width: 1200px !important; margin: 0 0 0 auto !important; padding: 0 2rem !important; display: flex !important; gap: 3rem !important; align-items: flex-start !important;">
        <!-- Main Content Column -->
        <div class="blog-container" style="flex: 1; max-width: 680px !important; min-width: 0;">
        
                <!-- Data-Focused Layout: Key Stats Banner -->
        <div class="blog-stats-banner" style="background: linear-gradient(135deg, #0A1929 0%, #1a3a5a 100%); padding: 2.5rem; border-radius: 12px; margin-bottom: 3rem; color: white; box-shadow: 0 8px 24px rgba(0,0,0,0.15);">
            <h3 style="font-size: 1.125rem; font-weight: 600; margin-bottom: 1.5rem; color: rgba(255,255,255,0.9); text-transform: uppercase; letter-spacing: 0.5px;">Información clave del mercado</h3>
            <div class="stats-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1.5rem;">
                <!-- Stats will be extracted from content by JavaScript or AI can include them -->
                <div class="stat-item" style="text-align: center;">
                    <div class="stat-value" style="font-size: 2rem; font-weight: 700; color: #fff; margin-bottom: 0.5rem;">—</div>
                    <div class="stat-label" style="font-size: 0.875rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px;">Tendencia del mercado</div>
                </div>
                <div class="stat-item" style="text-align: center;">
                    <div class="stat-value" style="font-size: 2rem; font-weight: 700; color: #fff; margin-bottom: 0.5rem;">—</div>
                    <div class="stat-label" style="font-size: 0.875rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px;">Rango de precios</div>
                </div>
                <div class="stat-item" style="text-align: center;">
                    <div class="stat-value" style="font-size: 2rem; font-weight: 700; color: #fff; margin-bottom: 0.5rem;">—</div>
                    <div class="stat-label" style="font-size: 0.875rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px;">Tasa de crecimiento</div>
                </div>
            </div>
        </div>
                
        <!-- Header Section -->
        <header class="blog-header" style="margin-bottom: 3rem;">
                            <a href="https://marbellaluxuryrentals.com/es/blog/category/analisis-de-mercado" 
                   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;">
                    Análisis de Mercado
                </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;">
                Villas Frente al Mar en Marbella: Guía de Inversión en Ingresos por Alquiler
            </h1>
            
                        <p class="blog-excerpt" style="font-size: 1.25rem; line-height: 1.6; color: #555; margin-bottom: 2rem; font-weight: 400;">
                Invertir en villas frente al mar en Marbella ofrece un potencial significativo de ingresos por alquiler, especialmente con un aumento del 30% en las reservas para operadores con licencia. Sin embargo, comprender las nuevas regulaciones de Andalucía es crucial para maximizar los rendimientos. Esta guía explora las tendencias, oportunidades y requisitos para 2026.
            </p>
                        
            <div class="blog-meta" style="display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; color: #666; font-size: 0.9375rem; padding-top: 1.5rem; border-top: 1px solid #e8e8e8;">
                <div style="display: flex; align-items: center; gap: 0.5rem;">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <circle cx="12" cy="12" r="10"></circle>
                        <polyline points="12 6 12 12 16 14"></polyline>
                    </svg>
                    <span>abril 01, 2026</span>
                </div>
                <div style="display: flex; align-items: center; gap: 0.5rem;">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                        <circle cx="12" cy="7" r="4"></circle>
                    </svg>
                                            <a href="https://marbellaluxuryrentals.com/es/properties-for-sale" style="color: inherit; text-decoration: underline;">Marbella Luxury Rentals &amp; Sales</a>
                                    </div>
                <div style="display: flex; align-items: center; gap: 0.5rem;">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                        <circle cx="12" cy="12" r="3"></circle>
                    </svg>
                    <span>0 visitas</span>
                </div>
            </div>
        </header>

        <!-- Main Content -->
        <style id="blog-spacing-css">
            /* INLINE BLOG SPACING CSS - Guaranteed to load - MAXIMUM SPECIFICITY */
            html body article.blog-post .blog-content p,
            html body main article.blog-post .blog-content p,
            html body .blog-content p {
                margin-bottom: 1.75rem !important;
                margin-top: 0 !important;
                line-height: 1.65 !important;
                color: #2d3748 !important;
                font-size: 1.125rem !important;
                display: block !important;
            }
            html body article.blog-post .blog-content p:last-child,
            html body main article.blog-post .blog-content p:last-child,
            html body .blog-content p:last-child {
                margin-bottom: 0 !important;
            }
            html body article.blog-post .blog-content p + p,
            html body main article.blog-post .blog-content p + p,
            html body .blog-content p + p {
                margin-top: 0 !important;
                margin-bottom: 1.75rem !important;
            }
            html body article.blog-post .blog-content h2,
            html body main article.blog-post .blog-content h2,
            html body .blog-content h2 {
                margin-top: 3rem !important;
                margin-bottom: 0.875rem !important;
                font-size: 2rem !important;
                line-height: 1.3 !important;
                font-weight: 700 !important;
                color: #1a202c !important;
                display: block !important;
            }
            article.blog-post .blog-content h2:first-of-type {
                margin-top: 0 !important;
            }
            article.blog-post .blog-content h3 {
                margin-top: 2.5rem !important;
                margin-bottom: 0.75rem !important;
                font-size: 1.5rem !important;
                line-height: 1.35 !important;
                font-weight: 600 !important;
                color: #1a202c !important;
                display: block !important;
            }
            article.blog-post .blog-content h3:first-of-type {
                margin-top: 0 !important;
            }
            article.blog-post .blog-content ul,
            article.blog-post .blog-content ol {
                margin-top: 1.5rem !important;
                margin-bottom: 1.5rem !important;
                padding-left: 2rem !important;
                display: block !important;
            }
            article.blog-post .blog-content li {
                margin-bottom: 0.75rem !important;
                line-height: 1.65 !important;
                color: #2d3748 !important;
            }
            article.blog-post .blog-content table {
                margin-top: 2.25rem !important;
                margin-bottom: 2.25rem !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 8px !important;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
                display: table !important;
                width: 100% !important;
            }
            article.blog-post .blog-content table th {
                background: #f7fafc !important;
                font-weight: 600 !important;
                color: #1a202c !important;
                padding: 1rem !important;
            }
            article.blog-post .blog-content table td {
                color: #2d3748 !important;
                padding: 1rem !important;
            }
            article.blog-post .blog-content p + h2 {
                margin-top: 3rem !important;
            }
            article.blog-post .blog-content p + h3 {
                margin-top: 2.5rem !important;
            }
            article.blog-post .blog-content p + ul,
            article.blog-post .blog-content p + ol {
                margin-top: 1.5rem !important;
            }
            article.blog-post .blog-content p + table {
                margin-top: 2.25rem !important;
            }
            article.blog-post .blog-content h2 + p,
            article.blog-post .blog-content h3 + p {
                margin-top: 0 !important;
                margin-bottom: 1.75rem !important;
            }
            article.blog-post .blog-content ul + p,
            article.blog-post .blog-content ol + p {
                margin-top: 1.5rem !important;
                margin-bottom: 1.75rem !important;
            }
            article.blog-post .blog-content table + p {
                margin-top: 2.25rem !important;
                margin-bottom: 1.75rem !important;
            }
            article.blog-post .blog-content table + h2 {
                margin-top: 3rem !important;
            }
            article.blog-post .blog-content table + h3 {
                margin-top: 2.5rem !important;
            }
            article.blog-post .blog-container {
                max-width: 680px !important;
            }
            article.blog-post .blog-content {
                line-height: 1.65 !important;
                color: #2d3748 !important;
                font-size: 1.125rem !important;
            }
            /* Property card spacing - ensure proper flow */
            article.blog-post .blog-content .property-card + p,
            article.blog-post .blog-content .property-card + h2,
            article.blog-post .blog-content .property-card + h3 {
                margin-top: 1.5rem !important;
                clear: both !important;
            }
            article.blog-post .blog-content p + .property-card,
            article.blog-post .blog-content h2 + .property-card {
                margin-top: 1rem !important;
            }
        </style>
        
                <!-- Data-Focused Layout: Charts Section -->
        <div class="blog-charts-section" style="margin-bottom: 3rem; padding: 2rem; background: #f8f9fa; border-radius: 12px; border: 1px solid #e0e0e0;">
            <h3 style="font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; color: #1a1a1a;">Visualizaciones de datos del mercado</h3>
            <div class="charts-container" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;">
                <!-- Charts will be auto-rendered from data-chart attributes in content -->
            </div>
        </div>
                
        <div class="blog-content" style="margin: 0; padding: 0;">
                        <h2>¿Cuáles son las Tendencias Proyectadas de Ingresos por Alquiler para Villas Frente al Mar en Marbella para 2026?</h2><p>El atractivo de la playa de Marbella es innegable. Imagina tomar tu café matutino al son de las olas acariciando la orilla. Esto no es solo un sueño para los propietarios de villas en Marbella, particularmente en Los Monteros. Con precios promedio alcanzando los 8,772 € por metro cuadrado, el potencial de inversión es palpable. Al mirar hacia 2026, los operadores con licencia ya han visto un aumento del 30% en las reservas, una tendencia impulsada por el encanto perenne de la región y el atractivo internacional de la Costa del Sol.</p><h2>¿Cómo Impactan las Nuevas Regulaciones de Andalucía en las Inversiones de Alquiler a Corto Plazo?</h2><p>El panorama para los alquileres a corto plazo en Marbella está evolucionando. Las nuevas regulaciones exigen que todas las propiedades utilizadas para turismo obtengan una licencia turística.</p><h2>¿Qué Hace que Los Monteros Frente al Mar Sea una Oportunidad de Inversión Lucrativa?</h2><p>Los Monteros se destaca como un faro de lujo y exclusividad. Su tramo de playa prístina alberga algunas de las villas más codiciadas de Marbella.</p><h2>Mitos vs Realidad: Invertir en Villas Frente al Mar en Marbella</h2><ul><li><strong>Mito:</strong> Solo los nuevos desarrollos generan altos rendimientos.<br><strong>Realidad:</strong> Áreas establecidas como Los Monteros mantienen alta demanda e ingresos estables.</li><li><strong>Mito:</strong> Todas las villas están automáticamente licenciadas para alquileres a corto plazo.<br><strong>Realidad:</strong> Una licencia turística es esencial para alquileres legales.</li></ul><h2>Guía Práctica: Pasos para Invertir en Villas Frente al Mar en Marbella</h2><ol><li><strong>Investiga el Mercado:</strong> Comprende las tendencias actuales y proyecciones para 2026.</li><li><strong>Elige la Ubicación Correcta:</strong> Enfócate en áreas de alta demanda como Los Monteros.</li><li><strong>Asegura una Licencia Turística:</strong> Asegura el cumplimiento con las regulaciones de Andalucía.</li><li><strong>Involucra a Expertos Locales:</strong> Trabaja con agentes reputados familiarizados con las particularidades del mercado.</li></ol><h2>Preguntas Frecuentes sobre Inversiones en Villas Frente al Mar</h2><ul><li><strong>¿Necesito una licencia turística para alquilar mi villa?</strong> Sí, todos los alquileres a corto plazo requieren una licencia turística bajo las nuevas regulaciones.</li><li><strong>¿Cuáles son los rendimientos promedio de alquiler?</strong> Los rendimientos varían según la ubicación pero pueden ser sustanciales, particularmente en áreas de alta demanda.</li><li><strong>¿Hay una temporada alta para los alquileres?</strong> Aunque el verano es el más concurrido, Marbella atrae visitantes durante todo el año.</li></ul>
        </div>

        <!-- Tags Section -->
        
        <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%2Fbeachfront-villas-in-marbella-rental-income-investment-guide" 
                   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%2Fbeachfront-villas-in-marbella-rental-income-investment-guide&text=Villas+Frente+al+Mar+en+Marbella%3A+Gu%C3%ADa+de+Inversi%C3%B3n+en+Ingresos+por+Alquiler" 
                   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%2Fbeachfront-villas-in-marbella-rental-income-investment-guide" 
                   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=Villas+Frente+al+Mar+en+Marbella%3A+Gu%C3%ADa+de+Inversi%C3%B3n+en+Ingresos+por+Alquiler+http%3A%2F%2Fmarbellaluxuryrentals.com%2Fes%2Fblog%2Fbeachfront-villas-in-marbella-rental-income-investment-guide" 
                   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/frontline-golf-villas-in-nueva-andalucia-the-ultimate-guide-es" 
                                   style="color: #1a1a1a; text-decoration: none;">
                                    Villas de Golf en Primera Línea en Nueva Andalucía: La Guía Definitiva
                                </a>
                            </h3>
                            <div style="font-size: 0.875rem; color: #999;">
                                Apr 01
                            </div>
                        </div>
                    </article>
                                    <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/the-marbella-property-playbook-strategic-moves-for-2026-es" 
                                   style="color: #1a1a1a; text-decoration: none;">
                                    El Manual de Propiedades de Marbella: Movimientos Estratégicos para 2026
                                </a>
                            </h3>
                            <div style="font-size: 0.875rem; color: #999;">
                                Mar 30
                            </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="41awZaIXKQwAqnPG2RW4oZGJ6T1DI1cVjtTRYHFX" 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="eyJpdiI6Im16bkpVdFA1NFZvMzJPejdzS3hydkE9PSIsInZhbHVlIjoiRlVVNitBTVlicXBhQnJuTDl2b1h6WWtrOUpnY0dwSWRTUzErVmFtVTVHYiszR2Y0clNNRWJDdGNTRm4yQm05S29pVyt0c2FEREFiWTYyaFNmWGN5WEp0NzAzelFLeW9sUUd2UkxyM1F5bExSSnV4VWJXakpkRUVpZThUeDRQaVVMZE5RTGpDRFo2LzRYY2hOb2lYSzBnPT0iLCJtYWMiOiI4MjY3YjJmNGI2ZGY3MGM1Njg2MDYyZDgwMjhiMGM3ZGRmYjZmMTRlYWViYTI0NzgzYTZlMzM0NmZjMWYwMDIxIiwidGFnIjoiIn0=">

                <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)
                extractStats();
                
        // 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 chartsSection = document.querySelector('.blog-charts-section .charts-container');
        if (chartsSection) {
            const chartsInContent = document.querySelectorAll('.blog-content [data-chart]');
            chartsInContent.forEach(chart => {
                const chartWrapper = document.createElement('div');
                chartWrapper.style.marginBottom = '2rem';
                chartWrapper.appendChild(chart.cloneNode(true));
                chartsSection.appendChild(chartWrapper);
                chart.remove(); // Remove from content
            });
        }
                
        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;Villas Frente al Mar en Marbella: Gu\u00eda de Inversi\u00f3n en Ingresos por Alquiler&quot;,
    "description": &quot;Descubre c\u00f3mo invertir en villas frente al mar en Marbella. Gu\u00eda completa sobre ingresos por alquiler, regulaciones de Andaluc\u00eda y oportunidades de inversi\u00f3n en Los Monteros para 2026.&quot;,
    "image": &quot;&quot;,
    "datePublished": &quot;2026-04-01T22:34:15+00:00&quot;,
    "dateModified": &quot;2026-04-01T22:34:15+00:00&quot;,
    "wordCount": 400,
    "keywords": &quot;Beachfront Villas Marbella Rental Income 2026, Marbella property investment 2026, Luxury villas in Marbella, Marbella rental income guide, Beachfront villas Los Monteros, Marbella tourist license regulations&quot;,
    "articleSection": &quot;An\u00e1lisis de Mercado&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\/beachfront-villas-in-marbella-rental-income-investment-guide&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;Villas Frente al Mar en Marbella: Gu\u00eda de Inversi\u00f3n en Ingresos por Alquiler&quot;,
                "item": &quot;http:\/\/marbellaluxuryrentals.com\/es\/blog\/beachfront-villas-in-marbella-rental-income-investment-guide&quot;
            }
        ]
    }
}
</script>


<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
                {
            "@type": "Question",
            "name": &quot;\u00bfCu\u00e1les son las Tendencias Proyectadas de Ingresos por Alquiler para Villas Frente al Mar en Marbella para 2026?&quot;,
            "acceptedAnswer": {
                "@type": "Answer",
                "text": &quot;El atractivo de la playa de Marbella es innegable. Imagina tomar tu caf\u00e9 matutino al son de las olas acariciando la orilla. Esto no es solo un sue\u00f1o para los propietarios de villas en Marbella, particularmente en Los Monteros. Con precios promedio alcanzando los 8,772 \u20ac por metro cuadrado, el potenc...&quot;
            }
        },                {
            "@type": "Question",
            "name": &quot;\u00bfC\u00f3mo Impactan las Nuevas Regulaciones de Andaluc\u00eda en las Inversiones de Alquiler a Corto Plazo?&quot;,
            "acceptedAnswer": {
                "@type": "Answer",
                "text": &quot;El panorama para los alquileres a corto plazo en Marbella est\u00e1 evolucionando. Las nuevas regulaciones exigen que todas las propiedades utilizadas para turismo obtengan una licencia tur\u00edstica.&quot;
            }
        },                {
            "@type": "Question",
            "name": &quot;\u00bfQu\u00e9 Hace que Los Monteros Frente al Mar Sea una Oportunidad de Inversi\u00f3n Lucrativa?&quot;,
            "acceptedAnswer": {
                "@type": "Answer",
                "text": &quot;Los Monteros se destaca como un faro de lujo y exclusividad. Su tramo de playa pr\u00edstina alberga algunas de las villas m\u00e1s codiciadas de Marbella.&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>