{"id":9246,"date":"2025-09-11T06:56:03","date_gmt":"2025-09-11T06:56:03","guid":{"rendered":"https:\/\/hercesapt.evoost.ai\/as-villas\/"},"modified":"2025-09-30T10:31:40","modified_gmt":"2025-09-30T10:31:40","slug":"as-villas","status":"publish","type":"page","link":"https:\/\/hercesa.pt\/es\/as-villas\/","title":{"rendered":"As Villas"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n As Villas - Hercesa (Versi\u00f3n Final)<\/title>\r\n <style>\r\n \/* Reset y contenedor principal *\/\r\n .hercesa-asvillas-dynamic {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\r\n color: #1a1a1a !important;\r\n overflow-x: hidden !important;\r\n }\r\n \r\n .hercesa-asvillas-dynamic * {\r\n box-sizing: border-box !important;\r\n }\r\n \r\n \/* SECCI\u00d3N 1: Hero con imagen de fondo *\/\r\n .asvillas-hero {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 70vh !important;\r\n min-height: 500px !important;\r\n background-image: url('https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/05\/1470_CAM-027_d-Large.jpg') !important;\r\n background-size: cover !important;\r\n background-position: center !important;\r\n background-attachment: fixed !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n \r\n .asvillas-hero::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n bottom: 0 !important;\r\n background: linear-gradient(135deg, rgba(30, 58, 138, 0.85) 0%, rgba(20, 30, 70, 0.7) 100%) !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n .hero-content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n text-align: center !important;\r\n color: white !important;\r\n padding: 0 2rem !important;\r\n max-width: 900px !important;\r\n }\r\n \r\n .hero-badge {\r\n display: inline-block !important;\r\n background-color: #FED56F !important;\r\n color: #1a1a1a !important;\r\n padding: 0.6rem 2rem !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 700 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 2px !important;\r\n margin-bottom: 2rem !important;\r\n }\r\n \r\n .hero-title {\r\n font-size: 4rem !important;\r\n font-weight: 800 !important;\r\n margin-bottom: 1rem !important;\r\n line-height: 1.1 !important;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;\r\n }\r\n \r\n .hero-title span {\r\n color: #FED56F !important;\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: 1.3rem !important;\r\n font-weight: 300 !important;\r\n opacity: 0.95 !important;\r\n margin-bottom: 2rem !important;\r\n line-height: 1.5 !important;\r\n }\r\n \r\n .hero-stats {\r\n display: flex !important;\r\n justify-content: center !important;\r\n gap: 3rem !important;\r\n margin-top: 3rem !important;\r\n }\r\n \r\n .stat-item {\r\n text-align: center !important;\r\n }\r\n \r\n .stat-number {\r\n font-size: 2.5rem !important;\r\n font-weight: 700 !important;\r\n color: #FED56F !important;\r\n }\r\n \r\n .stat-label {\r\n font-size: 0.9rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 1px !important;\r\n opacity: 0.9 !important;\r\n }\r\n \r\n \/* SECCI\u00d3N 2: Introducci\u00f3n con layout alternado *\/\r\n .asvillas-intro {\r\n padding: 5rem 0 !important;\r\n background-color: #ffffff !important;\r\n }\r\n \r\n .container {\r\n width: 90% !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n .intro-grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 4rem !important;\r\n align-items: center !important;\r\n margin-bottom: 4rem !important;\r\n }\r\n \r\n .intro-text {\r\n padding: 2rem !important;\r\n }\r\n \r\n .section-title {\r\n font-size: 2.5rem !important;\r\n font-weight: 700 !important;\r\n color: #1a1a1a !important;\r\n margin-bottom: 1.5rem !important;\r\n position: relative !important;\r\n }\r\n \r\n .title-decorator {\r\n width: 60px !important;\r\n height: 3px !important;\r\n background-color: #FED56F !important;\r\n margin: 1rem 0 2rem 0 !important;\r\n }\r\n \r\n .intro-paragraph {\r\n font-size: 1.1rem !important;\r\n line-height: 1.7 !important;\r\n color: #555 !important;\r\n margin-bottom: 1.5rem !important;\r\n }\r\n \r\n .intro-visual {\r\n position: relative !important;\r\n height: 400px !important;\r\n border-radius: 20px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.15) !important;\r\n }\r\n \r\n .intro-visual img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n }\r\n \r\n \/* SECCI\u00d3N 3: Localizaci\u00f3n con iconos SVG - MODIFICADA PARA 2x3 *\/\r\n .asvillas-location {\r\n padding: 4rem 0 !important;\r\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%) !important;\r\n }\r\n \r\n .location-header {\r\n text-align: center !important;\r\n margin-bottom: 3rem !important;\r\n }\r\n \r\n .location-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n grid-template-rows: repeat(2, 1fr) !important;\r\n gap: 2rem !important;\r\n margin-top: 3rem !important;\r\n }\r\n \r\n .location-card {\r\n text-align: center !important;\r\n padding: 2rem 1rem !important;\r\n background-color: white !important;\r\n border-radius: 15px !important;\r\n transition: all 0.3s ease !important;\r\n border: 1px solid #e5e7eb !important;\r\n }\r\n \r\n .location-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;\r\n border-color: #FED56F !important;\r\n }\r\n \r\n .location-icon {\r\n width: 60px !important;\r\n height: 60px !important;\r\n margin: 0 auto 1rem !important;\r\n background-color: rgba(254, 213, 111, 0.15) !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n \r\n .location-icon svg {\r\n width: 30px !important;\r\n height: 30px !important;\r\n stroke: #1E3A8A !important;\r\n fill: none !important;\r\n stroke-width: 2 !important;\r\n }\r\n \r\n .location-name {\r\n font-weight: 600 !important;\r\n color: #1a1a1a !important;\r\n margin-bottom: 0.5rem !important;\r\n }\r\n \r\n .location-distance {\r\n font-size: 0.9rem !important;\r\n color: #6B7280 !important;\r\n }\r\n \r\n \/* SECCI\u00d3N 4: Caracter\u00edsticas especiales *\/\r\n .asvillas-features {\r\n padding: 5rem 0 !important;\r\n background-color: #0e1f40 !important;\r\n color: white !important;\r\n }\r\n \r\n .features-content {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 4rem !important;\r\n align-items: center !important;\r\n }\r\n \r\n .features-text {\r\n padding: 2rem !important;\r\n }\r\n \r\n .features-text .section-title {\r\n color: white !important;\r\n }\r\n \r\n .features-text p {\r\n color: rgba(255,255,255,0.9) !important;\r\n font-size: 1.1rem !important;\r\n line-height: 1.7 !important;\r\n margin-bottom: 2rem !important;\r\n }\r\n \r\n .feature-list {\r\n list-style: none !important;\r\n padding: 0 !important;\r\n margin: 2rem 0 !important;\r\n }\r\n \r\n .feature-list li {\r\n padding: 1rem 0 !important;\r\n border-bottom: 1px solid rgba(255,255,255,0.1) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 1rem !important;\r\n }\r\n \r\n .feature-list li:last-child {\r\n border-bottom: none !important;\r\n }\r\n \r\n .feature-check {\r\n width: 24px !important;\r\n height: 24px !important;\r\n background-color: #FED56F !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n .feature-check svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n stroke: #1a1a1a !important;\r\n stroke-width: 3 !important;\r\n }\r\n \r\n .features-visual {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 1rem !important;\r\n padding: 2rem !important;\r\n }\r\n \r\n .feature-photo {\r\n height: 200px !important;\r\n border-radius: 10px !important;\r\n overflow: hidden !important;\r\n position: relative !important;\r\n }\r\n \r\n .feature-photo img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.5s ease !important;\r\n }\r\n \r\n .feature-photo:hover img {\r\n transform: scale(1.1) !important;\r\n }\r\n \r\n \/* SECCI\u00d3N 5: Sostenibilidad *\/\r\n .asvillas-sustainability {\r\n padding: 5rem 0 !important;\r\n background: linear-gradient(135deg, #dcfce7 0%, #f0fdf4 100%) !important;\r\n }\r\n \r\n .sustainability-content {\r\n text-align: center !important;\r\n max-width: 900px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n .eco-icon {\r\n width: 80px !important;\r\n height: 80px !important;\r\n margin: 0 auto 2rem !important;\r\n background-color: #22c55e !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n \r\n .eco-icon svg {\r\n width: 40px !important;\r\n height: 40px !important;\r\n fill: white !important;\r\n }\r\n \r\n .sustainability-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;\r\n gap: 2rem !important;\r\n margin-top: 3rem !important;\r\n }\r\n \r\n .eco-benefit {\r\n padding: 1.5rem !important;\r\n background-color: white !important;\r\n border-radius: 10px !important;\r\n border: 2px solid #86efac !important;\r\n }\r\n \r\n .eco-benefit-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n margin: 0 auto 1rem !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n \r\n .eco-benefit-icon svg {\r\n width: 30px !important;\r\n height: 30px !important;\r\n stroke: #16a34a !important;\r\n fill: none !important;\r\n stroke-width: 2 !important;\r\n }\r\n \r\n .eco-benefit-title {\r\n font-weight: 600 !important;\r\n color: #16a34a !important;\r\n margin-bottom: 0.5rem !important;\r\n }\r\n \r\n \/* SECCI\u00d3N 6: CTA Final *\/\r\n .asvillas-cta-section {\r\n padding: 5rem 0 !important;\r\n background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%) !important;\r\n text-align: center !important;\r\n color: white !important;\r\n }\r\n \r\n .cta-content {\r\n max-width: 700px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n .cta-title {\r\n font-size: 2.5rem !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 1.5rem !important;\r\n }\r\n \r\n .cta-subtitle {\r\n font-size: 1.2rem !important;\r\n opacity: 0.95 !important;\r\n margin-bottom: 3rem !important;\r\n }\r\n \r\n .cta-button {\r\n display: inline-block !important;\r\n background-color: #FED56F !important;\r\n color: #1a1a1a !important;\r\n padding: 1.2rem 3rem !important;\r\n font-size: 1.1rem !important;\r\n font-weight: 700 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 1px !important;\r\n text-decoration: none !important;\r\n border-radius: 50px !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;\r\n }\r\n \r\n .cta-button:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.3) !important;\r\n background-color: #ffc93d !important;\r\n color: #1a1a1a !important;\r\n }\r\n \r\n \/* Responsive - ACTUALIZADO PARA LOCALIZACI\u00d3N *\/\r\n @media (max-width: 992px) {\r\n .hero-title {\r\n font-size: 3rem !important;\r\n }\r\n \r\n .hero-stats {\r\n gap: 2rem !important;\r\n }\r\n \r\n .intro-grid,\r\n .features-content {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n .features-visual {\r\n order: -1 !important;\r\n }\r\n \r\n \/* Mantener 3 columnas en tablets *\/\r\n .location-grid {\r\n grid-template-columns: repeat(3, 1fr) !important;\r\n gap: 1.5rem !important;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .asvillas-hero {\r\n height: 100vh !important;\r\n min-height: 100vh !important;\r\n background-attachment: scroll !important;\r\n }\r\n \r\n .hero-title {\r\n font-size: 2.5rem !important;\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: 1.1rem !important;\r\n }\r\n \r\n .hero-stats {\r\n flex-direction: column !important;\r\n gap: 1.5rem !important;\r\n }\r\n \r\n .section-title {\r\n font-size: 2rem !important;\r\n }\r\n \r\n \/* Localizaci\u00f3n - cambiar a 2 columnas x 3 filas en mobile *\/\r\n .location-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n grid-template-rows: repeat(3, 1fr) !important;\r\n gap: 1rem !important;\r\n }\r\n \r\n .location-card {\r\n padding: 1.5rem 0.5rem !important;\r\n }\r\n \r\n \/* Fotos - 2 columnas en mobile *\/\r\n .features-visual {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 0.5rem !important;\r\n padding: 1rem !important;\r\n }\r\n \r\n .feature-photo {\r\n height: 150px !important;\r\n }\r\n \r\n .cta-title {\r\n font-size: 2rem !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .asvillas-hero {\r\n height: 100vh !important;\r\n min-height: 100vh !important;\r\n }\r\n \r\n .hero-title {\r\n font-size: 2rem !important;\r\n }\r\n \r\n .stat-number {\r\n font-size: 2rem !important;\r\n }\r\n \r\n .hero-badge {\r\n font-size: 0.8rem !important;\r\n padding: 0.5rem 1.5rem !important;\r\n }\r\n \r\n \/* Localizaci\u00f3n - mantener 2 columnas en m\u00f3viles peque\u00f1os *\/\r\n .location-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n grid-template-rows: repeat(3, 1fr) !important;\r\n }\r\n \r\n .cta-button {\r\n width: 100% !important;\r\n padding: 1rem !important;\r\n font-size: 1rem !important;\r\n }\r\n \r\n .location-icon {\r\n width: 50px !important;\r\n height: 50px !important;\r\n }\r\n \r\n .location-icon svg {\r\n width: 25px !important;\r\n height: 25px !important;\r\n }\r\n \r\n .location-name {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .location-distance {\r\n font-size: 0.8rem !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"hercesa-asvillas-dynamic\">\r\n \r\n <!-- SECCI\u00d3N 1: Hero con imagen de fondo -->\r\n <section class=\"asvillas-hero\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">Promoci\u00f3n en curso<\/div>\r\n <h1 class=\"hero-title\">As Villas <span>Fase 4<\/span><\/h1>\r\n <p class=\"hero-subtitle\">\r\n Una urbanizaci\u00f3n proyectada para cerca de 1.200 apartamentos,<br>\r\n ahora en su segunda fase de promoci\u00f3n inmobiliaria\r\n <\/p>\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">1.200<\/div>\r\n <div class=\"stat-label\">Apartamentos<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">3<\/div>\r\n <div class=\"stat-label\">Fases Entregadas<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">15min<\/div>\r\n <div class=\"stat-label\">De Lisboa<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- SECCI\u00d3N 2: Introducci\u00f3n -->\r\n <section class=\"asvillas-intro\">\r\n <div class=\"container\">\r\n <div class=\"intro-grid\">\r\n <div class=\"intro-text\">\r\n <h2 class=\"section-title\">Proyecto Arquitect\u00f3nico Contempor\u00e1neo<\/h2>\r\n <div class=\"title-decorator\"><\/div>\r\n <p class=\"intro-paragraph\">\r\n Se trata de un proyecto arquitect\u00f3nico contempor\u00e1neo destinado a satisfacer las exigencias y necesidades de cualquier tipo de familia.\r\n <\/p>\r\n <p class=\"intro-paragraph\">\r\n En todos los apartamentos te ofrecemos un espacio de almacenamiento privado, adem\u00e1s del \u00e1rea destinada al aparcamiento de autom\u00f3viles.\r\n <\/p>\r\n <\/div>\r\n <div class=\"intro-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/05\/departamento-balcon-min.jpg\" alt=\"As Villas Interior\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- SECCI\u00d3N 3: Localizaci\u00f3n con SVGs -->\r\n <section class=\"asvillas-location\">\r\n <div class=\"container\">\r\n <div class=\"location-header\">\r\n <h2 class=\"section-title\">Localizaci\u00f3n Estrat\u00e9gica<\/h2>\r\n <div class=\"title-decorator\" style=\"margin: 1rem auto 2rem auto !important;\"><\/div>\r\n <p class=\"intro-paragraph\" style=\"text-align: center !important; max-width: 700px !important; margin: 0 auto !important;\">\r\n La urbanizaci\u00f3n As Villas se sit\u00faa en una ubicaci\u00f3n estrat\u00e9gica del \u00c1rea Metropolitana de Lisboa\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"location-grid\">\r\n <div class=\"location-card\">\r\n <div class=\"location-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M19 15h-1V9h1c.55 0 1-.45 1-1s-.45-1-1-1h-.75L16 3.16c-.32-.61-1.03-1.16-1.75-1.16h-8.5C5.03 2 4.32 2.55 4 3.16L1.75 7H1c-.55 0-1 .45-1 1s.45 1 1 1h1v6H1c-.55 0-1 .45-1 1s.45 1 1 1h1v3c0 1.11.89 2 2 2h2c1.11 0 2-.89 2-2v-3h8v3c0 1.11.89 2 2 2h2c1.11 0 2-.89 2-2v-3h1c.55 0 1-.45 1-1s-.45-1-1-1zM5.5 4.5h13l1.5 3h-16l1.5-3zM4 17v-6h16v6H4z\"\/>\r\n <circle cx=\"7.5\" cy=\"13.5\" r=\"1.5\"\/>\r\n <circle cx=\"16.5\" cy=\"13.5\" r=\"1.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"location-name\">IC22<\/div>\r\n <div class=\"location-distance\">Acceso directo<\/div>\r\n <\/div>\r\n <div class=\"location-card\">\r\n <div class=\"location-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <rect x=\"7\" y=\"12\" width=\"10\" height=\"10\" stroke=\"currentColor\" fill=\"none\"\/>\r\n <path d=\"M17 2H7c-1.1 0-2 .9-2 2v6h2V4h10v6h2V4c0-1.1-.9-2-2-2z\" stroke=\"currentColor\" fill=\"none\"\/>\r\n <path d=\"M12 7L8 11h8L12 7z\" stroke=\"currentColor\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"location-name\">Metro Odivelas<\/div>\r\n <div class=\"location-distance\">Cercano<\/div>\r\n <\/div>\r\n <div class=\"location-card\">\r\n <div class=\"location-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 10h-4v4h-4v-4H6v-4h4V5h4v4h4v4z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"location-name\">Hospitales<\/div>\r\n <div class=\"location-distance\">En las inmediaciones<\/div>\r\n <\/div>\r\n <div class=\"location-card\">\r\n <div class=\"location-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"location-name\">Centros Comerciales<\/div>\r\n <div class=\"location-distance\">Proximidad<\/div>\r\n <\/div>\r\n <div class=\"location-card\">\r\n <div class=\"location-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"location-name\">Escuelas<\/div>\r\n <div class=\"location-distance\">Varias opciones<\/div>\r\n <\/div>\r\n <div class=\"location-card\">\r\n <div class=\"location-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" stroke=\"currentColor\" fill=\"none\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" fill=\"none\"\/>\r\n <path d=\"M8 12c0-2.21 1.79-4 4-4m0 8c2.21 0 4-1.79 4-4\" stroke=\"currentColor\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"location-name\">Parque Urbano<\/div>\r\n <div class=\"location-distance\">Excelente<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- SECCI\u00d3N 4: Caracter\u00edsticas especiales -->\r\n <section class=\"asvillas-features\">\r\n <div class=\"container\">\r\n <div class=\"features-content\">\r\n <div class=\"features-text\">\r\n <h2 class=\"section-title\">Espacios Pensados para Ti<\/h2>\r\n <div class=\"title-decorator\"><\/div>\r\n <p>\r\n Con estos espacios ya no tienes que preocuparte de d\u00f3nde vas a guardar las bicicletas de los ni\u00f1os o esas cosas de las que no te quieres deshacer.\r\n <\/p>\r\n <ul class=\"feature-list\">\r\n <li>\r\n <span class=\"feature-check\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n <\/span>\r\n <span>Espacio de almacenamiento privado incluido<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"feature-check\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n <\/span>\r\n <span>Aparcamiento de autom\u00f3viles garantizado<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"feature-check\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n <\/span>\r\n <span>\u00c1reas comunes excepcionales<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"feature-check\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n <\/span>\r\n <span>Dise\u00f1o contempor\u00e1neo<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"features-visual\">\r\n <div class=\"feature-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/24240429_Render_etapa1_As_Villas-2.jpg\" alt=\"Vista As Villas\">\r\n <\/div>\r\n <div class=\"feature-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/05\/vistas-asvillas.jpg\" alt=\"Piscina\">\r\n <\/div>\r\n <div class=\"feature-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/asvillas-cocina-salon.jpg\" alt=\"Cocina\">\r\n <\/div>\r\n <div class=\"feature-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/06\/dorm-matrimonio-asvillas-scaled.jpg\" alt=\"Dormitorios\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- SECCI\u00d3N 5: Sostenibilidad -->\r\n <section class=\"asvillas-sustainability\">\r\n <div class=\"container\">\r\n <div class=\"sustainability-content\">\r\n <div class=\"eco-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2c1 0 2 .5 2.5 1.5L19 12l-7 10-7-10L9.5 3.5C10 2.5 11 2 12 2z\"\/>\r\n <path d=\"M12 2v20M9 12h6\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h2 class=\"section-title\">Tu Casa Marca la Diferencia<\/h2>\r\n <div class=\"title-decorator\" style=\"margin: 1rem auto 2rem auto !important;\"><\/div>\r\n <p class=\"intro-paragraph\">\r\n En la urbanizaci\u00f3n As Villas encuentras casas con caracter\u00edsticas, equipamientos, materiales y soluciones excepcionales que te ayudan a ahorrar en el consumo de agua y electricidad y reducen las emisiones de gases de efecto invernadero.\r\n <\/p>\r\n \r\n <div class=\"sustainability-grid\">\r\n <div class=\"eco-benefit\">\r\n <div class=\"eco-benefit-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2c-5.33 4.55-8 8.48-8 11.8 0 4.98 3.8 8.2 8 8.2s8-3.22 8-8.2c0-3.32-2.67-7.25-8-11.8zm0 18c-3.35 0-6-2.57-6-6.2 0-2.34 1.95-5.44 6-9.14 4.05 3.7 6 6.79 6 9.14 0 3.63-2.65 6.2-6 6.2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"eco-benefit-title\">Ahorro de Agua<\/div>\r\n <p>Sistemas eficientes de gesti\u00f3n<\/p>\r\n <\/div>\r\n <div class=\"eco-benefit\">\r\n <div class=\"eco-benefit-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <path d=\"M13 2.05v3.03c3.39.49 6 3.39 6 6.92 0 .9-.18 1.75-.48 2.54l2.6 1.53c.56-1.24.88-2.62.88-4.07 0-5.18-3.95-9.45-9-9.95zM12 19c-3.87 0-7-3.13-7-7 0-3.53 2.61-6.43 6-6.92V2.05c-5.06.5-9 4.76-9 9.95 0 5.52 4.47 10 9.99 10 3.31 0 6.24-1.61 8.06-4.09l-2.6-1.53C16.17 17.98 14.21 19 12 19z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"eco-benefit-title\">Eficiencia Energ\u00e9tica<\/div>\r\n <p>Reducci\u00f3n en el consumo el\u00e9ctrico<\/p>\r\n <\/div>\r\n <div class=\"eco-benefit\">\r\n <div class=\"eco-benefit-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" fill=\"none\"\/>\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\/>\r\n <path d=\"M8 12l4-6 4 6-4 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"eco-benefit-title\">Menos Emisiones<\/div>\r\n <p>Reducci\u00f3n de gases de efecto invernadero<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <p style=\"margin-top: 2rem !important; font-size: 1.2rem !important; font-weight: 600 !important; color: #16a34a !important;\">\r\n \u00a1El Planeta es de todos y ahora tu casa tambi\u00e9n puede marcar la diferencia!\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- SECCI\u00d3N 6: CTA Final -->\r\n <section class=\"asvillas-cta-section\">\r\n <div class=\"container\">\r\n <div class=\"cta-content\">\r\n <h2 class=\"cta-title\">\u00bfQuieres informaci\u00f3n sobre la Fase 4?<\/h2>\r\n <p class=\"cta-subtitle\">\r\n En este momento, As Villas ya ha entregado completamente las fases 1, 2 y 3.<br>\r\n Descubre todos los detalles sobre los apartamentos disponibles en la Fase 4\r\n <\/p>\r\n <a href=\"https:\/\/asvillas.pt\/es\/\" target=\"_blank\" class=\"cta-button\">\r\n SABER M\u00c1S\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n<\/div>\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-f0dc288 elementor-widget elementor-widget-html\" data-id=\"f0dc288\" 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=\"pt\">\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>Galeria Carrusel As Villas - Hercesa<\/title>\r\n <style>\r\n \/* Reset y contenedor principal *\/\r\n .hercesa-carousel-section {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\r\n padding: 4rem 0 !important;\r\n background-color: #f8f9fa !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n .hercesa-carousel-section * {\r\n box-sizing: border-box !important;\r\n }\r\n \r\n \/* Decoraci\u00f3n de fondo *\/\r\n .carousel-bg-decoration-1 {\r\n position: absolute !important;\r\n width: 400px !important;\r\n height: 400px !important;\r\n border-radius: 50% !important;\r\n background: radial-gradient(circle, rgba(254, 213, 111, 0.05) 0%, transparent 70%) !important;\r\n top: -200px !important;\r\n right: -200px !important;\r\n z-index: 0 !important;\r\n }\r\n \r\n .carousel-bg-decoration-2 {\r\n position: absolute !important;\r\n width: 300px !important;\r\n height: 300px !important;\r\n border-radius: 50% !important;\r\n background: radial-gradient(circle, rgba(30, 58, 138, 0.03) 0%, transparent 70%) !important;\r\n bottom: -150px !important;\r\n left: -150px !important;\r\n z-index: 0 !important;\r\n }\r\n \r\n \/* Container principal *\/\r\n .carousel-container {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n max-width: 1600px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n \/* Header de la secci\u00f3n *\/\r\n .carousel-header {\r\n text-align: center !important;\r\n padding: 0 1rem !important;\r\n margin-bottom: 3rem !important;\r\n }\r\n \r\n .carousel-title {\r\n font-size: 2rem !important;\r\n font-weight: 700 !important;\r\n color: #1a1a1a !important;\r\n margin-bottom: 1rem !important;\r\n line-height: 1.2 !important;\r\n }\r\n \r\n .carousel-title-decorator {\r\n width: 60px !important;\r\n height: 3px !important;\r\n background-color: #FED56F !important;\r\n margin: 1rem auto 1.5rem !important;\r\n }\r\n \r\n .carousel-subtitle {\r\n font-size: 1rem !important;\r\n line-height: 1.6 !important;\r\n color: #555 !important;\r\n max-width: 700px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n \/* Tabs - Mobile First *\/\r\n .carousel-tabs {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 0.5rem !important;\r\n padding: 0 1rem !important;\r\n margin-bottom: 3rem !important;\r\n justify-content: center !important;\r\n }\r\n \r\n .carousel-tab {\r\n flex: 1 1 calc(50% - 0.25rem) !important;\r\n min-width: 140px !important;\r\n padding: 0.8rem 1rem !important;\r\n background-color: white !important;\r\n border: 2px solid #e5e7eb !important;\r\n border-radius: 10px !important;\r\n font-size: 0.85rem !important;\r\n font-weight: 600 !important;\r\n color: #6B7280 !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n text-align: center !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n .carousel-tab:hover {\r\n background-color: #f1f5f9 !important;\r\n border-color: #cbd5e1 !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;\r\n }\r\n \r\n .carousel-tab.active {\r\n background-color: #1E3A8A !important;\r\n color: white !important;\r\n border-color: #1E3A8A !important;\r\n box-shadow: 0 4px 15px rgba(30, 58, 138, 0.2) !important;\r\n }\r\n \r\n .carousel-tab.active::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 3px !important;\r\n background-color: #FED56F !important;\r\n }\r\n \r\n \/* Contenedor de carruseles *\/\r\n .carousel-content {\r\n width: 100% !important;\r\n position: relative !important;\r\n }\r\n \r\n .carousel-panel {\r\n display: none !important;\r\n animation: fadeIn 0.5s ease !important;\r\n }\r\n \r\n .carousel-panel.active {\r\n display: block !important;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n \/* Carrusel Full Width - ALTURA AUMENTADA *\/\r\n .image-carousel {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 60vh !important;\r\n min-height: 400px !important;\r\n background-color: #0e1f40 !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n \/* Contenedor de slides *\/\r\n .carousel-slides {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n }\r\n \r\n .carousel-slide {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.6s ease !important;\r\n }\r\n \r\n .carousel-slide.active {\r\n opacity: 1 !important;\r\n }\r\n \r\n .carousel-slide img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n }\r\n \r\n \/* Overlay con informaci\u00f3n *\/\r\n .slide-overlay {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, transparent 100%) !important;\r\n padding: 2rem !important;\r\n color: white !important;\r\n }\r\n \r\n .slide-title {\r\n font-size: 1.5rem !important;\r\n font-weight: 600 !important;\r\n margin-bottom: 0.5rem !important;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;\r\n }\r\n \r\n .slide-subtitle {\r\n font-size: 0.95rem !important;\r\n opacity: 0.9 !important;\r\n text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;\r\n }\r\n \r\n \/* Controles de navegaci\u00f3n *\/\r\n .carousel-controls {\r\n position: absolute !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n width: 100% !important;\r\n display: flex !important;\r\n justify-content: space-between !important;\r\n padding: 0 1rem !important;\r\n pointer-events: none !important;\r\n }\r\n \r\n .carousel-nav-btn {\r\n width: 40px !important;\r\n height: 40px !important;\r\n background-color: rgba(255, 255, 255, 0.9) !important;\r\n border: none !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n pointer-events: all !important;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;\r\n }\r\n \r\n .carousel-nav-btn:hover {\r\n background-color: white !important;\r\n transform: scale(1.1) !important;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;\r\n }\r\n \r\n .carousel-nav-btn svg {\r\n width: 20px !important;\r\n height: 20px !important;\r\n stroke: #1a1a1a !important;\r\n stroke-width: 2 !important;\r\n }\r\n \r\n \/* Indicadores *\/\r\n .carousel-indicators {\r\n position: absolute !important;\r\n bottom: 1rem !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n display: flex !important;\r\n gap: 0.5rem !important;\r\n z-index: 10 !important;\r\n flex-wrap: wrap !important;\r\n max-width: 90% !important;\r\n justify-content: center !important;\r\n }\r\n \r\n .indicator {\r\n width: 8px !important;\r\n height: 8px !important;\r\n border-radius: 50% !important;\r\n background-color: rgba(255, 255, 255, 0.5) !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n \r\n .indicator.active {\r\n width: 24px !important;\r\n border-radius: 4px !important;\r\n background-color: #FED56F !important;\r\n }\r\n \r\n \/* Contador de im\u00e1genes *\/\r\n .carousel-counter {\r\n position: absolute !important;\r\n top: 1rem !important;\r\n right: 1rem !important;\r\n background-color: rgba(0, 0, 0, 0.5) !important;\r\n color: white !important;\r\n padding: 0.5rem 1rem !important;\r\n border-radius: 20px !important;\r\n font-size: 0.85rem !important;\r\n font-weight: 500 !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n \r\n .counter-current {\r\n color: #FED56F !important;\r\n font-weight: 700 !important;\r\n }\r\n \r\n \/* Bot\u00f3n fullscreen *\/\r\n .fullscreen-btn {\r\n position: absolute !important;\r\n top: 1rem !important;\r\n left: 1rem !important;\r\n width: 36px !important;\r\n height: 36px !important;\r\n background-color: rgba(0, 0, 0, 0.5) !important;\r\n border: none !important;\r\n border-radius: 8px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n \r\n .fullscreen-btn:hover {\r\n background-color: rgba(0, 0, 0, 0.7) !important;\r\n }\r\n \r\n .fullscreen-btn svg {\r\n width: 18px !important;\r\n height: 18px !important;\r\n stroke: white !important;\r\n stroke-width: 2 !important;\r\n }\r\n \r\n \/* Tablet (768px+) - ALTURA AUMENTADA *\/\r\n @media (min-width: 768px) {\r\n .carousel-header {\r\n padding: 0 2rem !important;\r\n margin-bottom: 4rem !important;\r\n }\r\n \r\n .carousel-title {\r\n font-size: 2.5rem !important;\r\n }\r\n \r\n .carousel-subtitle {\r\n font-size: 1.1rem !important;\r\n }\r\n \r\n .carousel-tabs {\r\n flex-wrap: nowrap !important;\r\n gap: 1rem !important;\r\n padding: 0 2rem !important;\r\n max-width: 900px !important;\r\n margin: 0 auto 3rem !important;\r\n }\r\n \r\n .carousel-tab {\r\n flex: 1 1 auto !important;\r\n font-size: 0.95rem !important;\r\n padding: 1rem 1.5rem !important;\r\n }\r\n \r\n .image-carousel {\r\n height: 70vh !important;\r\n min-height: 500px !important;\r\n }\r\n \r\n .carousel-nav-btn {\r\n width: 50px !important;\r\n height: 50px !important;\r\n }\r\n \r\n .carousel-nav-btn svg {\r\n width: 24px !important;\r\n height: 24px !important;\r\n }\r\n \r\n .slide-title {\r\n font-size: 2rem !important;\r\n }\r\n \r\n .slide-subtitle {\r\n font-size: 1.1rem !important;\r\n }\r\n }\r\n \r\n \/* Desktop (1024px+) - ALTURA AUMENTADA *\/\r\n @media (min-width: 1024px) {\r\n .carousel-tabs {\r\n max-width: 1000px !important;\r\n }\r\n \r\n .carousel-tab {\r\n font-size: 1rem !important;\r\n }\r\n \r\n .image-carousel {\r\n height: 80vh !important;\r\n min-height: 600px !important;\r\n max-height: 900px !important;\r\n }\r\n \r\n .carousel-controls {\r\n padding: 0 2rem !important;\r\n }\r\n }\r\n \r\n \/* Desktop Large (1440px+) - ALTURA AUMENTADA *\/\r\n @media (min-width: 1440px) {\r\n .image-carousel {\r\n height: 85vh !important;\r\n max-height: 1000px !important;\r\n }\r\n \r\n .carousel-controls {\r\n padding: 0 3rem !important;\r\n }\r\n }\r\n \r\n \/* Ajuste espec\u00edfico para la tercera imagen de Fase 3 *\/\r\n .carousel-slide img[src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/3-1-scaled.jpg\"] {\r\n object-fit: contain !important;\r\n object-position: center !important;\r\n background-color: #0e1f40 !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hercesa-carousel-section\">\r\n <!-- Decoraciones de fondo -->\r\n <div class=\"carousel-bg-decoration-1\"><\/div>\r\n <div class=\"carousel-bg-decoration-2\"><\/div>\r\n \r\n <div class=\"carousel-container\">\r\n <!-- Header -->\r\n <div class=\"carousel-header\">\r\n <h2 class=\"carousel-title\">Galeria de Imagens<\/h2>\r\n <div class=\"carousel-title-decorator\"><\/div>\r\n <\/div>\r\n \r\n <!-- Tabs -->\r\n <div class=\"carousel-tabs\">\r\n <button class=\"carousel-tab active\" data-gallery=\"fase2\">\r\n As Villas Fase 2\r\n <\/button>\r\n <button class=\"carousel-tab\" data-gallery=\"fase3\">\r\n As Villas Fase 3\r\n <\/button>\r\n <button class=\"carousel-tab\" data-gallery=\"modelo\">\r\n Andar Modelo\r\n <\/button>\r\n <button class=\"carousel-tab\" data-gallery=\"fase4\">\r\n As Villas Fase 4\r\n <\/button>\r\n <\/div>\r\n \r\n <!-- Contenido de carruseles -->\r\n <div class=\"carousel-content\">\r\n \r\n <!-- Carrusel Fase 2 (6 im\u00e1genes nuevas) -->\r\n <div class=\"carousel-panel active\" id=\"carousel-fase2\">\r\n <div class=\"image-carousel\">\r\n <div class=\"carousel-slides\" data-gallery=\"fase2\">\r\n <div class=\"carousel-slide active\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/1-scaled.jpg\" alt=\"As Villas Fase 2\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/2-1-scaled.jpg\" alt=\"As Villas Fase 2\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/3-scaled.jpg\" alt=\"As Villas Fase 2\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/4-scaled.jpg\" alt=\"As Villas Fase 2\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/5-scaled.jpg\" alt=\"As Villas Fase 2\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/6-scaled.jpg\" alt=\"As Villas Fase 2\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"slide-overlay\">\r\n <h3 class=\"slide-title\">As Villas - Fase 2<\/h3>\r\n <p class=\"slide-subtitle\">Obra terminada y entregada<\/p>\r\n <\/div>\r\n \r\n <div class=\"carousel-controls\">\r\n <button class=\"carousel-nav-btn prev-btn\" data-gallery=\"fase2\" data-direction=\"-1\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M15 18l-6-6 6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"carousel-nav-btn next-btn\" data-gallery=\"fase2\" data-direction=\"1\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M9 18l6-6-6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"carousel-indicators\" id=\"indicators-fase2\"><\/div>\r\n \r\n <div class=\"carousel-counter\">\r\n <span class=\"counter-current\" id=\"current-fase2\">1<\/span> \/ <span class=\"counter-total\" id=\"total-fase2\">6<\/span>\r\n <\/div>\r\n \r\n <button class=\"fullscreen-btn\" data-gallery=\"fase2\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Carrusel Fase 3 (5 im\u00e1genes nuevas) -->\r\n <div class=\"carousel-panel\" id=\"carousel-fase3\">\r\n <div class=\"image-carousel\">\r\n <div class=\"carousel-slides\" data-gallery=\"fase3\">\r\n <div class=\"carousel-slide active\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/1-1-scaled.jpg\" alt=\"As Villas Fase 3\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/2-2-scaled.jpg\" alt=\"As Villas Fase 3\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/3-1-scaled.jpg\" alt=\"As Villas Fase 3\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/4-1-scaled.jpg\" alt=\"As Villas Fase 3\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/5-1-scaled.jpg\" alt=\"As Villas Fase 3\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"slide-overlay\">\r\n <h3 class=\"slide-title\">As Villas - Fase 3<\/h3>\r\n <p class=\"slide-subtitle\">En construcci\u00f3n<\/p>\r\n <\/div>\r\n \r\n <div class=\"carousel-controls\">\r\n <button class=\"carousel-nav-btn prev-btn\" data-gallery=\"fase3\" data-direction=\"-1\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M15 18l-6-6 6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"carousel-nav-btn next-btn\" data-gallery=\"fase3\" data-direction=\"1\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M9 18l6-6-6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"carousel-indicators\" id=\"indicators-fase3\"><\/div>\r\n \r\n <div class=\"carousel-counter\">\r\n <span class=\"counter-current\" id=\"current-fase3\">1<\/span> \/ <span class=\"counter-total\" id=\"total-fase3\">5<\/span>\r\n <\/div>\r\n \r\n <button class=\"fullscreen-btn\" data-gallery=\"fase3\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Carrusel Andar Modelo (8 im\u00e1genes nuevas) -->\r\n <div class=\"carousel-panel\" id=\"carousel-modelo\">\r\n <div class=\"image-carousel\">\r\n <div class=\"carousel-slides\" data-gallery=\"modelo\">\r\n <div class=\"carousel-slide active\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Hercesa-44.jpg\" alt=\"Andar Modelo\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Hercesa-27.jpg\" alt=\"Andar Modelo\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Hercesa-28.jpg\" alt=\"Andar Modelo\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Hercesa-50.jpg\" alt=\"Andar Modelo\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Hercesa-53-copia.jpg\" alt=\"Andar Modelo\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Hercesa-58-copia.jpg\" alt=\"Andar Modelo\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Hercesa-67-1.jpg\" alt=\"Andar Modelo\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Hercesa-20.jpg\" alt=\"Andar Modelo\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"slide-overlay\">\r\n <h3 class=\"slide-title\">Andar Modelo<\/h3>\r\n <p class=\"slide-subtitle\">Piso piloto dispon\u00edvel para visitas<\/p>\r\n <\/div>\r\n \r\n <div class=\"carousel-controls\">\r\n <button class=\"carousel-nav-btn prev-btn\" data-gallery=\"modelo\" data-direction=\"-1\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M15 18l-6-6 6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"carousel-nav-btn next-btn\" data-gallery=\"modelo\" data-direction=\"1\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M9 18l6-6-6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"carousel-indicators\" id=\"indicators-modelo\"><\/div>\r\n \r\n <div class=\"carousel-counter\">\r\n <span class=\"counter-current\" id=\"current-modelo\">1<\/span> \/ <span class=\"counter-total\" id=\"total-modelo\">8<\/span>\r\n <\/div>\r\n \r\n <button class=\"fullscreen-btn\" data-gallery=\"modelo\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Carrusel Fase 4 (6 im\u00e1genes nuevas) -->\r\n <div class=\"carousel-panel\" id=\"carousel-fase4\">\r\n <div class=\"image-carousel\">\r\n <div class=\"carousel-slides\" data-gallery=\"fase4\">\r\n <div class=\"carousel-slide active\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/1-2.jpg\" alt=\"As Villas Fase 4\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/2-3.jpg\" alt=\"As Villas Fase 4\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/3-2.jpg\" alt=\"As Villas Fase 4\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/4-2.jpg\" alt=\"As Villas Fase 4\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/5-2.jpg\" alt=\"As Villas Fase 4\">\r\n <\/div>\r\n <div class=\"carousel-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/6-1.jpg\" alt=\"As Villas Fase 4\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"slide-overlay\">\r\n <h3 class=\"slide-title\">As Villas - Fase 4<\/h3>\r\n <p class=\"slide-subtitle\">Nueva fase disponible<\/p>\r\n <\/div>\r\n \r\n <div class=\"carousel-controls\">\r\n <button class=\"carousel-nav-btn prev-btn\" data-gallery=\"fase4\" data-direction=\"-1\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M15 18l-6-6 6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"carousel-nav-btn next-btn\" data-gallery=\"fase4\" data-direction=\"1\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M9 18l6-6-6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"carousel-indicators\" id=\"indicators-fase4\"><\/div>\r\n \r\n <div class=\"carousel-counter\">\r\n <span class=\"counter-current\" id=\"current-fase4\">1<\/span> \/ <span class=\"counter-total\" id=\"total-fase4\">6<\/span>\r\n <\/div>\r\n \r\n <button class=\"fullscreen-btn\" data-gallery=\"fase4\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Estado de cada galer\u00eda\r\nconst galleryStates = {\r\n fase2: { currentSlide: 0 },\r\n fase3: { currentSlide: 0 },\r\n modelo: { currentSlide: 0 },\r\n fase4: { currentSlide: 0 }\r\n};\r\n\r\n\/\/ Inicializar al cargar\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Primero inicializar todas las galer\u00edas\r\n initializeGallery('fase2');\r\n initializeGallery('fase3');\r\n initializeGallery('modelo');\r\n initializeGallery('fase4');\r\n \r\n \/\/ Event listeners para tabs\r\n const tabs = document.querySelectorAll('.carousel-tab');\r\n tabs.forEach(tab => {\r\n tab.addEventListener('click', function() {\r\n const gallery = this.getAttribute('data-gallery');\r\n switchGallery(gallery);\r\n });\r\n });\r\n \r\n \/\/ Event listeners para botones de navegaci\u00f3n\r\n const navButtons = document.querySelectorAll('.carousel-nav-btn');\r\n navButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n const gallery = this.getAttribute('data-gallery');\r\n const direction = parseInt(this.getAttribute('data-direction'));\r\n changeSlide(gallery, direction);\r\n });\r\n });\r\n \r\n \/\/ Event listeners para fullscreen\r\n const fullscreenButtons = document.querySelectorAll('.fullscreen-btn');\r\n fullscreenButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n const gallery = this.getAttribute('data-gallery');\r\n toggleFullscreen(gallery);\r\n });\r\n });\r\n \r\n \/\/ Keyboard navigation\r\n document.addEventListener('keydown', function(e) {\r\n const activeGallery = getActiveGallery();\r\n if (e.key === 'ArrowLeft') {\r\n changeSlide(activeGallery, -1);\r\n }\r\n if (e.key === 'ArrowRight') {\r\n changeSlide(activeGallery, 1);\r\n }\r\n });\r\n \r\n \/\/ Touch support\r\n setupTouchSupport();\r\n});\r\n\r\n\/\/ Inicializar galer\u00eda\r\nfunction initializeGallery(gallery) {\r\n const slidesContainer = document.querySelector(`.carousel-slides[data-gallery=\"${gallery}\"]`);\r\n if (!slidesContainer) return;\r\n \r\n const slides = slidesContainer.querySelectorAll('.carousel-slide');\r\n const totalSlides = slides.length;\r\n \r\n \/\/ Asegurar que el estado est\u00e9 inicializado\r\n if (!galleryStates) {\r\n galleryStates = { currentSlide: 0 };\r\n }\r\n \r\n \/\/ Asegurar que currentSlide sea 0 si no est\u00e1 definido\r\n if (galleryStates.currentSlide === undefined || galleryStates.currentSlide === null) {\r\n galleryStates.currentSlide = 0;\r\n }\r\n \r\n \/\/ Actualizar contador total\r\n const totalElement = document.getElementById(`total-${gallery}`);\r\n if (totalElement) {\r\n totalElement.textContent = totalSlides;\r\n }\r\n \r\n \/\/ Actualizar contador actual\r\n const currentElement = document.getElementById(`current-${gallery}`);\r\n if (currentElement) {\r\n currentElement.textContent = '1'; \/\/ Siempre empieza en 1\r\n }\r\n \r\n \/\/ Crear indicadores\r\n createIndicators(gallery, totalSlides);\r\n \r\n \/\/ Asegurar que el primer slide est\u00e9 activo\r\n slides.forEach((slide, index) => {\r\n slide.classList.toggle('active', index === 0);\r\n });\r\n}\r\n\r\n\/\/ Funci\u00f3n para cambiar de galer\u00eda\r\nfunction switchGallery(galleryName) {\r\n \/\/ Actualizar tabs\r\n document.querySelectorAll('.carousel-tab').forEach(tab => {\r\n tab.classList.remove('active');\r\n });\r\n document.querySelector(`[data-gallery=\"${galleryName}\"]`).classList.add('active');\r\n \r\n \/\/ Actualizar panels\r\n document.querySelectorAll('.carousel-panel').forEach(panel => {\r\n panel.classList.remove('active');\r\n });\r\n document.getElementById(`carousel-${galleryName}`).classList.add('active');\r\n \r\n \/\/ Asegurar que el estado de la nueva galer\u00eda est\u00e9 inicializado\r\n if (!galleryStates[galleryName]) {\r\n galleryStates[galleryName] = { currentSlide: 0 };\r\n }\r\n \r\n \/\/ Actualizar el estado visual de la galer\u00eda activa\r\n updateGalleryState(galleryName);\r\n}\r\n\r\n\/\/ Funci\u00f3n para cambiar slide\r\nfunction changeSlide(gallery, direction) {\r\n const slidesContainer = document.querySelector(`.carousel-slides[data-gallery=\"${gallery}\"]`);\r\n if (!slidesContainer) return;\r\n \r\n const slides = slidesContainer.querySelectorAll('.carousel-slide');\r\n const totalSlides = slides.length;\r\n \r\n if (totalSlides === 0) return;\r\n \r\n const state = galleryStates;\r\n \r\n \/\/ Asegurar que currentSlide tenga un valor v\u00e1lido\r\n if (state.currentSlide === undefined || state.currentSlide === null || isNaN(state.currentSlide)) {\r\n state.currentSlide = 0;\r\n }\r\n \r\n \/\/ Ocultar slide actual\r\n if (slides[state.currentSlide]) {\r\n slides[state.currentSlide].classList.remove('active');\r\n }\r\n \r\n \/\/ Calcular nuevo \u00edndice\r\n state.currentSlide = (state.currentSlide + direction + totalSlides) % totalSlides;\r\n \r\n \/\/ Asegurar que el nuevo \u00edndice sea v\u00e1lido\r\n if (state.currentSlide < 0) state.currentSlide = 0;\r\n if (state.currentSlide >= totalSlides) state.currentSlide = totalSlides - 1;\r\n \r\n \/\/ Mostrar nuevo slide\r\n if (slides[state.currentSlide]) {\r\n slides[state.currentSlide].classList.add('active');\r\n }\r\n \r\n \/\/ Actualizar estado de la galer\u00eda\r\n updateGalleryState(gallery);\r\n}\r\n\r\n\/\/ Crear indicadores\r\nfunction createIndicators(gallery, totalSlides) {\r\n const container = document.getElementById(`indicators-${gallery}`);\r\n if (!container) return;\r\n \r\n container.innerHTML = '';\r\n \r\n for (let i = 0; i < totalSlides; i++) {\r\n const indicator = document.createElement('div');\r\n indicator.className = 'indicator';\r\n if (i === 0) indicator.classList.add('active');\r\n indicator.onclick = () => goToSlide(gallery, i);\r\n container.appendChild(indicator);\r\n }\r\n}\r\n\r\n\/\/ Actualizar estado de la galer\u00eda\r\nfunction updateGalleryState(gallery) {\r\n const state = galleryStates;\r\n \r\n \/\/ Asegurar que currentSlide tenga un valor v\u00e1lido\r\n if (state.currentSlide === undefined || state.currentSlide === null || isNaN(state.currentSlide)) {\r\n state.currentSlide = 0;\r\n }\r\n \r\n \/\/ Actualizar indicadores\r\n const indicators = document.querySelectorAll(`#indicators-${gallery} .indicator`);\r\n indicators.forEach((indicator, index) => {\r\n indicator.classList.toggle('active', index === state.currentSlide);\r\n });\r\n \r\n \/\/ Actualizar contador\r\n const currentElement = document.getElementById(`current-${gallery}`);\r\n if (currentElement) {\r\n currentElement.textContent = state.currentSlide + 1;\r\n }\r\n}\r\n\r\n\/\/ Ir a slide espec\u00edfico\r\nfunction goToSlide(gallery, index) {\r\n const slidesContainer = document.querySelector(`.carousel-slides[data-gallery=\"${gallery}\"]`);\r\n if (!slidesContainer) return;\r\n \r\n const slides = slidesContainer.querySelectorAll('.carousel-slide');\r\n const state = galleryStates;\r\n \r\n if (slides.length === 0 || index >= slides.length || index < 0) return;\r\n \r\n \/\/ Asegurar que currentSlide tenga un valor v\u00e1lido antes de usarlo\r\n if (state.currentSlide === undefined || state.currentSlide === null || isNaN(state.currentSlide)) {\r\n state.currentSlide = 0;\r\n }\r\n \r\n \/\/ Ocultar slide actual si existe\r\n if (slides[state.currentSlide]) {\r\n slides[state.currentSlide].classList.remove('active');\r\n }\r\n \r\n \/\/ Actualizar al nuevo \u00edndice\r\n state.currentSlide = index;\r\n \r\n \/\/ Mostrar nuevo slide\r\n if (slides[state.currentSlide]) {\r\n slides[state.currentSlide].classList.add('active');\r\n }\r\n \r\n \/\/ Actualizar interfaz\r\n updateGalleryState(gallery);\r\n}\r\n\r\n\/\/ Obtener galer\u00eda activa\r\nfunction getActiveGallery() {\r\n const activeTab = document.querySelector('.carousel-tab.active');\r\n return activeTab ? activeTab.getAttribute('data-gallery') : 'fase2';\r\n}\r\n\r\n\/\/ Toggle fullscreen\r\nfunction toggleFullscreen(gallery) {\r\n const carousel = document.querySelector(`#carousel-${gallery} .image-carousel`);\r\n \r\n if (!document.fullscreenElement) {\r\n carousel.requestFullscreen().catch(err => {\r\n console.log(`Error attempting to enable fullscreen: ${err.message}`);\r\n });\r\n } else {\r\n document.exitFullscreen();\r\n }\r\n}\r\n\r\n\/\/ Touch support\r\nfunction setupTouchSupport() {\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n \r\n document.querySelectorAll('.image-carousel').forEach(carousel => {\r\n carousel.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n }, {passive: true});\r\n \r\n carousel.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n const slidesContainer = carousel.querySelector('.carousel-slides');\r\n if (slidesContainer) {\r\n const gallery = slidesContainer.getAttribute('data-gallery');\r\n handleSwipe(gallery);\r\n }\r\n }, {passive: true});\r\n });\r\n \r\n function handleSwipe(gallery) {\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 changeSlide(gallery, -1);\r\n } else {\r\n changeSlide(gallery, 1);\r\n }\r\n }\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>As Villas – Hercesa (Versi\u00f3n Final) Promoci\u00f3n en curso As Villas Fase 4 Una urbanizaci\u00f3n proyectada para cerca de 1.200 apartamentos, ahora en su segunda fase de promoci\u00f3n inmobiliaria 1.200 Apartamentos 3 Fases Entregadas 15min De Lisboa Proyecto Arquitect\u00f3nico Contempor\u00e1neo Se trata de un proyecto arquitect\u00f3nico contempor\u00e1neo destinado a satisfacer las exigencias y necesidades de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-9246","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>As Villas – Hercesa<\/title>\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\/es\/as-villas\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"As Villas – Hercesa\" \/>\n<meta property=\"og:description\" content=\"As Villas – Hercesa (Versi\u00f3n Final) Promoci\u00f3n en curso As Villas Fase 4 Una urbanizaci\u00f3n proyectada para cerca de 1.200 apartamentos, ahora en su segunda fase de promoci\u00f3n inmobiliaria 1.200 Apartamentos 3 Fases Entregadas 15min De Lisboa Proyecto Arquitect\u00f3nico Contempor\u00e1neo Se trata de un proyecto arquitect\u00f3nico contempor\u00e1neo destinado a satisfacer las exigencias y necesidades de […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hercesa.pt\/es\/as-villas\/\" \/>\n<meta property=\"og:site_name\" content=\"Hercesa\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-30T10:31:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hercesapt.evoost.ai\/wp-content\/uploads\/2025\/05\/departamento-balcon-min.jpg\" \/>\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=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hercesa.pt\/es\/as-villas\/\",\"url\":\"https:\/\/hercesa.pt\/es\/as-villas\/\",\"name\":\"As Villas – Hercesa\",\"isPartOf\":{\"@id\":\"https:\/\/hercesa.pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hercesa.pt\/es\/as-villas\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hercesa.pt\/es\/as-villas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hercesapt.evoost.ai\/wp-content\/uploads\/2025\/05\/departamento-balcon-min.jpg\",\"datePublished\":\"2025-09-11T06:56:03+00:00\",\"dateModified\":\"2025-09-30T10:31:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hercesa.pt\/es\/as-villas\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hercesa.pt\/es\/as-villas\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/hercesa.pt\/es\/as-villas\/#primaryimage\",\"url\":\"https:\/\/hercesapt.evoost.ai\/wp-content\/uploads\/2025\/05\/departamento-balcon-min.jpg\",\"contentUrl\":\"https:\/\/hercesapt.evoost.ai\/wp-content\/uploads\/2025\/05\/departamento-balcon-min.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hercesa.pt\/es\/as-villas\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/hercesa.pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"As Villas\"}]},{\"@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":"As Villas – Hercesa","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\/es\/as-villas\/","og_locale":"es_ES","og_type":"article","og_title":"As Villas – Hercesa","og_description":"As Villas – Hercesa (Versi\u00f3n Final) Promoci\u00f3n en curso As Villas Fase 4 Una urbanizaci\u00f3n proyectada para cerca de 1.200 apartamentos, ahora en su segunda fase de promoci\u00f3n inmobiliaria 1.200 Apartamentos 3 Fases Entregadas 15min De Lisboa Proyecto Arquitect\u00f3nico Contempor\u00e1neo Se trata de un proyecto arquitect\u00f3nico contempor\u00e1neo destinado a satisfacer las exigencias y necesidades de […]","og_url":"https:\/\/hercesa.pt\/es\/as-villas\/","og_site_name":"Hercesa","article_modified_time":"2025-09-30T10:31:40+00:00","og_image":[{"url":"https:\/\/hercesapt.evoost.ai\/wp-content\/uploads\/2025\/05\/departamento-balcon-min.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hercesa.pt\/es\/as-villas\/","url":"https:\/\/hercesa.pt\/es\/as-villas\/","name":"As Villas – Hercesa","isPartOf":{"@id":"https:\/\/hercesa.pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hercesa.pt\/es\/as-villas\/#primaryimage"},"image":{"@id":"https:\/\/hercesa.pt\/es\/as-villas\/#primaryimage"},"thumbnailUrl":"https:\/\/hercesapt.evoost.ai\/wp-content\/uploads\/2025\/05\/departamento-balcon-min.jpg","datePublished":"2025-09-11T06:56:03+00:00","dateModified":"2025-09-30T10:31:40+00:00","breadcrumb":{"@id":"https:\/\/hercesa.pt\/es\/as-villas\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hercesa.pt\/es\/as-villas\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/hercesa.pt\/es\/as-villas\/#primaryimage","url":"https:\/\/hercesapt.evoost.ai\/wp-content\/uploads\/2025\/05\/departamento-balcon-min.jpg","contentUrl":"https:\/\/hercesapt.evoost.ai\/wp-content\/uploads\/2025\/05\/departamento-balcon-min.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/hercesa.pt\/es\/as-villas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/hercesa.pt\/"},{"@type":"ListItem","position":2,"name":"As Villas"}]},{"@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\/9246","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=9246"}],"version-history":[{"count":18,"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/pages\/9246\/revisions"}],"predecessor-version":[{"id":9668,"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/pages\/9246\/revisions\/9668"}],"wp:attachment":[{"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/media?parent=9246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}