{"id":8502,"date":"2025-07-28T07:06:48","date_gmt":"2025-07-28T07:06:48","guid":{"rendered":"https:\/\/hercesapt.evoost.ai\/hercesaen\/"},"modified":"2025-09-24T09:09:27","modified_gmt":"2025-09-24T09:09:27","slug":"hercesaen","status":"publish","type":"page","link":"https:\/\/hercesa.pt\/en\/","title":{"rendered":"HercesaEN"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8502\" class=\"elementor elementor-8502 elementor-7929\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0140716 e-con-full e-flex e-con e-parent\" data-id=\"0140716\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2119240 elementor-widget elementor-widget-html\" data-id=\"2119240\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Hero Slider Hercesa - Premium Black Version<\/title>\r\n    <style>\r\n        \/* Hero Slider Principal - Hercesa Versi\u00f3n Negro Premium *\/\r\n        .hercesa-hero-slider {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 85vh;\r\n            min-height: 600px;\r\n            overflow: hidden;\r\n            background-color: #0a0a0a;\r\n        }\r\n        \r\n        \/* Patr\u00f3n geom\u00e9trico de fondo *\/\r\n        .hero-pattern {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            opacity: 0.03;\r\n            background-image: \r\n                repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.05) 35px, rgba(255,255,255,.05) 70px),\r\n                repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.03) 35px, rgba(255,255,255,.03) 70px);\r\n            z-index: 2;\r\n        }\r\n        \r\n        \/* Contenedor de slides *\/\r\n        .hero-slides-container {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n        \r\n        \/* Slide individual *\/\r\n        .hero-slide {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transform: scale(1.1);\r\n            transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n            z-index: 1;\r\n        }\r\n        \r\n        .hero-slide.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            transform: scale(1);\r\n            z-index: 5;\r\n        }\r\n        \r\n        \/* Imagen de fondo con efecto Ken Burns *\/\r\n        .slide-background {\r\n            position: absolute;\r\n            top: -5%;\r\n            left: -5%;\r\n            width: 110%;\r\n            height: 110%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            animation: kenBurns 20s ease-out infinite;\r\n        }\r\n        \r\n        @keyframes kenBurns {\r\n            0% {\r\n                transform: scale(1) translate(0, 0);\r\n            }\r\n            50% {\r\n                transform: scale(1.15) translate(-2%, -2%);\r\n            }\r\n            100% {\r\n                transform: scale(1) translate(0, 0);\r\n            }\r\n        }\r\n        \r\n        \/* Overlay con gradiente negro premium *\/\r\n        .slide-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: \r\n                radial-gradient(ellipse at top left, rgba(254, 213, 111, 0.08) 0%, transparent 50%),\r\n                linear-gradient(135deg, rgba(15, 15, 15, 0.85) 0%, rgba(0, 0, 0, 0.7) 100%);\r\n            z-index: 1;\r\n        }\r\n        \r\n        \/* Elemento decorativo animado *\/\r\n        .slide-decoration {\r\n            position: absolute;\r\n            bottom: -50%;\r\n            right: -20%;\r\n            width: 100%;\r\n            height: 100%;\r\n            opacity: 0.08;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .slide-decoration::before {\r\n            content: '';\r\n            position: absolute;\r\n            width: 800px;\r\n            height: 800px;\r\n            border: 2px solid #FED56F;\r\n            border-radius: 50%;\r\n            animation: rotate 30s linear infinite;\r\n        }\r\n        \r\n        .slide-decoration::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 600px;\r\n            height: 600px;\r\n            border: 1px solid #FED56F;\r\n            border-radius: 50%;\r\n            top: 100px;\r\n            left: 100px;\r\n            animation: rotate 20s linear infinite reverse;\r\n        }\r\n        \r\n        @keyframes rotate {\r\n            from {\r\n                transform: rotate(0deg);\r\n            }\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n        \r\n        \/* Contenido del slide *\/\r\n        .slide-content {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 10%;\r\n            transform: translateY(-50%);\r\n            max-width: 700px;\r\n            z-index: 3;\r\n            color: white;\r\n        }\r\n        \r\n        \/* Badge animado *\/\r\n        .slide-badge {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, #FED56F 0%, #ffc94f 100%);\r\n            color: #0a0a0a;\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            padding: 0.5rem 1.5rem;\r\n            margin-bottom: 1.5rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);\r\n            opacity: 0;\r\n            transform: translateX(-30px);\r\n            animation: slideInRight 0.8s ease forwards 0.2s;\r\n        }\r\n        \r\n        \/* T\u00edtulo principal con animaci\u00f3n diferente *\/\r\n        .slide-title {\r\n            font-size: 4rem;\r\n            font-weight: 800;\r\n            line-height: 1.1;\r\n            margin-bottom: 1.5rem;\r\n            text-shadow: 0 4px 30px rgba(0, 0, 0, 0.8);\r\n            opacity: 0;\r\n            transform: translateY(40px) rotateX(-10deg);\r\n            animation: fadeInUpRotate 1s ease forwards 0.4s;\r\n            transform-origin: left center;\r\n        }\r\n        \r\n        @keyframes fadeInUpRotate {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) rotateX(0);\r\n            }\r\n        }\r\n        \r\n        @keyframes slideInRight {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n        \r\n        \/* Subt\u00edtulo con efecto de m\u00e1quina de escribir *\/\r\n        .slide-subtitle {\r\n            font-size: 1.3rem;\r\n            line-height: 1.6;\r\n            margin-bottom: 2.5rem;\r\n            opacity: 0.9;\r\n            text-shadow: 0 2px 15px rgba(0, 0, 0, 0.8);\r\n            max-width: 600px;\r\n            opacity: 0;\r\n            animation: fadeIn 1s ease forwards 0.8s;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            to {\r\n                opacity: 0.9;\r\n            }\r\n        }\r\n        \r\n        \/* Resaltado amarillo con underline animado *\/\r\n        .highlight {\r\n            color: #FED56F!important;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .highlight::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 0;\r\n            height: 3px;\r\n            background-color: #FED56F;\r\n            animation: underlineExpand 1s ease forwards 1.2s;\r\n        }\r\n        \r\n        @keyframes underlineExpand {\r\n            to {\r\n                width: 100%;\r\n            }\r\n        }\r\n        \r\n        \/* Bot\u00f3n CTA con efecto hover mejorado *\/\r\n        .slide-cta {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, #FED56F 0%, #ffc94f 100%);\r\n            color: #0a0a0a!important;\r\n            font-weight: 700;\r\n            font-size: 1rem;\r\n            padding: 1.2rem 3rem;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            box-shadow: 0 5px 20px rgba(254, 213, 111, 0.3);\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: bounceInUp 0.8s ease forwards 1s;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .slide-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.6s, height 0.6s;\r\n        }\r\n        \r\n        .slide-cta:hover {\r\n            transform: translateY(-5px) scale(1.05);\r\n            box-shadow: 0 10px 30px rgba(254, 213, 111, 0.5);\r\n        }\r\n        \r\n        .slide-cta:hover::before {\r\n            width: 300px;\r\n            height: 300px;\r\n        }\r\n        \r\n        @keyframes bounceInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        \/* Navegaci\u00f3n - Indicadores estilizados *\/\r\n        .hero-navigation {\r\n            position: absolute;\r\n            bottom: 40px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            gap: 20px;\r\n            z-index: 10;\r\n        }\r\n        \r\n        .nav-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            border-radius: 50%;\r\n            background-color: transparent;\r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n        }\r\n        \r\n        .nav-dot:hover {\r\n            border-color: #FED56F;\r\n            transform: scale(1.2);\r\n        }\r\n        \r\n        .nav-dot.active {\r\n            background-color: #FED56F;\r\n            border-color: #FED56F;\r\n            width: 30px;\r\n            border-radius: 15px;\r\n        }\r\n        \r\n        .nav-dot.active::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 20px;\r\n            height: 20px;\r\n            border: 1px solid #FED56F;\r\n            border-radius: 50%;\r\n            animation: pulse 2s ease infinite;\r\n        }\r\n        \r\n        @keyframes pulse {\r\n            0% {\r\n                opacity: 1;\r\n                transform: translate(-50%, -50%) scale(1);\r\n            }\r\n            100% {\r\n                opacity: 0;\r\n                transform: translate(-50%, -50%) scale(1.5);\r\n            }\r\n        }\r\n        \r\n        \/* Flechas de navegaci\u00f3n con dise\u00f1o hexagonal *\/\r\n        .hero-arrows {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 0 5%;\r\n            z-index: 10;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .arrow-btn {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(254, 213, 111, 0.3);\r\n            clip-path: polygon(30% 0%, 70% 0%, 100% 50%, 70% 100%, 30% 100%, 0% 50%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            opacity: 0;\r\n            pointer-events: all;\r\n        }\r\n        \r\n        .hercesa-hero-slider:hover .arrow-btn {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .arrow-btn:hover {\r\n            background: rgba(254, 213, 111, 0.2);\r\n            border-color: #FED56F;\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .arrow-btn svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            stroke: #FED56F;\r\n            stroke-width: 2;\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 1200px) {\r\n            .slide-content {\r\n                left: 8%;\r\n            }\r\n            \r\n            .slide-title {\r\n                font-size: 3.5rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 992px) {\r\n            .slide-title {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .slide-subtitle {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .slide-decoration {\r\n                display: none;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .hercesa-hero-slider {\r\n                height: 75vh;\r\n                min-height: 500px;\r\n            }\r\n            \r\n            .slide-content {\r\n                left: 5%;\r\n                right: 5%;\r\n                max-width: none;\r\n            }\r\n            \r\n            .slide-title {\r\n                font-size: 2.2rem;\r\n                margin-bottom: 1rem;\r\n            }\r\n            \r\n            .slide-subtitle {\r\n                font-size: 1rem;\r\n                margin-bottom: 2rem;\r\n            }\r\n            \r\n            .slide-cta {\r\n                padding: 1rem 2.5rem;\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .hero-navigation {\r\n                bottom: 25px;\r\n            }\r\n            \r\n            .arrow-btn {\r\n                display: none;\r\n            }\r\n            \r\n            .slide-badge {\r\n                font-size: 0.8rem;\r\n                padding: 0.4rem 1.2rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .slide-title {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .slide-subtitle {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .slide-cta {\r\n                width: 100%;\r\n                text-align: center;\r\n                padding: 1rem 2rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hercesa-hero-slider\">\r\n    <!-- Geometric background pattern -->\r\n    <div class=\"hero-pattern\"><\/div>\r\n    \r\n    <!-- Slides container -->\r\n    <div class=\"hero-slides-container\">\r\n        <!-- Slide 1 -->\r\n        <div class=\"hero-slide active\" data-slide=\"1\">\r\n            <div class=\"slide-background\" style=\"background-image: url('https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/06\/familiar-asvillas.jpg');\"><\/div>\r\n            <div class=\"slide-overlay\"><\/div>\r\n            <div class=\"slide-decoration\"><\/div>\r\n            <div class=\"slide-content\">\r\n                <span class=\"slide-badge\">Phase 4<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    New stage now on sale!<br>\r\n                    <span class=\"highlight\">Private Condominium<\/span>\r\n                <\/h1>\r\n                <p class=\"slide-subtitle\">\r\n                    2 and 3 bedroom apartments, ground floor and top floor with exceptional dimensions and qualities in Loures. All homes have a balcony and parking space and storage room included in the price. Exceptional common areas.\r\n                <\/p>\r\n                <a href=\"https:\/\/asvillas.pt\/en\/\" target=\"_blank\" class=\"slide-cta\">DISCOVER AS VILLAS<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Slide 2 -->\r\n        <div class=\"hero-slide\" data-slide=\"2\">\r\n            <div class=\"slide-background\" style=\"background-image: url('https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/08\/HABITEO-20989-\u2b50\ufe0f-\ufe0f\u2b50\ufe0f-Hi-Real-Estate-As-Villas-Santo-Antonio-dos-Cavaleiros-PI1_Salon_V06-scaled-1.jpg');\"><\/div>\r\n            <div class=\"slide-overlay\"><\/div>\r\n            <div class=\"slide-decoration\"><\/div>\r\n            <div class=\"slide-content\">\r\n                <span class=\"slide-badge\">Personalization<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    Your home<br>\r\n                    your <span class=\"highlight\">style<\/span>!\r\n                <\/h1>\r\n                <p class=\"slide-subtitle\">\r\n                    Personalize your home at no extra cost and enjoy the best features, technology and quality materials to make it an efficient place\r\n                <\/p>\r\n                <a href=\"https:\/\/asvillas.pt\/en\/\" target=\"_blank\" class=\"slide-cta\">DISCOVER AS VILLAS<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Slide 3 -->\r\n        <div class=\"hero-slide\" data-slide=\"3\">\r\n            <div class=\"slide-background\" style=\"background-image: url('https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/08\/1470_CAM-003_d-scaled-1.jpg');\"><\/div>\r\n            <div class=\"slide-overlay\"><\/div>\r\n            <div class=\"slide-decoration\"><\/div>\r\n            <div class=\"slide-content\">\r\n                <span class=\"slide-badge\">Quality of life<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    Reasons to live in <span class=\"highlight\">As Villas<\/span>\r\n                <\/h1>\r\n                <p class=\"slide-subtitle\">\r\n                    Apartment with balconies, garage and storage room. Private condominium with exceptional common areas. Energy rating A. Homes can be personalized free of charge, with equipped kitchen and air conditioning. Need more?\r\n                <\/p>\r\n                <a href=\"https:\/\/asvillas.pt\/en\/\" target=\"_blank\" class=\"slide-cta\">DISCOVER AS VILLAS<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Slide 4 -->\r\n        <div class=\"hero-slide\" data-slide=\"4\">\r\n            <div class=\"slide-background\" style=\"background-image: url('https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/08\/slider-4.png');\"><\/div>\r\n            <div class=\"slide-overlay\"><\/div>\r\n            <div class=\"slide-decoration\"><\/div>\r\n            <div class=\"slide-content\">\r\n                <span class=\"slide-badge\">Since 1975<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    <span class=\"highlight\">Guarantee<\/span> and strength\r\n                <\/h1>\r\n                <p class=\"slide-subtitle\">\r\n                    Since 1975 we have dedicated ourselves with passion to the real estate business. 30,000 properties sold in different countries and large-scale projects in the tertiary and industrial sectors are the guarantee of quality, strength and commitment to our clients\r\n                <\/p>\r\n                <a href=\"https:\/\/hercesa.pt\/en\/about\/\" target=\"_blank\" class=\"slide-cta\">LEARN MORE<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Navigation dots -->\r\n    <div class=\"hero-navigation\">\r\n        <div class=\"nav-dot active\" data-slide=\"1\"><\/div>\r\n        <div class=\"nav-dot\" data-slide=\"2\"><\/div>\r\n        <div class=\"nav-dot\" data-slide=\"3\"><\/div>\r\n        <div class=\"nav-dot\" data-slide=\"4\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Hexagonal navigation arrows -->\r\n    <div class=\"hero-arrows\">\r\n        <div class=\"arrow-btn prev-arrow\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n            <\/svg>\r\n        <\/div>\r\n        <div class=\"arrow-btn next-arrow\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n            <\/svg>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const slides = document.querySelectorAll('.hero-slide');\r\n        const dots = document.querySelectorAll('.nav-dot');\r\n        const prevBtn = document.querySelector('.prev-arrow');\r\n        const nextBtn = document.querySelector('.next-arrow');\r\n        \r\n        let currentSlide = 0;\r\n        let isTransitioning = false;\r\n        \r\n        \/\/ Function to show specific slide\r\n        function showSlide(index) {\r\n            if (isTransitioning) return;\r\n            isTransitioning = true;\r\n            \r\n            \/\/ Hide all slides and deactivate dots\r\n            slides.forEach(slide => {\r\n                slide.classList.remove('active');\r\n            });\r\n            dots.forEach(dot => {\r\n                dot.classList.remove('active');\r\n            });\r\n            \r\n            \/\/ Show current slide and activate corresponding dot\r\n            setTimeout(() => {\r\n                slides[index].classList.add('active');\r\n                dots[index].classList.add('active');\r\n                \r\n                \/\/ Reset content animations\r\n                const content = slides[index].querySelector('.slide-content');\r\n                const elements = content.querySelectorAll('.slide-badge, .slide-title, .slide-subtitle, .slide-cta');\r\n                elements.forEach(el => {\r\n                    el.style.animation = 'none';\r\n                    setTimeout(() => {\r\n                        el.style.animation = '';\r\n                    }, 10);\r\n                });\r\n                \r\n                currentSlide = index;\r\n                isTransitioning = false;\r\n            }, 300);\r\n        }\r\n        \r\n        \/\/ Function to go to next slide\r\n        function nextSlide() {\r\n            const nextIndex = (currentSlide + 1) % slides.length;\r\n            showSlide(nextIndex);\r\n        }\r\n        \r\n        \/\/ Function to go to previous slide\r\n        function prevSlide() {\r\n            const prevIndex = (currentSlide - 1 + slides.length) % slides.length;\r\n            showSlide(prevIndex);\r\n        }\r\n        \r\n        \/\/ Event listeners for dots\r\n        dots.forEach((dot, index) => {\r\n            dot.addEventListener('click', () => {\r\n                if (currentSlide !== index) {\r\n                    showSlide(index);\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Event listeners for arrows\r\n        prevBtn.addEventListener('click', () => {\r\n            prevSlide();\r\n        });\r\n        \r\n        nextBtn.addEventListener('click', () => {\r\n            nextSlide();\r\n        });\r\n        \r\n        \/\/ Touch controls for mobile\r\n        let touchStartX = 0;\r\n        let touchEndX = 0;\r\n        \r\n        const slider = document.querySelector('.hercesa-hero-slider');\r\n        \r\n        slider.addEventListener('touchstart', (e) => {\r\n            touchStartX = e.changedTouches[0].screenX;\r\n        });\r\n        \r\n        slider.addEventListener('touchend', (e) => {\r\n            touchEndX = e.changedTouches[0].screenX;\r\n            handleSwipe();\r\n        });\r\n        \r\n        function handleSwipe() {\r\n            const swipeDistance = touchEndX - touchStartX;\r\n            const minSwipeDistance = 50;\r\n            \r\n            if (Math.abs(swipeDistance) > minSwipeDistance) {\r\n                if (swipeDistance > 0) {\r\n                    prevSlide();\r\n                } else {\r\n                    nextSlide();\r\n                }\r\n            }\r\n        }\r\n        \r\n        \/\/ Optional auto-play (uncomment if desired)\r\n        \/*\r\n        setInterval(() => {\r\n            nextSlide();\r\n        }, 6000);\r\n        *\/\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3571a1 e-con-full e-flex e-con e-parent\" data-id=\"b3571a1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6485ebf elementor-widget elementor-widget-html\" data-id=\"6485ebf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>About Hercesa - Simple Design<\/title>\r\n    <style>\r\n    \/* Simple main block *\/\r\n    .hercesa-sobre-nosotros-simple {\r\n        padding: 6rem 0;\r\n        background-color: #ffffff;\r\n        position: relative;\r\n    }\r\n    \r\n    \/* Subtle background decoration *\/\r\n    .subtle-decoration {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: \r\n            radial-gradient(circle at 20% 50%, rgba(254, 213, 111, 0.03) 0%, transparent 50%),\r\n            radial-gradient(circle at 80% 50%, rgba(30, 58, 138, 0.02) 0%, transparent 50%);\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .sobre-container-simple {\r\n        width: 90%;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    \/* Section header *\/\r\n    .sobre-header-simple {\r\n        text-align: center;\r\n        margin-bottom: 3.5rem;\r\n    }\r\n    \r\n    \/* Enhanced subtitle *\/\r\n    .sobre-subtitle-simple {\r\n        font-size: 0.95rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        color: #1E3A8A;\r\n        margin-bottom: 1.2rem;\r\n        font-weight: 600;\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n    \r\n    \/* Small decorative dots *\/\r\n    .sobre-subtitle-simple::before,\r\n    .sobre-subtitle-simple::after {\r\n        content: '\u2022';\r\n        color: #FED56F;\r\n        font-size: 1.2rem;\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n    }\r\n    \r\n    .sobre-subtitle-simple::before {\r\n        left: -25px;\r\n    }\r\n    \r\n    .sobre-subtitle-simple::after {\r\n        right: -25px;\r\n    }\r\n    \r\n    \/* Main title *\/\r\n    .sobre-title-simple {\r\n        font-size: 2.8rem;\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n        margin-bottom: 2.5rem;\r\n        line-height: 1.2;\r\n    }\r\n    \r\n    \/* Subtle decorative line *\/\r\n    .title-line {\r\n        width: 80px;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #FED56F 0%, #FED56F 40%, transparent 100%);\r\n        margin: 0 auto 3rem;\r\n        position: relative;\r\n    }\r\n    \r\n    \/* Enhanced paragraph *\/\r\n    .sobre-description-simple {\r\n        max-width: 900px;\r\n        margin: 0 auto 3.5rem;\r\n        font-size: 1.125rem;\r\n        line-height: 1.8;\r\n        color: #555;\r\n        text-align: center;\r\n    }\r\n    \r\n    \/* Initial year highlight *\/\r\n    .year-highlight {\r\n        color: #1E3A8A;\r\n        font-weight: 600;\r\n    }\r\n    \r\n    \/* Key data inline *\/\r\n    .key-data {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 3rem;\r\n        margin-bottom: 3.5rem;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .data-point {\r\n        text-align: center;\r\n        position: relative;\r\n    }\r\n    \r\n    .data-point:not(:last-child)::after {\r\n        content: '';\r\n        position: absolute;\r\n        right: -1.5rem;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 1px;\r\n        height: 20px;\r\n        background-color: #e0e0e0;\r\n    }\r\n    \r\n    .data-number {\r\n        font-size: 1.8rem;\r\n        font-weight: 700;\r\n        color: #1E3A8A;\r\n        margin-bottom: 0.2rem;\r\n    }\r\n    \r\n    .data-label {\r\n        font-size: 0.9rem;\r\n        color: #777;\r\n        text-transform: lowercase;\r\n    }\r\n    \r\n    \/* Enhanced CTA button *\/\r\n    .sobre-cta-simple {\r\n        text-align: center;\r\n    }\r\n    \r\n    .cta-button-simple {\r\n        display: inline-block;\r\n        padding: 1.1rem 2.8rem;\r\n        background-color: #1E3A8A;\r\n        color: white !important;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        border-radius: 50px;\r\n        transition: all 0.3s ease;\r\n        font-size: 1rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        box-shadow: 0 4px 15px rgba(30, 58, 138, 0.15);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    \/* Subtle hover effect *\/\r\n    .cta-button-simple::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n        transition: left 0.6s ease;\r\n    }\r\n    \r\n    .cta-button-simple:hover {\r\n        background-color: #152a66;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(30, 58, 138, 0.2);\r\n    }\r\n    \r\n    .cta-button-simple:hover::before {\r\n        left: 100%;\r\n    }\r\n    \r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .hercesa-sobre-nosotros-simple {\r\n            padding: 4.5rem 0;\r\n        }\r\n        \r\n        .sobre-header-simple {\r\n            margin-bottom: 2.5rem;\r\n        }\r\n        \r\n        .sobre-subtitle-simple::before,\r\n        .sobre-subtitle-simple::after {\r\n            display: none;\r\n        }\r\n        \r\n        .sobre-title-simple {\r\n            font-size: 2.2rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .sobre-description-simple {\r\n            font-size: 1.05rem;\r\n            margin-bottom: 2.5rem;\r\n            text-align: left;\r\n        }\r\n        \r\n        .key-data {\r\n            gap: 2rem;\r\n            margin-bottom: 2.5rem;\r\n        }\r\n        \r\n        .data-point:not(:last-child)::after {\r\n            display: none;\r\n        }\r\n        \r\n        .data-number {\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        .cta-button-simple {\r\n            padding: 1rem 2.5rem;\r\n            font-size: 0.95rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .sobre-subtitle-simple {\r\n            font-size: 0.85rem;\r\n        }\r\n        \r\n        .sobre-title-simple {\r\n            font-size: 1.9rem;\r\n        }\r\n        \r\n        .sobre-description-simple {\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .key-data {\r\n            flex-direction: column;\r\n            gap: 1.5rem;\r\n        }\r\n        \r\n        .cta-button-simple {\r\n            font-size: 0.9rem;\r\n            padding: 0.9rem 2.2rem;\r\n            letter-spacing: 1px;\r\n        }\r\n    }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hercesa-sobre-nosotros-simple\">\r\n    <!-- Very subtle background decoration -->\r\n    <div class=\"subtle-decoration\"><\/div>\r\n    \r\n    <div class=\"sobre-container-simple\">\r\n        <!-- Section header -->\r\n        <div class=\"sobre-header-simple\">\r\n            <div class=\"sobre-subtitle-simple\">ABOUT US<\/div>\r\n            <h2 class=\"sobre-title-simple\">About Hercesa<\/h2>\r\n            <div class=\"title-line\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- Main description -->\r\n        <p class=\"sobre-description-simple\">\r\n            Hercesa began its activity in Portugal in <span class=\"year-highlight\">2006<\/span> with different residential and tertiary projects and, since then, has maintained its real estate activity with the same criteria of business excellence and innovation from day one. After 50 years of experience, Hercesa has already delivered more than 30,000 homes in Spain, Romania, Bulgaria, Ecuador, Panama, Mexico, and Portugal.\r\n        <\/p>\r\n        \r\n        <!-- Simplified key data -->\r\n        <div class=\"key-data\">\r\n            <div class=\"data-point\">\r\n                <div class=\"data-number\">50+<\/div>\r\n                <div class=\"data-label\">years of experience<\/div>\r\n            <\/div>\r\n            <div class=\"data-point\">\r\n                <div class=\"data-number\">30,000<\/div>\r\n                <div class=\"data-label\">homes delivered<\/div>\r\n            <\/div>\r\n            <div class=\"data-point\">\r\n                <div class=\"data-number\">200+<\/div>\r\n                <div class=\"data-label\">completed projects<\/div>\r\n            <\/div>\r\n            <div class=\"data-point\">\r\n                <div class=\"data-number\">7<\/div>\r\n                <div class=\"data-label\">countries<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- CTA button -->\r\n        <div class=\"sobre-cta-simple\">\r\n            <a href=\"https:\/\/hercesa.pt\/en\/about\/\" class=\"cta-button-simple\">Discover Hercesa<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5a7408 e-con-full e-flex e-con e-parent\" data-id=\"e5a7408\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6efd5a7 elementor-widget elementor-widget-html\" data-id=\"6efd5a7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>As Villas Development - Cards Version<\/title>\r\n    <style>\r\n    \/* Main section *\/\r\n    .as-villas-section {\r\n        padding: 5rem 0;\r\n        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    \/* Subtle background decoration *\/\r\n    .section-decoration {\r\n        position: absolute;\r\n        width: 800px;\r\n        height: 800px;\r\n        border-radius: 50%;\r\n        background: radial-gradient(circle, rgba(254, 213, 111, 0.03) 0%, transparent 60%);\r\n        top: -400px;\r\n        right: -200px;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .section-container {\r\n        width: 90%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    \/* Centered header *\/\r\n    .section-header {\r\n        text-align: center;\r\n        margin-bottom: 4rem;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 3rem;\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n        margin-bottom: 1.5rem;\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n    \r\n    \/* Decorative line under title *\/\r\n    .section-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -10px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 80px;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #FED56F 0%, #f4c441 100%);\r\n        border-radius: 2px;\r\n    }\r\n    \r\n    .section-subtitle {\r\n        font-size: 1.25rem;\r\n        color: #6B7280;\r\n        line-height: 1.8;\r\n        margin-top: 2rem;\r\n        max-width: 800px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n    \r\n    .section-subtitle strong {\r\n        color: #1E3A8A;\r\n        font-weight: 600;\r\n    }\r\n    \r\n    \/* Cards grid *\/\r\n    .features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 2rem;\r\n        margin-top: 3rem;\r\n    }\r\n    \r\n    \/* Individual card *\/\r\n    .feature-card {\r\n        background: white;\r\n        border-radius: 20px;\r\n        padding: 2.5rem;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    \/* Card hover effect *\/\r\n    .feature-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #FED56F 0%, #f4c441 100%);\r\n        transform: translateX(-100%);\r\n        transition: transform 0.4s ease;\r\n    }\r\n    \r\n    .feature-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\r\n    }\r\n    \r\n    .feature-card:hover::before {\r\n        transform: translateX(0);\r\n    }\r\n    \r\n    \/* Card icon *\/\r\n    .card-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, #FED56F 0%, #f4c441 100%);\r\n        border-radius: 15px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 1.5rem;\r\n        box-shadow: 0 5px 15px rgba(254, 213, 111, 0.3);\r\n    }\r\n    \r\n    .card-icon svg {\r\n        width: 28px;\r\n        height: 28px;\r\n        stroke: white;\r\n        stroke-width: 3;\r\n    }\r\n    \r\n    \/* Card content *\/\r\n    .card-content {\r\n        font-size: 1.05rem;\r\n        color: #4B5563;\r\n        line-height: 1.7;\r\n    }\r\n    \r\n    \/* Decorative number in background *\/\r\n    .card-number {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        font-size: 3rem;\r\n        font-weight: 800;\r\n        color: rgba(254, 213, 111, 0.15);\r\n        line-height: 1;\r\n    }\r\n    \r\n    \/* Responsive *\/\r\n    @media (max-width: 1024px) {\r\n        .features-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        \r\n        .feature-card:last-child {\r\n            grid-column: span 2;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .section-title {\r\n            font-size: 2.2rem;\r\n        }\r\n        \r\n        .section-subtitle {\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .features-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n        \r\n        .feature-card:last-child {\r\n            grid-column: span 1;\r\n            max-width: 100%;\r\n        }\r\n        \r\n        .feature-card {\r\n            padding: 2rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .as-villas-section {\r\n            padding: 3rem 0;\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 1.8rem;\r\n        }\r\n        \r\n        .section-subtitle {\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .section-header {\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .feature-card {\r\n            padding: 1.5rem;\r\n        }\r\n        \r\n        .card-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n        \r\n        .card-icon svg {\r\n            width: 24px;\r\n            height: 24px;\r\n        }\r\n        \r\n        .card-content {\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .card-number {\r\n            font-size: 2.5rem;\r\n        }\r\n    }\r\n    \r\n    \/* Entry animation *\/\r\n    @keyframes fadeInUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n    \r\n    .feature-card {\r\n        animation: fadeInUp 0.6s ease-out backwards;\r\n    }\r\n    \r\n    .feature-card:nth-child(1) {\r\n        animation-delay: 0.1s;\r\n    }\r\n    \r\n    .feature-card:nth-child(2) {\r\n        animation-delay: 0.2s;\r\n    }\r\n    \r\n    .feature-card:nth-child(3) {\r\n        animation-delay: 0.3s;\r\n    }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"as-villas-section\">\r\n    <!-- Background decoration -->\r\n    <div class=\"section-decoration\"><\/div>\r\n    \r\n    <div class=\"section-container\">\r\n        <!-- Header -->\r\n        <div class=\"section-header\">\r\n            <h2 class=\"section-title\">Discover As Villas<\/h2>\r\n            <p class=\"section-subtitle\">\r\n                1, 2, 3 and 4 bedroom homes in a private condominium<br>\r\n                just <strong>15 minutes from Lisbon<\/strong>\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <!-- Features grid -->\r\n        <div class=\"features-grid\">\r\n            <!-- Card 1 -->\r\n            <div class=\"feature-card\">\r\n                <div class=\"card-number\">01<\/div>\r\n                <div class=\"card-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    New phase of 1, 2, 3 and 4 bedroom apartments with private condominium and exceptional common areas.\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Card 2 -->\r\n            <div class=\"feature-card\">\r\n                <div class=\"card-number\">02<\/div>\r\n                <div class=\"card-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    Your home, your style! A wide range of customization options at no extra cost.\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Card 3 -->\r\n            <div class=\"feature-card\">\r\n                <div class=\"card-number\">03<\/div>\r\n                <div class=\"card-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    Apartments with balconies of exceptional dimensions. Parking space and storage room included.\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f43f2d1 elementor-widget elementor-widget-video\" data-id=\"f43f2d1\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/ENG_Trailer_E2.mp4\" autoplay=\"\" controls=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Slider Hercesa &#8211; Premium Black Version Phase 4 New stage now on sale! Private Condominium 2 and 3 bedroom apartments, ground floor and top floor with exceptional dimensions and qualities in Loures. All homes have a balcony and parking space and storage room included in the price. Exceptional common areas. DISCOVER AS VILLAS Personalization [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-8502","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hercesa | Real Estate<\/title>\n<meta name=\"description\" content=\"We have been building projects around the world for 50 years - Hercesa in Lisbon, with a new residential development in Loures - As Villas\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hercesa.pt\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hercesa | Real Estate\" \/>\n<meta property=\"og:description\" content=\"We have been building projects around the world for 50 years - Hercesa in Lisbon, with a new residential development in Loures - As Villas\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hercesa.pt\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Hercesa\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-24T09:09:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/hercesa-1024x797.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"797\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hercesa.pt\/en\/\",\"url\":\"https:\/\/hercesa.pt\/en\/\",\"name\":\"Hercesa | Real Estate\",\"isPartOf\":{\"@id\":\"https:\/\/hercesa.pt\/#website\"},\"datePublished\":\"2025-07-28T07:06:48+00:00\",\"dateModified\":\"2025-09-24T09:09:27+00:00\",\"description\":\"We have been building projects around the world for 50 years - Hercesa in Lisbon, with a new residential development in Loures - As Villas\",\"breadcrumb\":{\"@id\":\"https:\/\/hercesa.pt\/en\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hercesa.pt\/en\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hercesa.pt\/en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/hercesa.pt\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HercesaEN\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hercesa.pt\/#website\",\"url\":\"https:\/\/hercesa.pt\/\",\"name\":\"Hercesa | Voca\u00e7\u00e3o Imobili\u00e1ria\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/hercesa.pt\/#organization\"},\"alternateName\":\"Hercesa | Voca\u00e7\u00e3o Imobili\u00e1ria\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hercesa.pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hercesa.pt\/#organization\",\"name\":\"As Villas - Apartamentos em Lisboa\",\"alternateName\":\"As Villas\",\"url\":\"https:\/\/hercesa.pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hercesa.pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/05\/vistas-asvillas.jpg\",\"contentUrl\":\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/05\/vistas-asvillas.jpg\",\"width\":1152,\"height\":768,\"caption\":\"As Villas - Apartamentos em Lisboa\"},\"image\":{\"@id\":\"https:\/\/hercesa.pt\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hercesa | Real Estate","description":"We have been building projects around the world for 50 years - Hercesa in Lisbon, with a new residential development in Loures - As Villas","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hercesa.pt\/en\/","og_locale":"en_US","og_type":"article","og_title":"Hercesa | Real Estate","og_description":"We have been building projects around the world for 50 years - Hercesa in Lisbon, with a new residential development in Loures - As Villas","og_url":"https:\/\/hercesa.pt\/en\/","og_site_name":"Hercesa","article_modified_time":"2025-09-24T09:09:27+00:00","og_image":[{"width":1024,"height":797,"url":"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/hercesa-1024x797.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hercesa.pt\/en\/","url":"https:\/\/hercesa.pt\/en\/","name":"Hercesa | Real Estate","isPartOf":{"@id":"https:\/\/hercesa.pt\/#website"},"datePublished":"2025-07-28T07:06:48+00:00","dateModified":"2025-09-24T09:09:27+00:00","description":"We have been building projects around the world for 50 years - Hercesa in Lisbon, with a new residential development in Loures - As Villas","breadcrumb":{"@id":"https:\/\/hercesa.pt\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hercesa.pt\/en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hercesa.pt\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/hercesa.pt\/en\/"},{"@type":"ListItem","position":2,"name":"HercesaEN"}]},{"@type":"WebSite","@id":"https:\/\/hercesa.pt\/#website","url":"https:\/\/hercesa.pt\/","name":"Hercesa | Voca\u00e7\u00e3o Imobili\u00e1ria","description":"","publisher":{"@id":"https:\/\/hercesa.pt\/#organization"},"alternateName":"Hercesa | Voca\u00e7\u00e3o Imobili\u00e1ria","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hercesa.pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hercesa.pt\/#organization","name":"As Villas - Apartamentos em Lisboa","alternateName":"As Villas","url":"https:\/\/hercesa.pt\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hercesa.pt\/#\/schema\/logo\/image\/","url":"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/05\/vistas-asvillas.jpg","contentUrl":"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/05\/vistas-asvillas.jpg","width":1152,"height":768,"caption":"As Villas - Apartamentos em Lisboa"},"image":{"@id":"https:\/\/hercesa.pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hercesa.pt\/en\/wp-json\/wp\/v2\/pages\/8502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hercesa.pt\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hercesa.pt\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hercesa.pt\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hercesa.pt\/en\/wp-json\/wp\/v2\/comments?post=8502"}],"version-history":[{"count":44,"href":"https:\/\/hercesa.pt\/en\/wp-json\/wp\/v2\/pages\/8502\/revisions"}],"predecessor-version":[{"id":9544,"href":"https:\/\/hercesa.pt\/en\/wp-json\/wp\/v2\/pages\/8502\/revisions\/9544"}],"wp:attachment":[{"href":"https:\/\/hercesa.pt\/en\/wp-json\/wp\/v2\/media?parent=8502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}