{"id":8014,"date":"2025-07-28T09:16:44","date_gmt":"2025-07-28T09:16:44","guid":{"rendered":"https:\/\/asvillas.evoost.ai\/?page_id=8014"},"modified":"2025-12-29T08:33:53","modified_gmt":"2025-12-29T08:33:53","slug":"sobre-hercesa","status":"publish","type":"page","link":"https:\/\/hercesa.pt\/es\/sobre-hercesa\/","title":{"rendered":"Hercesa en el Mundo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8014\" class=\"elementor elementor-8014\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f39ef41 e-con-full e-flex e-con e-parent\" data-id=\"f39ef41\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4274c4e elementor-widget elementor-widget-html\" data-id=\"4274c4e\" 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>Hercesa - Historia y Presencia Global<\/title>\r\n    <style>\r\n    \/* Contenedor principal para aislar estilos *\/\r\n    .hercesa-showcase-wrapper {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\r\n    }\r\n    \r\n    \/* Reset solo para elementos dentro del componente *\/\r\n    .hercesa-showcase-wrapper * {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n    \r\n    \/* ======================== *\/\r\n    \/* SISTEMA DE FONDOS FIJOS *\/\r\n    \/* ======================== *\/\r\n    \r\n    .hercesa-showcase-wrapper .backgrounds-container {\r\n        position: fixed !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100vh !important;\r\n        z-index: 1 !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .background-layer {\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 2s cubic-bezier(0.4, 0, 0.2, 1), \r\n                    transform 2s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n        transform: scale(1.1) !important;\r\n        will-change: opacity, transform !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .background-layer.active {\r\n        opacity: 1 !important;\r\n        transform: scale(1) !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .bg-hero {\r\n        background-image: url('https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Sede-Social.jpg') !important;\r\n        background-size: cover !important;\r\n        background-position: center !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .bg-mundo {\r\n        background-image: url('https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/bg043-3.jpg') !important;\r\n        background-size: cover !important;\r\n        background-position: center !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .bg-galeria {\r\n        background: linear-gradient(135deg, #0e1f40 0%, #1e3a8a 100%) !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .universal-overlay {\r\n        position: fixed !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100vh !important;\r\n        background: linear-gradient(135deg, \r\n            rgba(14, 31, 64, 0.85) 0%, \r\n            rgba(30, 58, 138, 0.75) 50%, \r\n            rgba(20, 30, 70, 0.85) 100%) !important;\r\n        z-index: 2 !important;\r\n        pointer-events: none !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .universal-pattern {\r\n        position: fixed !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100vh !important;\r\n        opacity: 0.03 !important;\r\n        background-image: \r\n            repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px) !important;\r\n        z-index: 3 !important;\r\n        pointer-events: none !important;\r\n    }\r\n    \r\n    \/* ======================== *\/\r\n    \/* CONTENEDOR DE SECCIONES *\/\r\n    \/* ======================== *\/\r\n    \r\n    .hercesa-showcase-wrapper .sections-container {\r\n        position: relative !important;\r\n        z-index: 10 !important;\r\n        width: 100% !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .section-100vh {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        height: 100vh !important;\r\n        scroll-snap-align: start !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .section-content {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        max-width: 1400px !important;\r\n        margin: 0 auto !important;\r\n        padding: 2rem !important;\r\n    }\r\n    \r\n    \/* ======================== *\/\r\n    \/* SECCI\u00d3N 1: HERO PRINCIPAL *\/\r\n    \/* ======================== *\/\r\n    \r\n    .hercesa-showcase-wrapper .hero-content-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr !important;\r\n        gap: 2rem !important;\r\n        align-items: center !important;\r\n        width: 100% !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .hero-text-content {\r\n        color: white !important;\r\n        text-align: center !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .hero-main-title {\r\n        font-size: 2.5rem !important;\r\n        font-weight: 800 !important;\r\n        line-height: 1.3 !important;\r\n        margin-bottom: 2rem !important;\r\n        text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;\r\n        color: white !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .hero-main-title .highlight {\r\n        color: #FED56F !important;\r\n        position: relative !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .hero-divider {\r\n        width: 100px !important;\r\n        height: 4px !important;\r\n        background: #FED56F !important;\r\n        margin: 2rem auto !important;\r\n        border-radius: 2px !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .hero-description {\r\n        font-size: 1.1rem !important;\r\n        line-height: 1.8 !important;\r\n        color: rgba(255, 255, 255, 0.95) !important;\r\n        max-width: 900px !important;\r\n        margin: 0 auto !important;\r\n        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .hero-description strong {\r\n        color: #FED56F !important;\r\n        font-weight: 600 !important;\r\n    }\r\n    \r\n    \/* ======================== *\/\r\n    \/* SECCI\u00d3N 2: HERCESA NO MUNDO *\/\r\n    \/* ======================== *\/\r\n    \r\n    .hercesa-showcase-wrapper .mundo-grid {\r\n        width: 90% !important;\r\n        max-width: 1400px !important;\r\n        margin: 0 auto !important;\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    .hercesa-showcase-wrapper .mundo-mapa {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .mapa-imagen {\r\n        width: 100% !important;\r\n        max-width: 600px !important;\r\n        height: auto !important;\r\n        filter: brightness(1.2) !important;\r\n        animation: float 6s ease-in-out infinite !important;\r\n    }\r\n    \r\n    @keyframes float {\r\n        0%, 100% {\r\n            transform: translateY(0) rotate(0deg) !important;\r\n        }\r\n        25% {\r\n            transform: translateY(-5px) rotate(0.5deg) !important;\r\n        }\r\n        50% {\r\n            transform: translateY(-10px) rotate(0deg) !important;\r\n        }\r\n        75% {\r\n            transform: translateY(-5px) rotate(-0.5deg) !important;\r\n        }\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .mundo-contenido {\r\n        color: white !important;\r\n        padding: 2rem 0 !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .mundo-titulo {\r\n        font-size: 3.5rem !important;\r\n        font-weight: 300 !important;\r\n        line-height: 1.1 !important;\r\n        margin-bottom: 2rem !important;\r\n        letter-spacing: 2px !important;\r\n        position: relative !important;\r\n        color: white !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .mundo-titulo::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        bottom: -1rem !important;\r\n        left: 0 !important;\r\n        width: 80px !important;\r\n        height: 3px !important;\r\n        background-color: #FED56F !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .mundo-subtitulo {\r\n        font-size: 1.3rem !important;\r\n        font-weight: 600 !important;\r\n        margin-bottom: 1.5rem !important;\r\n        color: #FED56F !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1px !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .paises-lista {\r\n        font-size: 1.1rem !important;\r\n        line-height: 1.8 !important;\r\n        margin-bottom: 2.5rem !important;\r\n        font-weight: 300 !important;\r\n        letter-spacing: 0.5px !important;\r\n        color: white !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .paises-lista a {\r\n        color: white !important;\r\n        text-decoration: none !important;\r\n        position: relative !important;\r\n        transition: all 0.3s ease !important;\r\n        display: inline-block !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .paises-lista a:hover {\r\n        color: #FED56F !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .paises-lista a::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        width: 0 !important;\r\n        height: 2px !important;\r\n        bottom: -2px !important;\r\n        left: 0 !important;\r\n        background-color: #FED56F !important;\r\n        transition: width 0.3s ease !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .paises-lista a:hover::after {\r\n        width: 100% !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .pais-separator {\r\n        color: rgba(255, 255, 255, 0.5) !important;\r\n        margin: 0 0.3rem !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .mundo-descripcion {\r\n        font-size: 1rem !important;\r\n        line-height: 1.8 !important;\r\n        color: rgba(255, 255, 255, 0.9) !important;\r\n        max-width: 600px !important;\r\n        font-weight: 300 !important;\r\n    }\r\n    \r\n    \/* ======================== *\/\r\n    \/* SECCI\u00d3N 3: GALER\u00cdA PROYECTOS *\/\r\n    \/* ======================== *\/\r\n    \r\n    .hercesa-showcase-wrapper .galeria-content {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-titulo {\r\n        font-size: 2.5rem !important;\r\n        font-weight: 300 !important;\r\n        color: white !important;\r\n        text-align: center !important;\r\n        margin-bottom: 1rem !important;\r\n        letter-spacing: 2px !important;\r\n        text-transform: uppercase !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-subtitulo {\r\n        font-size: 1rem !important;\r\n        color: #FED56F !important;\r\n        text-align: center !important;\r\n        margin-bottom: 3rem !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 1px !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-main {\r\n        width: 100% !important;\r\n        max-width: 1200px !important;\r\n        height: 60vh !important;\r\n        max-height: 600px !important;\r\n        min-height: 400px !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        border-radius: 10px !important;\r\n        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4) !important;\r\n        background-color: #1a1a1a !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-main-image {\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        object-fit: cover !important;\r\n        object-position: center !important;\r\n        transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-main-image.fade-out {\r\n        opacity: 0 !important;\r\n        transform: scale(1.05) !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-info {\r\n        position: absolute !important;\r\n        bottom: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        padding: 2rem !important;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.9), transparent) !important;\r\n        color: white !important;\r\n        transform: translateY(100%) !important;\r\n        transition: transform 0.3s ease !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-main:hover .galeria-info {\r\n        transform: translateY(0) !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-info-title {\r\n        font-size: 1.5rem !important;\r\n        font-weight: 600 !important;\r\n        margin-bottom: 0.5rem !important;\r\n        color: white !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-info-location {\r\n        font-size: 1rem !important;\r\n        color: #FED56F !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-thumbs {\r\n        width: 100% !important;\r\n        max-width: 1200px !important;\r\n        margin-top: 2rem !important;\r\n        display: flex !important;\r\n        gap: 1rem !important;\r\n        justify-content: center !important;\r\n        flex-wrap: wrap !important;\r\n        align-items: center !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-thumb {\r\n        width: 180px !important;\r\n        height: 120px !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        border-radius: 5px !important;\r\n        cursor: pointer !important;\r\n        transition: all 0.3s ease !important;\r\n        border: 3px solid transparent !important;\r\n        opacity: 0.7 !important;\r\n        background-color: #1a1a1a !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-thumb.active {\r\n        border-color: #FED56F !important;\r\n        transform: scale(1.05) !important;\r\n        opacity: 1 !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-thumb:hover:not(.active) {\r\n        transform: scale(1.05) !important;\r\n        border-color: rgba(254, 213, 111, 0.5) !important;\r\n        opacity: 1 !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-thumb img {\r\n        position: absolute !important;\r\n        top: 50% !important;\r\n        left: 50% !important;\r\n        transform: translate(-50%, -50%) !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        object-position: center !important;\r\n        transition: transform 0.3s ease !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-thumb:hover img {\r\n        transform: translate(-50%, -50%) scale(1.1) !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-nav {\r\n        position: absolute !important;\r\n        top: 50% !important;\r\n        transform: translateY(-50%) !important;\r\n        width: 50px !important;\r\n        height: 50px !important;\r\n        background: rgba(255, 255, 255, 0.1) !important;\r\n        backdrop-filter: blur(10px) !important;\r\n        border: 2px solid rgba(255, 255, 255, 0.3) !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        z-index: 10 !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-nav:hover {\r\n        background: rgba(254, 213, 111, 0.2) !important;\r\n        border-color: #FED56F !important;\r\n        transform: translateY(-50%) scale(1.1) !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-nav svg {\r\n        width: 24px !important;\r\n        height: 24px !important;\r\n        stroke: white !important;\r\n        stroke-width: 2 !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-prev {\r\n        left: 2rem !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .galeria-next {\r\n        right: 2rem !important;\r\n    }\r\n    \r\n    \/* ======================== *\/\r\n    \/* ELEMENTOS DE NAVEGACI\u00d3N *\/\r\n    \/* ======================== *\/\r\n    \r\n    .hercesa-showcase-wrapper .scroll-indicator {\r\n        position: fixed !important;\r\n        bottom: 2rem !important;\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n        z-index: 100 !important;\r\n        animation: bounce 2s infinite !important;\r\n        transition: opacity 0.3s ease !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .scroll-indicator.hide {\r\n        opacity: 0 !important;\r\n        pointer-events: none !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .scroll-mouse {\r\n        width: 25px !important;\r\n        height: 40px !important;\r\n        border: 2px solid rgba(255, 255, 255, 0.5) !important;\r\n        border-radius: 15px !important;\r\n        position: relative !important;\r\n        margin: 0 auto !important;\r\n        cursor: pointer !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .scroll-mouse::before {\r\n        content: '' !important;\r\n        width: 4px !important;\r\n        height: 8px !important;\r\n        position: absolute !important;\r\n        top: 8px !important;\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n        background-color: #FED56F !important;\r\n        border-radius: 2px !important;\r\n        animation: scroll 1.5s infinite !important;\r\n    }\r\n    \r\n    @keyframes bounce {\r\n        0%, 20%, 50%, 80%, 100% {\r\n            transform: translateX(-50%) translateY(0) !important;\r\n        }\r\n        40% {\r\n            transform: translateX(-50%) translateY(-10px) !important;\r\n        }\r\n        60% {\r\n            transform: translateX(-50%) translateY(-5px) !important;\r\n        }\r\n    }\r\n    \r\n    @keyframes scroll {\r\n        0% {\r\n            opacity: 1 !important;\r\n            transform: translateX(-50%) translateY(0) !important;\r\n        }\r\n        100% {\r\n            opacity: 0 !important;\r\n            transform: translateX(-50%) translateY(10px) !important;\r\n        }\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .nav-dots {\r\n        position: fixed !important;\r\n        right: 2rem !important;\r\n        top: 50% !important;\r\n        transform: translateY(-50%) !important;\r\n        z-index: 100 !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .nav-dot {\r\n        width: 12px !important;\r\n        height: 12px !important;\r\n        border-radius: 50% !important;\r\n        background-color: rgba(255, 255, 255, 0.3) !important;\r\n        margin: 1rem 0 !important;\r\n        cursor: pointer !important;\r\n        transition: all 0.3s ease !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .nav-dot.active {\r\n        background-color: #FED56F !important;\r\n        transform: scale(1.3) !important;\r\n    }\r\n    \r\n    .hercesa-showcase-wrapper .nav-dot:hover {\r\n        background-color: rgba(254, 213, 111, 0.6) !important;\r\n    }\r\n    \r\n    \/* ======================== *\/\r\n    \/* MEDIA QUERIES *\/\r\n    \/* ======================== *\/\r\n    \r\n    @media (min-width: 768px) {\r\n        .hercesa-showcase-wrapper .section-content {\r\n            padding: 3rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .hero-main-title {\r\n            font-size: 3.5rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .hero-description {\r\n            font-size: 1.2rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-titulo {\r\n            font-size: 3rem !important;\r\n        }\r\n    }\r\n    \r\n    @media (min-width: 1024px) {\r\n        .hercesa-showcase-wrapper .hero-main-title {\r\n            font-size: 4rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .hero-description {\r\n            font-size: 1.3rem !important;\r\n            line-height: 1.9 !important;\r\n        }\r\n    }\r\n    \r\n    @media (min-width: 1440px) {\r\n        .hercesa-showcase-wrapper .hero-main-title {\r\n            font-size: 4.5rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .hero-description {\r\n            font-size: 1.4rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-thumb {\r\n            width: 200px !important;\r\n            height: 133px !important;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 992px) {\r\n        .hercesa-showcase-wrapper .mundo-grid {\r\n            grid-template-columns: 1fr !important;\r\n            text-align: center !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mundo-mapa {\r\n            order: 2 !important;\r\n            margin-top: 1rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mundo-contenido {\r\n            order: 1 !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mundo-titulo::after {\r\n            left: 50% !important;\r\n            transform: translateX(-50%) !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mundo-descripcion {\r\n            margin: 0 auto !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mapa-imagen {\r\n            max-width: 500px !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .nav-dots {\r\n            right: 1rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-nav {\r\n            width: 40px !important;\r\n            height: 40px !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-prev {\r\n            left: 1rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-next {\r\n            right: 1rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-thumb {\r\n            width: 150px !important;\r\n            height: 100px !important;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 767px) {\r\n        .hercesa-showcase-wrapper .hero-main-title {\r\n            font-size: 2rem !important;\r\n            margin-bottom: 1.5rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .hero-description {\r\n            font-size: 1rem !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mundo-titulo {\r\n            font-size: 2.5rem !important;\r\n            margin-bottom: 1.5rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mundo-subtitulo {\r\n            font-size: 1.1rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .paises-lista {\r\n            font-size: 1rem !important;\r\n            margin-bottom: 2rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mundo-descripcion {\r\n            font-size: 0.95rem !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mapa-imagen {\r\n            max-width: 400px !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .nav-dots {\r\n            display: none !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-titulo {\r\n            font-size: 2rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-main {\r\n            height: 50vh !important;\r\n            min-height: 300px !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-thumb {\r\n            width: 120px !important;\r\n            height: 80px !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-info {\r\n            padding: 1rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-info-title {\r\n            font-size: 1.2rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-nav {\r\n            display: none !important;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .hercesa-showcase-wrapper .section-content {\r\n            padding: 1.5rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .hero-main-title {\r\n            font-size: 1.8rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .hero-description {\r\n            font-size: 0.95rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mundo-titulo {\r\n            font-size: 2rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mundo-subtitulo {\r\n            font-size: 1rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .paises-lista {\r\n            font-size: 0.9rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mundo-descripcion {\r\n            font-size: 0.9rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .mapa-imagen {\r\n            max-width: 300px !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-titulo {\r\n            font-size: 1.8rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-subtitulo {\r\n            font-size: 0.9rem !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-thumb {\r\n            width: 90px !important;\r\n            height: 60px !important;\r\n        }\r\n        \r\n        .hercesa-showcase-wrapper .galeria-main {\r\n            height: 40vh !important;\r\n            min-height: 250px !important;\r\n        }\r\n    }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Contenedor principal con clase \u00fanica -->\r\n<div class=\"hercesa-showcase-wrapper\">\r\n    <!-- Contenedor de fondos fijos -->\r\n    <div class=\"backgrounds-container\">\r\n        <div class=\"background-layer bg-hero active\" id=\"bg-1\"><\/div>\r\n        <div class=\"background-layer bg-mundo\" id=\"bg-2\"><\/div>\r\n        <div class=\"background-layer bg-galeria\" id=\"bg-3\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Overlay universal -->\r\n    <div class=\"universal-overlay\"><\/div>\r\n    <div class=\"universal-pattern\"><\/div>\r\n\r\n    <!-- Contenedor de secciones -->\r\n    <div class=\"sections-container\">\r\n        <!-- SECCI\u00d3N 1: HERO PRINCIPAL -->\r\n        <section class=\"section-100vh\" data-section=\"0\">\r\n            <div class=\"section-content\" id=\"content-1\">\r\n                <div class=\"hero-content-grid\">\r\n                    <div class=\"hero-text-content\">\r\n                        <h1 class=\"hero-main-title\">\r\n                            <span class=\"highlight\">50 a\u00f1os<\/span> construyendo con sentido,<br>\r\n                            para ti y para el <span class=\"highlight\">futuro<\/span>.\r\n                        <\/h1>\r\n                        \r\n                        <div class=\"hero-divider\"><\/div>\r\n                        \r\n                        <p class=\"hero-description\">\r\n                            En <strong>Hercesa<\/strong>, nos encargamos de cada fase de nuestros proyectos como gestores integrales, porque entendemos que cada detalle cuenta para garantizar la calidad que nuestros clientes merecen. Nuestro compromiso con la gesti\u00f3n eficiente y el respeto por el tiempo de aquellos que conf\u00edan en nosotros ha fortalecido nuestro conocimiento en sectores tan diversos como el residencial, comercial, terciario e industrial. Cada proyecto refleja nuestra vocaci\u00f3n de crear ambientes significativos y duraderos.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- SECCI\u00d3N 2: HERCESA EN EL MUNDO -->\r\n        <section class=\"section-100vh\" data-section=\"1\">\r\n            <div class=\"section-content\" id=\"content-2\">\r\n                <div class=\"mundo-grid\">\r\n                    <div class=\"mundo-mapa\">\r\n                        <div style=\"position: relative;\">\r\n                            <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/img01-3.png\" alt=\"Mapa mundial Hercesa\" class=\"mapa-imagen\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"mundo-contenido\">\r\n                        <h2 class=\"mundo-titulo\">HERCESA EN EL MUNDO<\/h2>\r\n                        \r\n                        <p class=\"mundo-subtitulo\">ESTAMOS PRESENTES EN:<\/p>\r\n                        \r\n                        <p class=\"paises-lista\">\r\n                            <a href=\"https:\/\/hercesa.pt\" target=\"_blank\" rel=\"noopener noreferrer\">PORTUGAL<\/a><span class=\"pais-separator\">,<\/span>\r\n                            <a href=\"https:\/\/hercesa.com\" target=\"_blank\" rel=\"noopener noreferrer\">ESPA\u00d1A<\/a><span class=\"pais-separator\">,<\/span>\r\n                            <a href=\"https:\/\/hercesa.ro\" target=\"_blank\" rel=\"noopener noreferrer\">RUMAN\u00cdA<\/a><span class=\"pais-separator\">,<\/span>\r\n                            <a href=\"https:\/\/hercesa.bg\" target=\"_blank\" rel=\"noopener noreferrer\">BULGARIA<\/a><span class=\"pais-separator\">,<\/span>\r\n                            <a href=\"https:\/\/hercesa.com\/proyectos\/?country=panama#proyectos__filters\" target=\"_blank\" rel=\"noopener noreferrer\">PANAM\u00c1<\/a><span class=\"pais-separator\">,<\/span>\r\n                            <a href=\"https:\/\/hercesa.com\/proyectos\/?country=ecuador#proyectos__filters\" target=\"_blank\" rel=\"noopener noreferrer\">ECUADOR<\/a><span class=\"pais-separator\">,<\/span>\r\n                            <a href=\"https:\/\/hercesa.com\/proyectos\/?country=mexico#proyectos__filters\" target=\"_blank\" rel=\"noopener noreferrer\">M\u00c9XICO<\/a><span class=\"pais-separator\">.<\/span>\r\n                        <\/p>\r\n                        \r\n                        <p class=\"mundo-descripcion\">\r\n                            Entendemos que cada proyecto requiere atenci\u00f3n especializada y experimentada. Por eso, nuestro equipo Hercesa, compuesto por m\u00e1s de 500 profesionales en diferentes pa\u00edses, trabaja con formaci\u00f3n continua y dedicaci\u00f3n, garantizando un enfoque integral que apoya cada fase del desarrollo. Esta orientaci\u00f3n 360\u00ba nos permite actuar con agilidad, tanto en la resoluci\u00f3n de detalles espec\u00edficos como en la gesti\u00f3n global de proyectos, manteniendo el control del presupuesto y los objetivos. A trav\u00e9s de esta sinergia interna, conseguimos responder con precisi\u00f3n y \u00e9xito a las necesidades de todos los sectores y tipos de activos que gestionamos.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <!-- SECCI\u00d3N 3: GALER\u00cdA DE PROYECTOS -->\r\n        <section class=\"section-100vh\" data-section=\"2\">\r\n            <div class=\"section-content\" id=\"content-3\">\r\n                <div class=\"galeria-content\">\r\n                    <h2 class=\"galeria-titulo\">Nuestros Proyectos Por El Mundo<\/h2>\r\n                    <p class=\"galeria-subtitulo\">Excelencia en construcci\u00f3n en diferentes continentes<\/p>\r\n                    \r\n                    <div class=\"galeria-main\">\r\n                        <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Pure_South_Residences_Fase_1-1-scaled.jpg\" \r\n                             alt=\"Pure South Residences\" \r\n                             class=\"galeria-main-image\" \r\n                             id=\"main-image\">\r\n                        \r\n                        <button class=\"galeria-nav galeria-prev\" id=\"galeria-prev\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        \r\n                        <button class=\"galeria-nav galeria-next\" id=\"galeria-next\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        \r\n                        <div class=\"galeria-info\">\r\n                            <h3 class=\"galeria-info-title\" id=\"image-title\">Pure South Residences - Fase 1<\/h3>\r\n                            <p class=\"galeria-info-location\" id=\"image-location\">Panam\u00e1<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"galeria-thumbs\" id=\"galeria-thumbs\">\r\n                        <div class=\"galeria-thumb active\" data-index=\"0\">\r\n                            <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Pure_South_Residences_Fase_1-1-scaled.jpg\" \r\n                                 alt=\"Pure South Residences\">\r\n                        <\/div>\r\n                        <div class=\"galeria-thumb\" data-index=\"1\">\r\n                            <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Biosfera-2-Mexico-scaled.jpg\" \r\n                                 alt=\"Biosfera M\u00e9xico\">\r\n                        <\/div>\r\n                        <div class=\"galeria-thumb\" data-index=\"2\">\r\n                            <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Sede-social-2-scaled.jpg\" \r\n                                 alt=\"Sede Social\">\r\n                        <\/div>\r\n                        <div class=\"galeria-thumb\" data-index=\"3\">\r\n                            <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/2.jpg\" \r\n                                 alt=\"Proyecto Residencial\">\r\n                        <\/div>\r\n                        <div class=\"galeria-thumb\" data-index=\"4\">\r\n                            <img decoding=\"async\" src=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Lipite-Bulgaria-1-scaled.jpg\" \r\n                                 alt=\"Lipite Bulgaria\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- Indicador de scroll -->\r\n    <div class=\"scroll-indicator\" id=\"scroll-indicator\">\r\n        <div class=\"scroll-mouse\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Navegaci\u00f3n por puntos -->\r\n    <div class=\"nav-dots\">\r\n        <div class=\"nav-dot active\" data-section=\"0\"><\/div>\r\n        <div class=\"nav-dot\" data-section=\"1\"><\/div>\r\n        <div class=\"nav-dot\" data-section=\"2\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Obtener el wrapper para aislar el componente\r\n    const wrapper = document.querySelector('.hercesa-showcase-wrapper');\r\n    \r\n    \/\/ Referencias - todas dentro del wrapper\r\n    const sections = wrapper.querySelectorAll('.section-100vh');\r\n    const backgrounds = wrapper.querySelectorAll('.background-layer');\r\n    const navDots = wrapper.querySelectorAll('.nav-dot');\r\n    const scrollIndicator = wrapper.querySelector('#scroll-indicator');\r\n    \r\n    \/\/ Galer\u00eda\r\n    const mainImage = wrapper.querySelector('#main-image');\r\n    const imageTitle = wrapper.querySelector('#image-title');\r\n    const imageLocation = wrapper.querySelector('#image-location');\r\n    const thumbs = wrapper.querySelectorAll('.galeria-thumb');\r\n    const prevBtn = wrapper.querySelector('#galeria-prev');\r\n    const nextBtn = wrapper.querySelector('#galeria-next');\r\n    \r\n    \/\/ Datos de la galer\u00eda\r\n    const galleryData = [\r\n        {\r\n            src: 'https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Pure_South_Residences_Fase_1-1-scaled.jpg',\r\n            title: 'Pure South Residences - Fase 1',\r\n            location: 'Panam\u00e1'\r\n        },\r\n        {\r\n            src: 'https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Biosfera-2-Mexico-scaled.jpg',\r\n            title: 'Biosfera 2',\r\n            location: 'M\u00e9xico'\r\n        },\r\n        {\r\n            src: 'https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Sede-social-2-scaled.jpg',\r\n            title: 'Sede Social Hercesa',\r\n            location: 'Espa\u00f1a'\r\n        },\r\n        {\r\n            src: 'https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/2.jpg',\r\n            title: 'Complejo Residencial',\r\n            location: 'Portugal'\r\n        },\r\n        {\r\n            src: 'https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/09\/Lipite-Bulgaria-1-scaled.jpg',\r\n            title: 'Lipite Residences',\r\n            location: 'Bulgaria'\r\n        }\r\n    ];\r\n    \r\n    \/\/ Variables\r\n    let currentSection = 0;\r\n    let currentGalleryIndex = 0;\r\n    let isScrolling = false;\r\n    \r\n    \/\/ Funci\u00f3n para actualizar secci\u00f3n\r\n    function updateSection(index) {\r\n        if (isScrolling || index < 0 || index >= sections.length) return;\r\n        \r\n        isScrolling = true;\r\n        currentSection = index;\r\n        \r\n        \/\/ Actualizar fondos con transici\u00f3n suave\r\n        backgrounds.forEach((bg, i) => {\r\n            if (i === index) {\r\n                bg.classList.add('active');\r\n            } else {\r\n                bg.classList.remove('active');\r\n            }\r\n        });\r\n        \r\n        \/\/ Actualizar dots\r\n        navDots.forEach((dot, i) => {\r\n            dot.classList.toggle('active', i === index);\r\n        });\r\n        \r\n        \/\/ Ocultar\/mostrar indicador de scroll\r\n        if (index === sections.length - 1) {\r\n            scrollIndicator.classList.add('hide');\r\n        } else {\r\n            scrollIndicator.classList.remove('hide');\r\n        }\r\n        \r\n        \/\/ Scroll suave a la secci\u00f3n\r\n        sections[index].scrollIntoView({ behavior: 'smooth' });\r\n        \r\n        setTimeout(() => {\r\n            isScrolling = false;\r\n        }, 800);\r\n    }\r\n    \r\n    \/\/ Funci\u00f3n para actualizar imagen de galer\u00eda\r\n    function updateGalleryImage(index) {\r\n        mainImage.classList.add('fade-out');\r\n        \r\n        setTimeout(() => {\r\n            mainImage.src = galleryData[index].src;\r\n            imageTitle.textContent = galleryData[index].title;\r\n            imageLocation.textContent = galleryData[index].location;\r\n            \r\n            thumbs.forEach((thumb, i) => {\r\n                thumb.classList.toggle('active', i === index);\r\n            });\r\n            \r\n            mainImage.classList.remove('fade-out');\r\n        }, 400);\r\n        \r\n        currentGalleryIndex = index;\r\n    }\r\n    \r\n    \/\/ Intersection Observer para detectar secci\u00f3n visible\r\n    const observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.5\r\n    };\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                const sectionIndex = Array.from(sections).indexOf(entry.target);\r\n                if (sectionIndex !== currentSection) {\r\n                    currentSection = sectionIndex;\r\n                    \r\n                    \/\/ Actualizar fondos\r\n                    backgrounds.forEach((bg, i) => {\r\n                        if (i === sectionIndex) {\r\n                            bg.classList.add('active');\r\n                        } else {\r\n                            bg.classList.remove('active');\r\n                        }\r\n                    });\r\n                    \r\n                    \/\/ Actualizar dots\r\n                    navDots.forEach((dot, i) => {\r\n                        dot.classList.toggle('active', i === sectionIndex);\r\n                    });\r\n                    \r\n                    \/\/ Ocultar\/mostrar indicador de scroll\r\n                    if (sectionIndex === sections.length - 1) {\r\n                        scrollIndicator.classList.add('hide');\r\n                    } else {\r\n                        scrollIndicator.classList.remove('hide');\r\n                    }\r\n                }\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    \/\/ Observar todas las secciones\r\n    sections.forEach(section => {\r\n        observer.observe(section);\r\n    });\r\n    \r\n    \/\/ Event listeners galer\u00eda\r\n    thumbs.forEach((thumb, index) => {\r\n        thumb.addEventListener('click', () => {\r\n            updateGalleryImage(index);\r\n        });\r\n    });\r\n    \r\n    if (prevBtn) {\r\n        prevBtn.addEventListener('click', () => {\r\n            const newIndex = (currentGalleryIndex - 1 + galleryData.length) % galleryData.length;\r\n            updateGalleryImage(newIndex);\r\n        });\r\n    }\r\n    \r\n    if (nextBtn) {\r\n        nextBtn.addEventListener('click', () => {\r\n            const newIndex = (currentGalleryIndex + 1) % galleryData.length;\r\n            updateGalleryImage(newIndex);\r\n        });\r\n    }\r\n    \r\n    \/\/ Navegaci\u00f3n por dots\r\n    navDots.forEach((dot, index) => {\r\n        dot.addEventListener('click', () => {\r\n            updateSection(index);\r\n        });\r\n    });\r\n    \r\n    \/\/ Click en indicador de scroll\r\n    if (scrollIndicator) {\r\n        scrollIndicator.addEventListener('click', () => {\r\n            if (currentSection < sections.length - 1) {\r\n                updateSection(currentSection + 1);\r\n            }\r\n        });\r\n    }\r\n    \r\n    \/\/ Wheel event con throttling para desktop\r\n    let wheelAccumulator = 0;\r\n    let wheelTimeout;\r\n    \r\n    window.addEventListener('wheel', (e) => {\r\n        \/\/ Solo interceptar si el mouse est\u00e1 sobre nuestro componente\r\n        if (wrapper.contains(e.target) && window.innerWidth > 768) {\r\n            e.preventDefault();\r\n            \r\n            wheelAccumulator += e.deltaY;\r\n            \r\n            clearTimeout(wheelTimeout);\r\n            wheelTimeout = setTimeout(() => {\r\n                if (Math.abs(wheelAccumulator) > 50) {\r\n                    if (wheelAccumulator > 0) {\r\n                        updateSection(currentSection + 1);\r\n                    } else {\r\n                        updateSection(currentSection - 1);\r\n                    }\r\n                }\r\n                wheelAccumulator = 0;\r\n            }, 50);\r\n        }\r\n    }, { passive: false });\r\n    \r\n    \/\/ Touch events para m\u00f3vil\r\n    let touchStartY = 0;\r\n    let touchEndY = 0;\r\n    \r\n    wrapper.addEventListener('touchstart', (e) => {\r\n        touchStartY = e.changedTouches[0].screenY;\r\n    }, { passive: true });\r\n    \r\n    wrapper.addEventListener('touchend', (e) => {\r\n        touchEndY = e.changedTouches[0].screenY;\r\n        const swipeDistance = touchStartY - touchEndY;\r\n        \r\n        if (Math.abs(swipeDistance) > 50) {\r\n            if (swipeDistance > 0) {\r\n                updateSection(currentSection + 1);\r\n            } else {\r\n                updateSection(currentSection - 1);\r\n            }\r\n        }\r\n    }, { passive: true });\r\n    \r\n    \/\/ Navegaci\u00f3n con teclado - solo si el foco est\u00e1 en el componente\r\n    document.addEventListener('keydown', (e) => {\r\n        if (wrapper.contains(document.activeElement) || document.activeElement === document.body) {\r\n            if (currentSection === 2 && (e.key === 'ArrowLeft' || e.key === 'ArrowRight')) {\r\n                e.preventDefault();\r\n                if (e.key === 'ArrowLeft') {\r\n                    const newIndex = (currentGalleryIndex - 1 + galleryData.length) % galleryData.length;\r\n                    updateGalleryImage(newIndex);\r\n                } else {\r\n                    const newIndex = (currentGalleryIndex + 1) % galleryData.length;\r\n                    updateGalleryImage(newIndex);\r\n                }\r\n            } else if (e.key === 'ArrowDown' || e.key === 'PageDown') {\r\n                e.preventDefault();\r\n                updateSection(currentSection + 1);\r\n            } else if (e.key === 'ArrowUp' || e.key === 'PageUp') {\r\n                e.preventDefault();\r\n                updateSection(currentSection - 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>Hercesa &#8211; Historia y Presencia Global 50 a\u00f1os construyendo con sentido, para ti y para el futuro. En Hercesa, nos encargamos de cada fase de nuestros proyectos como gestores integrales, porque entendemos que cada detalle cuenta para garantizar la calidad que nuestros clientes merecen. Nuestro compromiso con la gesti\u00f3n eficiente y el respeto por el [&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-8014","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>Sobre Nosotros - \u00bfQu\u00e9 es 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\/sobre-hercesa\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sobre Nosotros - \u00bfQu\u00e9 es Hercesa?\" \/>\n<meta property=\"og:description\" content=\"Hercesa &#8211; Historia y Presencia Global 50 a\u00f1os construyendo con sentido, para ti y para el futuro. En Hercesa, nos encargamos de cada fase de nuestros proyectos como gestores integrales, porque entendemos que cada detalle cuenta para garantizar la calidad que nuestros clientes merecen. Nuestro compromiso con la gesti\u00f3n eficiente y el respeto por el [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hercesa.pt\/sobre-hercesa\/\" \/>\n<meta property=\"og:site_name\" content=\"Hercesa\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T08:33:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/img01-3.png\" \/>\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=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hercesa.pt\/sobre-hercesa\/\",\"url\":\"https:\/\/hercesa.pt\/sobre-hercesa\/\",\"name\":\"Sobre Nosotros - \u00bfQu\u00e9 es Hercesa?\",\"isPartOf\":{\"@id\":\"https:\/\/hercesa.pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hercesa.pt\/sobre-hercesa\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hercesa.pt\/sobre-hercesa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/img01-3.png\",\"datePublished\":\"2025-07-28T09:16:44+00:00\",\"dateModified\":\"2025-12-29T08:33:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hercesa.pt\/sobre-hercesa\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hercesa.pt\/sobre-hercesa\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/hercesa.pt\/sobre-hercesa\/#primaryimage\",\"url\":\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/img01-3.png\",\"contentUrl\":\"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/img01-3.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hercesa.pt\/sobre-hercesa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/hercesa.pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hercesa en el Mundo\"}]},{\"@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":"Sobre Nosotros - \u00bfQu\u00e9 es 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\/sobre-hercesa\/","og_locale":"es_ES","og_type":"article","og_title":"Sobre Nosotros - \u00bfQu\u00e9 es Hercesa?","og_description":"Hercesa &#8211; Historia y Presencia Global 50 a\u00f1os construyendo con sentido, para ti y para el futuro. En Hercesa, nos encargamos de cada fase de nuestros proyectos como gestores integrales, porque entendemos que cada detalle cuenta para garantizar la calidad que nuestros clientes merecen. Nuestro compromiso con la gesti\u00f3n eficiente y el respeto por el [&hellip;]","og_url":"https:\/\/hercesa.pt\/sobre-hercesa\/","og_site_name":"Hercesa","article_modified_time":"2025-12-29T08:33:53+00:00","og_image":[{"url":"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/img01-3.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hercesa.pt\/sobre-hercesa\/","url":"https:\/\/hercesa.pt\/sobre-hercesa\/","name":"Sobre Nosotros - \u00bfQu\u00e9 es Hercesa?","isPartOf":{"@id":"https:\/\/hercesa.pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hercesa.pt\/sobre-hercesa\/#primaryimage"},"image":{"@id":"https:\/\/hercesa.pt\/sobre-hercesa\/#primaryimage"},"thumbnailUrl":"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/img01-3.png","datePublished":"2025-07-28T09:16:44+00:00","dateModified":"2025-12-29T08:33:53+00:00","breadcrumb":{"@id":"https:\/\/hercesa.pt\/sobre-hercesa\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hercesa.pt\/sobre-hercesa\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/hercesa.pt\/sobre-hercesa\/#primaryimage","url":"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/img01-3.png","contentUrl":"https:\/\/hercesa.pt\/wp-content\/uploads\/2025\/07\/img01-3.png"},{"@type":"BreadcrumbList","@id":"https:\/\/hercesa.pt\/sobre-hercesa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/hercesa.pt\/"},{"@type":"ListItem","position":2,"name":"Hercesa en el Mundo"}]},{"@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\/8014","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=8014"}],"version-history":[{"count":92,"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/pages\/8014\/revisions"}],"predecessor-version":[{"id":9733,"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/pages\/8014\/revisions\/9733"}],"wp:attachment":[{"href":"https:\/\/hercesa.pt\/es\/wp-json\/wp\/v2\/media?parent=8014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}