{"id":7929,"date":"2025-07-28T07:06:48","date_gmt":"2025-07-28T07:06:48","guid":{"rendered":"https:\/\/asvillas.evoost.ai\/?page_id=7929"},"modified":"2025-12-29T08:29:38","modified_gmt":"2025-12-29T08:29:38","slug":"hercesaes","status":"publish","type":"page","link":"https:\/\/hercesa.pt\/es\/","title":{"rendered":"HercesaES"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7929\" class=\"elementor 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=\"es\">\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 - Versi\u00f3n Negro Premium<\/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    <!-- Patr\u00f3n geom\u00e9trico de fondo -->\r\n    <div class=\"hero-pattern\"><\/div>\r\n    \r\n    <!-- Contenedor de slides -->\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\">Fase 4<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    \u00a1Nueva etapa a la venta!<br>\r\n                    <span class=\"highlight\">Urbanizaci\u00f3n Privada<\/span>\r\n                <\/h1>\r\n                <p class=\"slide-subtitle\">\r\n                    Apartamentos de 2 y 3 dormitorios, planta baja y \u00faltimo piso con dimensiones y calidades excepcionales en Loures. Todas las viviendas tienen terraza y plaza de aparcamiento y trastero incluidos en el precio. Excepcionales zonas comunes.\r\n                <\/p>\r\n                <a href=\"https:\/\/asvillas.pt\/es\/\" target=\"_blank\" class=\"slide-cta\">CONOCE 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\">Personalizaci\u00f3n<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    \u00a1Tu casa<br>\r\n                    a tu <span class=\"highlight\">estilo<\/span>!\r\n                <\/h1>\r\n                <p class=\"slide-subtitle\">\r\n                    Personaliza tu casa sin costes adicionales y disfruta de las mejores caracter\u00edsticas, tecnolog\u00eda y materiales de calidad para hacer de ella un lugar eficiente\r\n                <\/p>\r\n                <a href=\"https:\/\/asvillas.pt\/es\/\" target=\"_blank\" class=\"slide-cta\">CONOCE 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\">Calidad de vida<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    Razones para vivir en <span class=\"highlight\">As Villas<\/span>\r\n                <\/h1>\r\n                <p class=\"slide-subtitle\">\r\n                    Apartamento con terrazas, garaje y trastero. Urbanizaci\u00f3n privada con zonas comunes excepcionales. Calificaci\u00f3n energ\u00e9tica A. Las viviendas pueden ser personalizadas gratuitamente, con cocina equipada y aire acondicionado. \u00bfNecesitas m\u00e1s?\r\n                <\/p>\r\n                <a href=\"https:\/\/asvillas.pt\/es\/\" target=\"_blank\" class=\"slide-cta\">CONOCE 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\">Desde 1975<\/span>\r\n                <h1 class=\"slide-title\">\r\n                    <span class=\"highlight\">Garant\u00eda<\/span> y solidez\r\n                <\/h1>\r\n                <p class=\"slide-subtitle\">\r\n                    Desde 1975 nos dedicamos con pasi\u00f3n al negocio inmobiliario. 30.000 inmuebles vendidos en diferentes pa\u00edses y proyectos de gran dimensi\u00f3n en los sectores terciario e industrial son la garant\u00eda de calidad, solidez y compromiso con nuestros clientes\r\n                <\/p>\r\n                <a href=\"https:\/\/hercesa.pt\/es\/sobre-hercesa\/\" target=\"_blank\" class=\"slide-cta\">SABER M\u00c1S<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Navegaci\u00f3n con 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    <!-- Flechas de navegaci\u00f3n hexagonales -->\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        \/\/ Funci\u00f3n para mostrar un slide espec\u00edfico\r\n        function showSlide(index) {\r\n            if (isTransitioning) return;\r\n            isTransitioning = true;\r\n            \r\n            \/\/ Ocultar todos los slides y desactivar 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            \/\/ Mostrar slide actual y activar dot correspondiente\r\n            setTimeout(() => {\r\n                slides[index].classList.add('active');\r\n                dots[index].classList.add('active');\r\n                \r\n                \/\/ Resetear animaciones del contenido\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        \/\/ Funci\u00f3n para ir al siguiente slide\r\n        function nextSlide() {\r\n            const nextIndex = (currentSlide + 1) % slides.length;\r\n            showSlide(nextIndex);\r\n        }\r\n        \r\n        \/\/ Funci\u00f3n para ir al slide anterior\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 para los 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 para las flechas\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        \/\/ Control t\u00e1ctil para m\u00f3viles\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        \/\/ Auto-play opcional (descomentarlo si se desea)\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=\"es\">\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>Sobre Hercesa - Dise\u00f1o Simple<\/title>\r\n    <style>\r\n    \/* Bloque principal simple *\/\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    \/* Sutil decoraci\u00f3n de fondo *\/\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    \/* Encabezado de secci\u00f3n *\/\r\n    .sobre-header-simple {\r\n        text-align: center;\r\n        margin-bottom: 3.5rem;\r\n    }\r\n    \r\n    \/* Subt\u00edtulo mejorado *\/\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    \/* Peque\u00f1os puntos decorativos *\/\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    \/* T\u00edtulo principal *\/\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    \/* L\u00ednea decorativa sutil *\/\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    \/* P\u00e1rrafo mejorado *\/\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    \/* Resaltado del a\u00f1o inicial *\/\r\n    .year-highlight {\r\n        color: #1E3A8A;\r\n        font-weight: 600;\r\n    }\r\n    \r\n    \/* Datos clave en l\u00ednea *\/\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    \/* Bot\u00f3n CTA mejorado *\/\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    \/* Efecto hover sutil *\/\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    <!-- Decoraci\u00f3n de fondo muy sutil -->\r\n    <div class=\"subtle-decoration\"><\/div>\r\n    \r\n    <div class=\"sobre-container-simple\">\r\n        <!-- Encabezado de la secci\u00f3n -->\r\n        <div class=\"sobre-header-simple\">\r\n            <div class=\"sobre-subtitle-simple\">NOSOTROS<\/div>\r\n            <h2 class=\"sobre-title-simple\">Sobre Hercesa<\/h2>\r\n            <div class=\"title-line\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- Descripci\u00f3n principal -->\r\n        <p class=\"sobre-description-simple\">\r\n            Hercesa inici\u00f3 su actividad en Portugal en <span class=\"year-highlight\">2006<\/span> con diferentes proyectos residenciales y terciarios y, desde entonces, mantiene su actividad inmobiliaria con los mismos criterios de excelencia empresarial e innovaci\u00f3n del primer d\u00eda. Tras 50 a\u00f1os de experiencia, Hercesa ya ha entregado m\u00e1s de 30.000 viviendas en Espa\u00f1a, Ruman\u00eda, Bulgaria, Ecuador, Panam\u00e1, M\u00e9xico y Portugal.\r\n        <\/p>\r\n        \r\n        <!-- Datos clave simplificados -->\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\">a\u00f1os de experiencia<\/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\">viviendas entregadas<\/div>\r\n            <\/div>\r\n            <div class=\"data-point\">\r\n                <div class=\"data-number\">200+<\/div>\r\n                <div class=\"data-label\">proyectos completados<\/div>\r\n            <\/div>\r\n            <div class=\"data-point\">\r\n                <div class=\"data-number\">7<\/div>\r\n                <div class=\"data-label\">pa\u00edses<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Bot\u00f3n CTA -->\r\n        <div class=\"sobre-cta-simple\">\r\n            <a href=\"https:\/\/hercesa.pt\/es\/sobre-hercesa\/\" class=\"cta-button-simple\">Conoce 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=\"es\">\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>Promoci\u00f3n As Villas - Versi\u00f3n Cards<\/title>\r\n    <style>\r\n    \/* Secci\u00f3n principal *\/\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    \/* Decoraci\u00f3n de fondo sutil *\/\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    \/* Header centrado *\/\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    \/* L\u00ednea decorativa bajo el t\u00edtulo *\/\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    \/* Grid de cards *\/\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    \/* Card individual *\/\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    \/* Efecto hover en cards *\/\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    \/* Icono del card *\/\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    \/* Contenido del card *\/\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    \/* N\u00famero decorativo en el fondo *\/\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    \/* Animaci\u00f3n de entrada *\/\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    <!-- Decoraci\u00f3n de fondo -->\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\">Descubre As Villas<\/h2>\r\n            <p class=\"section-subtitle\">\r\n                Viviendas de 1, 2, 3 y 4 dormitorios en una urbanizaci\u00f3n privada<br>\r\n                a tan solo <strong>15 minutos de Lisboa<\/strong>\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <!-- Grid de caracter\u00edsticas -->\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                    Nueva fase de apartamentos de 1, 2, 3 y 4 dormitorios con urbanizaci\u00f3n privada y zonas comunes excepcionales.\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                    \u00a1Tu casa a tu estilo! Una amplia gama de opciones de personalizaci\u00f3n sin costes adicionales.\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                    Apartamentos con balcones y terrazas con dimensiones excepcionales. Plaza de garaje y trastero incluidos.\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-8f0ffe4 elementor-widget elementor-widget-video\" data-id=\"8f0ffe4\" 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\/ESP_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; Versi\u00f3n Negro Premium Fase 4 \u00a1Nueva etapa a la venta! Urbanizaci\u00f3n Privada Apartamentos de 2 y 3 dormitorios, planta baja y \u00faltimo piso con dimensiones y calidades excepcionales en Loures. Todas las viviendas tienen terraza y plaza de aparcamiento y trastero incluidos en el precio. Excepcionales zonas comunes. CONOCE AS VILLAS [&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-7929","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 | Vocaci\u00f3n Inmobiliaria<\/title>\n<meta name=\"description\" content=\"Llevamos 50 A\u00f1os construyendo Proyectos alrededor del Mundo - Hercesa en Lisboa, con nueva promoci\u00f3n residencial en 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\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hercesa | Vocaci\u00f3n Inmobiliaria\" \/>\n<meta property=\"og:description\" content=\"Llevamos 50 A\u00f1os construyendo Proyectos alrededor del Mundo - Hercesa en Lisboa, con nueva promoci\u00f3n residencial en Loures - As Villas\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hercesa.pt\/\" \/>\n<meta property=\"og:site_name\" content=\"Hercesa\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T08:29:38+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=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hercesa.pt\/\",\"url\":\"https:\/\/hercesa.pt\/\",\"name\":\"Hercesa | Vocaci\u00f3n Inmobiliaria\",\"isPartOf\":{\"@id\":\"https:\/\/hercesa.pt\/#website\"},\"datePublished\":\"2025-07-28T07:06:48+00:00\",\"dateModified\":\"2025-12-29T08:29:38+00:00\",\"description\":\"Llevamos 50 A\u00f1os construyendo Proyectos alrededor del Mundo - Hercesa en Lisboa, con nueva promoci\u00f3n residencial en Loures - As Villas\",\"breadcrumb\":{\"@id\":\"https:\/\/hercesa.pt\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hercesa.pt\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hercesa.pt\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/hercesa.pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HercesaES\"}]},{\"@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\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hercesa.pt\/#organization\",\"name\":\"As Villas - Apartamentos em Lisboa\",\"alternateName\":\"As Villas\",\"url\":\"https:\/\/hercesa.pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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 | Vocaci\u00f3n Inmobiliaria","description":"Llevamos 50 A\u00f1os construyendo Proyectos alrededor del Mundo - Hercesa en Lisboa, con nueva promoci\u00f3n residencial en 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\/","og_locale":"es_ES","og_type":"article","og_title":"Hercesa | Vocaci\u00f3n Inmobiliaria","og_description":"Llevamos 50 A\u00f1os construyendo Proyectos alrededor del Mundo - Hercesa en Lisboa, con nueva promoci\u00f3n residencial en Loures - As Villas","og_url":"https:\/\/hercesa.pt\/","og_site_name":"Hercesa","article_modified_time":"2025-12-29T08:29:38+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":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hercesa.pt\/","url":"https:\/\/hercesa.pt\/","name":"Hercesa | Vocaci\u00f3n Inmobiliaria","isPartOf":{"@id":"https:\/\/hercesa.pt\/#website"},"datePublished":"2025-07-28T07:06:48+00:00","dateModified":"2025-12-29T08:29:38+00:00","description":"Llevamos 50 A\u00f1os construyendo Proyectos alrededor del Mundo - Hercesa en Lisboa, con nueva promoci\u00f3n residencial en Loures - As Villas","breadcrumb":{"@id":"https:\/\/hercesa.pt\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hercesa.pt\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hercesa.pt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/hercesa.pt\/"},{"@type":"ListItem","position":2,"name":"HercesaES"}]},{"@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":"es"},{"@type":"Organization","@id":"https:\/\/hercesa.pt\/#organization","name":"As Villas - Apartamentos em Lisboa","alternateName":"As Villas","url":"https:\/\/hercesa.pt\/","logo":{"@type":"ImageObject","inLanguage":"es","@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\/es\/wp-json\/wp\/v2\/pages\/7929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/comments?post=7929"}],"version-history":[{"count":173,"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/pages\/7929\/revisions"}],"predecessor-version":[{"id":9724,"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/pages\/7929\/revisions\/9724"}],"wp:attachment":[{"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/media?parent=7929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}