{"id":2865,"date":"2025-08-27T18:50:54","date_gmt":"2025-08-27T18:50:54","guid":{"rendered":"https:\/\/vyda.codika.net\/proyectos\/"},"modified":"2025-10-21T20:18:30","modified_gmt":"2025-10-21T20:18:30","slug":"proyectos","status":"publish","type":"page","link":"https:\/\/vyda.codika.net\/es\/proyectos\/","title":{"rendered":"Proyectos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2865\" class=\"elementor elementor-2865 elementor-277\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6aa1bad e-con-full e-flex e-con e-parent\" data-id=\"6aa1bad\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebe1002 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"ebe1002\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Construido para durar. Dise\u00f1ado para rendir.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d0a819 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4d0a819\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Nuestro portafolio de proyectos refleja nuestro compromiso con la excelencia, la innovaci\u00f3n y el valor a largo plazo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aff5d97 e-flex e-con-boxed e-con e-parent\" data-id=\"aff5d97\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d20726 elementor-widget elementor-widget-vyda_projects\" data-id=\"0d20726\" data-element_type=\"widget\" data-widget_type=\"vyda_projects.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"vyda-projects-0d20726\" class=\"vyda-projects-widget\">\n            <style>\n                #vyda-projects-0d20726 * {\n                    margin: 0;\n                    padding: 0;\n                    box-sizing: border-box;\n                }\n\n                \/* Hero Slideshow Container Styles *\/\n                #vyda-projects-0d20726 .hero-slideshow-container {\n                    position: relative;\n                    width: 100vw;\n                    margin-left: calc(-50vw + 50%);\n                }\n\n                #vyda-projects-0d20726 .hero-slideshow {\n                    position: relative;\n                    min-height: 900px;\n                    overflow: hidden;\n                }\n\n                #vyda-projects-0d20726 .hero-slide {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 100%;\n                    opacity: 0;\n                    transition: opacity 600ms ease-in-out;\n                    z-index: 1;\n                }\n\n                #vyda-projects-0d20726 .hero-slide.active {\n                    opacity: 1;\n                    z-index: 2;\n                }\n\n                \/* Hero Section Styles *\/\n                #vyda-projects-0d20726 .hero-section {\n                    position: relative;\n                    min-height: 900px;\n                    background-size: cover;\n                    background-position: center center;\n                    background-repeat: no-repeat;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    width: 100%;\n                    height: 100%;\n                }\n\n                #vyda-projects-0d20726 .hero-overlay {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n                    background: rgba(0, 0, 0, 0.5);\n                    z-index: 1;\n                }\n\n                #vyda-projects-0d20726 .hero-content {\n                    position: relative;\n                    z-index: 2;\n                    text-align: center;\n                    max-width: 1200px;\n                    padding: 0 20px;\n                }\n\n                #vyda-projects-0d20726 .hero-title {\n                    font-family: \"Newsreader\", sans-serif;\n                    font-size: 64px;\n                    font-weight: 300;\n                    line-height: 120%;\n                    color: #fff;\n                    margin-bottom: 24px;\n                }\n\n                #vyda-projects-0d20726 .hero-description {\n                    text-align: center;\n                    font-family: \"Helvetica Neue\", sans-serif;\n                    font-size: 32px;\n                    font-weight: 300;\n                    line-height: 130%;\n                    color: #fff;\n                    max-width: 800px;\n                    margin: 0 auto 32px auto;\n                }\n\n                \/* Hero CTA Button *\/\n                #vyda-projects-0d20726 .hero-cta {\n                    margin-top: 24px;\n                }\n\n                \/* Hero Navigation Controls *\/\n                #vyda-projects-0d20726 .hero-navigation {\n                    position: absolute;\n                    top: 50%;\n                    transform: translateY(-50%);\n                    width: 100%;\n                    display: flex;\n                    justify-content: space-between;\n                    padding: 0 40px;\n                    pointer-events: none;\n                    z-index: 10;\n                }\n\n                #vyda-projects-0d20726 .hero-nav {\n                    background: rgba(255, 255, 255, 0.2);\n                    backdrop-filter: blur(10px);\n                    -webkit-backdrop-filter: blur(10px);\n                    border: 1px solid rgba(255, 255, 255, 0.3);\n                    border-radius: 50%;\n                    width: 60px;\n                    height: 60px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    cursor: pointer;\n                    transition: all 0.3s ease;\n                    color: white;\n                    pointer-events: all;\n                }\n\n                #vyda-projects-0d20726 .hero-nav:hover {\n                    background: rgba(255, 255, 255, 0.3);\n                    transform: scale(1.1);\n                }\n\n                #vyda-projects-0d20726 .hero-nav svg {\n                    width: 24px;\n                    height: 24px;\n                }\n\n                \/* Hero Dots Indicators *\/\n                #vyda-projects-0d20726 .hero-dots {\n                    position: absolute;\n                    bottom: 40px;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    display: flex;\n                    gap: 12px;\n                    z-index: 10;\n                }\n\n                #vyda-projects-0d20726 .hero-dot {\n                    width: 12px;\n                    height: 12px;\n                    border-radius: 50%;\n                    background: rgba(255, 255, 255, 0.4);\n                    border: 1px solid rgba(255, 255, 255, 0.6);\n                    cursor: pointer;\n                    transition: all 0.3s ease;\n                }\n\n                #vyda-projects-0d20726 .hero-dot.active {\n                    background: white;\n                    transform: scale(1.2);\n                }\n\n                #vyda-projects-0d20726 .hero-dot:hover {\n                    background: rgba(255, 255, 255, 0.7);\n                }\n\n                \/* Touch Zones for Mobile Navigation *\/\n                #vyda-projects-0d20726 .hero-touch-zones {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 100%;\n                    display: none;\n                    z-index: 5;\n                    pointer-events: none;\n                }\n\n                #vyda-projects-0d20726 .hero-touch-zone {\n                    position: absolute;\n                    top: 0;\n                    height: 100%;\n                    width: 50%;\n                    pointer-events: all;\n                    cursor: pointer;\n                    -webkit-tap-highlight-color: transparent;\n                }\n\n                #vyda-projects-0d20726 .hero-touch-zone-left {\n                    left: 0;\n                }\n\n                #vyda-projects-0d20726 .hero-touch-zone-right {\n                    right: 0;\n                }\n\n                \/* Tablet Responsive for Hero *\/\n                @media (max-width: 1024px) and (min-width: 769px) {\n                    #vyda-projects-0d20726 .hero-slideshow {\n                        min-height: 740px;\n                    }\n                    #vyda-projects-0d20726 .hero-section {\n                        min-height: 740px;\n                    }\n                    #vyda-projects-0d20726 .hero-title {\n                        font-size: 52px;\n                    }\n                    #vyda-projects-0d20726 .hero-description {\n                        font-size: 28px;\n                    }\n                    \/* Hide navigation arrows on tablet *\/\n                    #vyda-projects-0d20726 .hero-navigation {\n                        display: none;\n                    }\n                    \/* Show touch zones on tablet *\/\n                    #vyda-projects-0d20726 .hero-touch-zones {\n                        display: block;\n                    }\n                }\n\n                \/* Mobile Responsive for Hero *\/\n                @media (max-width: 768px) {\n                    #vyda-projects-0d20726 .hero-slideshow {\n                        min-height: 640px;\n                    }\n                    #vyda-projects-0d20726 .hero-section {\n                        min-height: 640px;\n                    }\n                    #vyda-projects-0d20726 .hero-title {\n                        font-size: 40px;\n                        margin-bottom: 16px;\n                    }\n                    #vyda-projects-0d20726 .hero-description {\n                        font-size: 24px;\n                        margin-bottom: 24px;\n                    }\n                    \/* Hide navigation arrows on mobile *\/\n                    #vyda-projects-0d20726 .hero-navigation {\n                        display: none;\n                    }\n                    \/* Show touch zones on mobile *\/\n                    #vyda-projects-0d20726 .hero-touch-zones {\n                        display: block;\n                    }\n                    #vyda-projects-0d20726 .hero-dots {\n                        bottom: 30px;\n                    }\n                    #vyda-projects-0d20726 .hero-dot {\n                        width: 10px;\n                        height: 10px;\n                    }\n                }\n\n                \/* Featured Projects Grid Styles *\/\n                #vyda-projects-0d20726 .featured-projects-grid {\n                    display: flex;\n                    flex-wrap: wrap;\n                    gap: 32px;\n                    align-items: center;\n                    margin-bottom: 80px;\n                    margin-top: -128px;\n                    position: relative;\n                    z-index: 10;\n                }\n\n                #vyda-projects-0d20726 .featured-project-card {\n                    width: 408px;\n                    background: #ffffff;\n                    border-radius: 16px;\n                    overflow: hidden;\n                    transition: transform 0.3s ease, box-shadow 0.3s ease;\n                    box-shadow: 1px 16px 35px 0px #51493D1A;\n                }\n\n                #vyda-projects-0d20726 .featured-project-card:hover {\n                    transform: translateY(-8px);\n                    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\n                }\n\n                #vyda-projects-0d20726 .featured-project-image {\n                    width: 100%;\n                    height: 318px;\n                    object-fit: cover;\n                    object-position: center center;\n                    display: block;\n                }\n\n                #vyda-projects-0d20726 .featured-project-content {\n                    padding: 32px;\n                }\n\n                #vyda-projects-0d20726 .featured-project-title {\n                    font-family: \"Newsreader\", sans-serif;\n                    font-size: 28px;\n                    font-weight: 300;\n                    line-height: 100%;\n                    color: #1E2529;\n                    margin-bottom: 16px;\n                }\n\n                #vyda-projects-0d20726 .featured-project-description {\n                    font-family: \"Helvetica Neue\", sans-serif;\n                    font-size: 18px;\n                    font-weight: 300;\n                    line-height: 140%;\n                    color: #6A7072;\n                    margin-bottom: 24px;\n                    display: -webkit-box;\n                    -webkit-line-clamp: 3;\n                    -webkit-box-orient: vertical;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                }\n\n                #vyda-projects-0d20726 .featured-project-cta {\n                    display: inline-flex;\n                    align-items: center;\n                    gap: 12px;\n                    padding: 6px 6px 6px 24px;\n                    background: #1E2529;\n                    color: white;\n                    text-decoration: none;\n                    border-radius: 99px;\n                    font-weight: 400;\n                    transition: all 0.3s ease;\n                    border: none;\n                    cursor: pointer;\n                    font-family: \"Helvetica Neue\", Sans-serif;\n                    font-size: 18px;\n                    line-height: 100%;\n                }\n\n                #vyda-projects-0d20726 .featured-project-cta:hover {\n                    background: #2a3136;\n                    transform: translateX(4px);\n                }\n\n                #vyda-projects-0d20726 .featured-project-cta svg {\n                    width: 50px;\n                    height: 50px;\n                    transition: transform 0.3s ease;\n                }\n\n                #vyda-projects-0d20726 .featured-project-cta:hover svg {\n                    transform: translateX(4px);\n                }\n\n                \/* Tablet Responsive for Featured Projects *\/\n                @media (max-width: 1024px) and (min-width: 769px) {\n                    #vyda-projects-0d20726 .featured-projects-grid {\n                        margin-top: -112px;\n                        padding: 0 20px;\n                    }\n                    #vyda-projects-0d20726 .featured-project-card {\n                        width: calc(47% - 16px);\n                    }\n\n                    #vyda-projects-0d20726 .featured-project-image {\n                        height: 240px;\n                    }\n\n                    #vyda-projects-0d20726 .featured-project-title {\n                        font-size: 28px;\n                    }\n\n                    #vyda-projects-0d20726 .featured-project-description {\n                        font-size: 16px;\n                    }\n                }\n\n                \/* Mobile Responsive for Featured Projects *\/\n                @media (max-width: 768px) {\n                    #vyda-projects-0d20726 .featured-projects-grid {\n                        gap: 24px;\n                        margin-bottom: 60px;\n                        margin-top: -96px;\n                        padding: 0 20px;\n                    }\n\n                    #vyda-projects-0d20726 .featured-project-card {\n                        width: 100%;\n                    }\n\n                    #vyda-projects-0d20726 .featured-project-image {\n                        height: 220px;\n                    }\n\n                    #vyda-projects-0d20726 .featured-project-content {\n                        padding: 24px;\n                    }\n\n                    #vyda-projects-0d20726 .featured-project-title {\n                        font-size: 24px;\n                        margin-bottom: 12px;\n                    }\n\n                    #vyda-projects-0d20726 .featured-project-description {\n                        font-size: 16px;\n                        margin-bottom: 20px;\n                    }\n                }\n\n                \/* Section Title Styles *\/\n                #vyda-projects-0d20726 .projects-title {\n                    font-family: \"Newsreader\", sans-serif;\n                    font-size: 72px;\n                    font-weight: 300;\n                    line-height: 120%;\n                    color: #1E2529;\n                    text-align: left;\n                    margin: 80px 0 60px 0;\n                    position: relative;\n                }\n\n                #vyda-projects-0d20726 .projects-title::after {\n                    content: '';\n                    position: absolute;\n                    right: 0;\n                    top: 50%;\n                    transform: translateY(-50%);\n                    width: 55%;\n                    height: 1px;\n                    background-color: #1E2529;\n                }\n\n                @media (max-width: 1024px) {\n                    #vyda-projects-0d20726 .projects-title {\n                        font-size: 56px;\n                        margin: 60px 0 50px 0;\n                    }\n\n                    #vyda-projects-0d20726 .projects-title::after {\n                        display: none;\n                    }\n                }\n\n                @media (max-width: 768px) {\n                    #vyda-projects-0d20726 .projects-title {\n                        font-size: 48px;\n                        margin: 50px 0 40px 0;\n                        line-height: 110%;\n                    }\n\n                    #vyda-projects-0d20726 .projects-title::after {\n                        display: none;\n                    }\n                }\n\n                #vyda-projects-0d20726 .projects-grid {\n                    display: flex;\n                    flex-direction: column;\n                    gap: 72px;\n                }\n\n                #vyda-projects-0d20726 .project-card {\n                    border-radius: 8px;\n                    overflow: hidden;\n                    transition: transform 0.3s ease;\n                    display: flex;\n                    align-items: stretch;\n                    gap: 80px;\n                }\n\n                #vyda-projects-0d20726 .project-card:hover {\n                    transform: translateY(-5px);\n                }\n\n                #vyda-projects-0d20726 .project-image {\n                    width: 690px;\n                    height: 664px;\n                    object-fit: cover;\n                    display: block;\n                    flex-shrink: 0;\n                    border-radius: 24px;\n                    object-position: center center;\n                }\n\n                #vyda-projects-0d20726 .project-content {\n                    flex: 1;\n                    display: flex;\n                    flex-direction: column;\n                }\n\n                #vyda-projects-0d20726 .project-title {\n                    font-family: \"Newsreader\", sans-serif;\n                    font-size: 64px;\n                    font-weight: 300;\n                    line-height: 120%;\n                    color: #1E2529;\n                    margin-bottom: 24px;\n                }\n\n                #vyda-projects-0d20726 .project-meta {\n                    display: flex;\n                    flex-direction: column;\n                    gap: 0;\n                    margin-bottom: 24px;\n                }\n\n                #vyda-projects-0d20726 .meta-item {\n                    display: flex;\n                    align-items: center;\n                    gap: 24px;\n                    font-family: \"Newsreader\", sans-serif;\n                    font-size: 40px;\n                    font-weight: 300;\n                    line-height: 100%;\n                    color: #1E2529;\n                    padding: 32px 24px 32px 24px;\n                    border-bottom: 1px solid #1e252966;\n                }\n\n                #vyda-projects-0d20726 .meta-icon {\n                    width: 40px;\n                    height: 40px;\n                    flex-shrink: 0;\n                }\n\n                #vyda-projects-0d20726 .meta-icon svg {\n                    width: 100%;\n                    height: 100%;\n                }\n\n                #vyda-projects-0d20726 .project-description {\n                    font-family: \"Helvetica Neue\", sans-serif;\n                    font-size: 20px;\n                    font-weight: 300;\n                    line-height: 130%;\n                    color: #6A7072;\n                    margin-bottom: 32px;\n                    flex: 1;\n                }\n\n                #vyda-projects-0d20726 .project-cta {\n                    display: inline-flex;\n                    align-items: center;\n                    gap: 12px;\n                    padding: 6px 6px 6px 24px;\n                    background: #1E2529;\n                    color: white;\n                    text-decoration: none;\n                    border-radius: 99px;\n                    font-weight: 400;\n                    transition: all 0.3s ease;\n                    border: none;\n                    cursor: pointer;\n                    font-family: \"Helvetica Neue\", Sans-serif;\n                    font-size: 18px;\n                    line-height: 100%;\n                    align-self: flex-start;\n                }\n\n                #vyda-projects-0d20726 .project-cta:hover {\n                    background: #2a3136;\n                    transform: translateX(4px);\n                }\n\n                #vyda-projects-0d20726 .project-cta svg {\n                    width: 50px;\n                    height: 50px;\n                    transition: transform 0.3s ease;\n                }\n\n                #vyda-projects-0d20726 .project-cta:hover svg {\n                    transform: translateX(4px);\n                }\n\n                \/* Modal Styles *\/\n                #vyda-projects-0d20726 .modal {\n                    display: none;\n                    position: fixed;\n                    z-index: 1000;\n                    left: 0;\n                    top: 0;\n                    width: 100%;\n                    height: 100%;\n                    background: rgba(0, 0, 0, 0.8);\n                    backdrop-filter: blur(20px);\n                    -webkit-backdrop-filter: blur(20px);\n                    opacity: 0;\n                    transition: all 0.4s ease;\n                }\n\n                #vyda-projects-0d20726 .modal.show {\n                    display: flex;\n                    opacity: 1;\n                }\n\n                #vyda-projects-0d20726 .modal.show .modal-content {\n                    animation: modalSlideIn 0.4s ease-out;\n                }\n\n                @keyframes modalSlideIn {\n                    from {\n                        opacity: 0;\n                        transform: translateY(-30px) scale(0.95);\n                    }\n                    to {\n                        opacity: 1;\n                        transform: translateY(0) scale(1);\n                    }\n                }\n\n                \/* Glassmorphism backdrop overlay *\/\n                #vyda-projects-0d20726 .modal::before {\n                    content: '';\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n                    background: linear-gradient(135deg,\n                        rgba(0, 0, 0, 0.3),\n                        rgba(0, 0, 0, 0.1));\n                    backdrop-filter: blur(25px);\n                    -webkit-backdrop-filter: blur(25px);\n                }\n\n                #vyda-projects-0d20726 .modal-content {\n                    position: relative;\n                    margin: auto;\n                    padding: 40px;\n                    width: 95%;\n                    max-width: 1400px;\n                    max-height: 90%;\n                    background: rgba(255, 255, 255, 0.95);\n                    backdrop-filter: blur(20px);\n                    -webkit-backdrop-filter: blur(20px);\n                    border-radius: 20px;\n                    border: 1px solid rgba(255, 255, 255, 0.2);\n                    box-shadow:\n                        0 25px 50px rgba(0, 0, 0, 0.1),\n                        0 0 0 1px rgba(255, 255, 255, 0.05),\n                        inset 0 1px 0 rgba(255, 255, 255, 0.1);\n                    overflow-y: auto;\n                    z-index: 1001;\n                }\n\n                #vyda-projects-0d20726 .modal-header {\n                    display: flex;\n                    justify-content: space-between;\n                    align-items: flex-start;\n                    margin-bottom: 32px;\n                    padding-bottom: 20px;\n                    border-bottom: 1px solid #eee;\n                }\n\n                #vyda-projects-0d20726 .modal-title {\n                    font-family: \"Newsreader\", sans-serif;\n                    font-size: 64px;\n                    font-weight: 300;\n                    line-height: 120%;\n                    color: #1E2529;\n                }\n\n                #vyda-projects-0d20726 .close-modal {\n                    background: rgba(255, 255, 255, 0.2);\n                    backdrop-filter: blur(10px);\n                    -webkit-backdrop-filter: blur(10px);\n                    border: 1px solid rgba(255, 255, 255, 0.3);\n                    border-radius: 50%;\n                    font-size: 24px;\n                    cursor: pointer;\n                    color: #333;\n                    padding: 0;\n                    width: 50px;\n                    height: 50px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    transition: all 0.3s ease;\n                    font-weight: 300;\n                }\n\n                #vyda-projects-0d20726 .close-modal:hover {\n                    background: rgba(255, 255, 255, 0.3);\n                    color: #1E2529;\n                    transform: scale(1.05);\n                    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n                }\n\n                #vyda-projects-0d20726 .gallery {\n                    display: grid;\n                    grid-template-columns: repeat(4, 1fr);\n                    gap: 20px;\n                }\n\n                #vyda-projects-0d20726 .gallery-image {\n                    width: 100%;\n                    height: 250px;\n                    object-fit: cover;\n                    border-radius: 8px;\n                    cursor: pointer;\n                    transition: transform 0.3s ease;\n                }\n\n                #vyda-projects-0d20726 .gallery-image:hover {\n                    transform: scale(1.05);\n                }\n\n                \/* Lightbox Styles *\/\n                #vyda-projects-0d20726 .lightbox {\n                    display: none;\n                    position: fixed;\n                    z-index: 2000;\n                    left: 0;\n                    top: 0;\n                    width: 100%;\n                    height: 100%;\n                    background: rgba(0, 0, 0, 0.8);\n                    backdrop-filter: blur(15px);\n                    -webkit-backdrop-filter: blur(15px);\n                    opacity: 0;\n                    transition: all 0.3s ease;\n                }\n\n                #vyda-projects-0d20726 .lightbox.show {\n                    display: flex;\n                    opacity: 1;\n                    align-items: center;\n                    justify-content: center;\n                }\n\n                #vyda-projects-0d20726 .lightbox-content {\n                    position: relative;\n                    max-width: 90%;\n                    max-height: 90%;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                }\n\n                #vyda-projects-0d20726 .lightbox-image {\n                    max-width: 100%;\n                    max-height: 100%;\n                    object-fit: contain;\n                    border-radius: 8px;\n                    box-shadow: 0 20px 60px rgba(0,0,0,0.5);\n                }\n\n                #vyda-projects-0d20726 .lightbox-close {\n                    position: absolute;\n                    top: -50px;\n                    right: 0;\n                    background: none;\n                    border: none;\n                    color: white;\n                    font-size: 40px;\n                    cursor: pointer;\n                    padding: 10px;\n                    border-radius: 50%;\n                    width: 60px;\n                    height: 60px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    transition: background-color 0.3s ease;\n                }\n\n                #vyda-projects-0d20726 .lightbox-close:hover {\n                    background-color: rgba(255,255,255,0.1);\n                }\n\n                #vyda-projects-0d20726 .lightbox-nav {\n                    position: absolute;\n                    top: 50%;\n                    transform: translateY(-50%);\n                    background: rgba(255,255,255,0.1);\n                    border: none;\n                    color: white;\n                    font-size: 30px;\n                    cursor: pointer;\n                    padding: 20px 15px;\n                    border-radius: 50%;\n                    width: 60px;\n                    height: 60px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    transition: background-color 0.3s ease;\n                }\n\n                #vyda-projects-0d20726 .lightbox-nav:hover {\n                    background-color: rgba(255,255,255,0.2);\n                }\n\n                #vyda-projects-0d20726 .lightbox-nav.disabled {\n                    opacity: 0.3;\n                    cursor: not-allowed;\n                }\n\n                #vyda-projects-0d20726 .lightbox-prev {\n                    left: 30px;\n                }\n\n                #vyda-projects-0d20726 .lightbox-next {\n                    right: 30px;\n                }\n\n                #vyda-projects-0d20726 .lightbox-counter {\n                    position: absolute;\n                    bottom: -50px;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    color: white;\n                    font-size: 16px;\n                    background: rgba(0,0,0,0.5);\n                    padding: 8px 16px;\n                    border-radius: 20px;\n                }\n\n                @media (max-width: 768px) {\n                    #vyda-projects-0d20726 .lightbox-close {\n                        top: 20px;\n                        right: 20px;\n                        font-size: 30px;\n                        width: 50px;\n                        height: 50px;\n                    }\n\n                    #vyda-projects-0d20726 .lightbox-nav {\n                        font-size: 24px;\n                        width: 50px;\n                        height: 50px;\n                        padding: 15px 10px;\n                    }\n\n                    #vyda-projects-0d20726 .lightbox-prev {\n                        left: 20px;\n                    }\n\n                    #vyda-projects-0d20726 .lightbox-next {\n                        right: 20px;\n                    }\n\n                    #vyda-projects-0d20726 .lightbox-counter {\n                        bottom: 20px;\n                        font-size: 14px;\n                    }\n                }\n\n                @media (max-width: 768px) {\n                    #vyda-projects-0d20726 .projects-grid {\n                        gap: 64px;\n                        padding: 0 20px;\n                    }\n\n                    #vyda-projects-0d20726 .project-card {\n                        flex-direction: column;\n                        gap: 32px;\n                    }\n\n                    #vyda-projects-0d20726 .project-image {\n                        width: 100%;\n                        height: 250px;\n                    }\n\n                    #vyda-projects-0d20726 .project-title {\n                        font-size: 32px;\n                        line-height: 100%;\n                        margin-bottom: 10px;\n                    }\n\n                    #vyda-projects-0d20726 .meta-item {\n                        font-size: 24px;\n                        gap: 16px;\n                        padding: 20px 8px;\n                    }\n\n                    #vyda-projects-0d20726 .meta-icon {\n                        width: 32px;\n                        height: 32px;\n                    }\n\n                    #vyda-projects-0d20726 .project-description {\n                        font-size: 18px;\n                    }\n\n                    #vyda-projects-0d20726 .modal-content {\n                        padding: 20px;\n                        margin: 20px;\n                    }\n\n                    #vyda-projects-0d20726 .modal-title {\n                        font-size: 32px;\n                        line-height: 100%;\n                    }\n\n                    #vyda-projects-0d20726 .gallery {\n                        grid-template-columns: 1fr;\n                    }\n                }\n\n                @media (max-width: 1024px) and (min-width: 769px) {\n                    #vyda-projects-0d20726 .projects-grid {\n                        padding: 0 20px;\n                    }\n\n                    #vyda-projects-0d20726 .project-card {\n                        flex-direction: column;\n                        gap: 48px;\n                    }\n\n                    #vyda-projects-0d20726 .project-image {\n                        width: 100%;\n                        height: 540px;\n                    }\n\n                    #vyda-projects-0d20726 .gallery {\n                        grid-template-columns: repeat(2, 1fr);\n                    }\n                }\n            <\/style>\n\n            \n            \n                            <h2 class=\"projects-title\">Nuestros Proyectos<\/h2>\n            \n                        <div class=\"projects-grid\">\n                                    <div class=\"project-card\" data-project=\"centurion-food-park\">\n                                                    <img decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/centurion-parque-industrial-duarte-featured-image-1024x768.jpg\" alt=\"Centurion Food Park\" class=\"project-image\">\n                        \n                        <div class=\"project-content\">\n                            <h2 class=\"project-title\">Centurion Food Park<\/h2>\n\n                            <div class=\"project-meta\">\n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/tabler-icon-home.svg\" alt=\"Project Type\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>Proyecto Comercial<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/m2-icon-vyda.svg\" alt=\"Total M\u00b2\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>14,150 M\u00b2<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                            <path d=\"M15.0003 18.3333C15.0003 19.6594 15.5271 20.9312 16.4648 21.8689C17.4025 22.8065 18.6742 23.3333 20.0003 23.3333C21.3264 23.3333 22.5982 22.8065 23.5359 21.8689C24.4735 20.9312 25.0003 19.6594 25.0003 18.3333C25.0003 17.0072 24.4735 15.7355 23.5359 14.7978C22.5982 13.8601 21.3264 13.3333 20.0003 13.3333C18.6742 13.3333 17.4025 13.8601 16.4648 14.7978C15.5271 15.7355 15.0003 17.0072 15.0003 18.3333Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <path d=\"M29.4287 27.7616L22.357 34.8332C21.732 35.4576 20.8846 35.8084 20.0012 35.8084C19.1177 35.8084 18.2704 35.4576 17.6453 34.8332L10.572 27.7616C8.70737 25.8968 7.43756 23.5211 6.92314 20.9347C6.40873 18.3483 6.67281 15.6674 7.682 13.2311C8.69119 10.7948 10.4002 8.71248 12.5928 7.24742C14.7854 5.78237 17.3633 5.0004 20.0003 5.0004C22.6374 5.0004 25.2152 5.78237 27.4079 7.24742C29.6005 8.71248 31.3095 10.7948 32.3187 13.2311C33.3278 15.6674 33.5919 18.3483 33.0775 20.9347C32.5631 23.5211 31.2933 25.8968 29.4287 27.7616Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <span>Parque Industrial Duarte, RD<\/span>\n                                <\/div>\n                                                            <\/div>\n\n                                                        <p class=\"project-description\">\n                                Centurion Food Park es un moderno complejo comercial situado en el Pol\u00edgono Industrial Duarte. Este innovador proyecto abarca 14.150 metros cuadrados y representa un enfoque moderno del servicio y la distribuci\u00f3n industrial de alimentos. Las instalaciones incluyen m\u00faltiples zonas de preparaci\u00f3n de alimentos, c\u00e1maras frigor\u00edficas, muelles de carga y oficinas administrativas, todo ello dise\u00f1ado para cumplir las normas internacionales de seguridad alimentaria y eficacia operativa en el creciente sector industrial dominicano.                            <\/p>\n                            \n                                                        <button class=\"project-cta\" data-widget=\"vydaProjects0d20726\" data-project=\"centurion-food-park\">\n                                See Project Details\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\">\n                                    <rect x=\"0.323242\" y=\"0.144836\" width=\"48.9869\" height=\"48.9869\" rx=\"24.4935\" fill=\"white\"><\/rect>\n                                    <path d=\"M17.0234 24.6384H32.6102M32.6102 24.6384L28.1568 29.0917M32.6102 24.6384L28.1568 20.185\" stroke=\"#1E2529\" stroke-width=\"2.22668\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/button>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"project-card\" data-project=\"centurion-business-park\">\n                                                    <img decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/centurion-punta-cana-featured-image-1-1024x836.jpg\" alt=\"Centurion Business Park\" class=\"project-image\">\n                        \n                        <div class=\"project-content\">\n                            <h2 class=\"project-title\">Centurion Business Park<\/h2>\n\n                            <div class=\"project-meta\">\n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/tabler-icon-home.svg\" alt=\"Project Type\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>Proyecto Comercial<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/m2-icon-vyda.svg\" alt=\"Total M\u00b2\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>48,687.94 M\u00b2<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                            <path d=\"M15.0003 18.3333C15.0003 19.6594 15.5271 20.9312 16.4648 21.8689C17.4025 22.8065 18.6742 23.3333 20.0003 23.3333C21.3264 23.3333 22.5982 22.8065 23.5359 21.8689C24.4735 20.9312 25.0003 19.6594 25.0003 18.3333C25.0003 17.0072 24.4735 15.7355 23.5359 14.7978C22.5982 13.8601 21.3264 13.3333 20.0003 13.3333C18.6742 13.3333 17.4025 13.8601 16.4648 14.7978C15.5271 15.7355 15.0003 17.0072 15.0003 18.3333Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <path d=\"M29.4287 27.7616L22.357 34.8332C21.732 35.4576 20.8846 35.8084 20.0012 35.8084C19.1177 35.8084 18.2704 35.4576 17.6453 34.8332L10.572 27.7616C8.70737 25.8968 7.43756 23.5211 6.92314 20.9347C6.40873 18.3483 6.67281 15.6674 7.682 13.2311C8.69119 10.7948 10.4002 8.71248 12.5928 7.24742C14.7854 5.78237 17.3633 5.0004 20.0003 5.0004C22.6374 5.0004 25.2152 5.78237 27.4079 7.24742C29.6005 8.71248 31.3095 10.7948 32.3187 13.2311C33.3278 15.6674 33.5919 18.3483 33.0775 20.9347C32.5631 23.5211 31.2933 25.8968 29.4287 27.7616Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <span>Punta Cana<\/span>\n                                <\/div>\n                                                            <\/div>\n\n                                                        <p class=\"project-description\">\n                                Centurion Business Park es un importante complejo comercial estrat\u00e9gicamente situado en el corredor econ\u00f3mico de Punta Cana. Este amplio proyecto abarca 48.687,94 metros cuadrados y ofrece modernas instalaciones empresariales dise\u00f1adas para compa\u00f1\u00edas internacionales y empresas locales. El complejo cuenta con espacios de oficinas flexibles, almacenes, zonas comerciales y una completa infraestructura que incluye aparcamientos, zonas verdes y sistemas de seguridad de \u00faltima generaci\u00f3n, lo que lo convierte en uno de los principales destinos empresariales de la regi\u00f3n.                            <\/p>\n                            \n                                                        <button class=\"project-cta\" data-widget=\"vydaProjects0d20726\" data-project=\"centurion-business-park\">\n                                See Project Details\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\">\n                                    <rect x=\"0.323242\" y=\"0.144836\" width=\"48.9869\" height=\"48.9869\" rx=\"24.4935\" fill=\"white\"><\/rect>\n                                    <path d=\"M17.0234 24.6384H32.6102M32.6102 24.6384L28.1568 29.0917M32.6102 24.6384L28.1568 20.185\" stroke=\"#1E2529\" stroke-width=\"2.22668\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/button>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"project-card\" data-project=\"lanwood-townhomes\">\n                                                    <img decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/Lanwood-Townhomes-Featured-Image-1024x669.jpg\" alt=\"Lanwood Townhomes\" class=\"project-image\">\n                        \n                        <div class=\"project-content\">\n                            <h2 class=\"project-title\">Lanwood Townhomes<\/h2>\n\n                            <div class=\"project-meta\">\n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/tabler-icon-home.svg\" alt=\"Project Type\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>Proyecto residencial<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/m2-icon-vyda.svg\" alt=\"Total M\u00b2\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>570 M\u00b2<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                            <path d=\"M15.0003 18.3333C15.0003 19.6594 15.5271 20.9312 16.4648 21.8689C17.4025 22.8065 18.6742 23.3333 20.0003 23.3333C21.3264 23.3333 22.5982 22.8065 23.5359 21.8689C24.4735 20.9312 25.0003 19.6594 25.0003 18.3333C25.0003 17.0072 24.4735 15.7355 23.5359 14.7978C22.5982 13.8601 21.3264 13.3333 20.0003 13.3333C18.6742 13.3333 17.4025 13.8601 16.4648 14.7978C15.5271 15.7355 15.0003 17.0072 15.0003 18.3333Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <path d=\"M29.4287 27.7616L22.357 34.8332C21.732 35.4576 20.8846 35.8084 20.0012 35.8084C19.1177 35.8084 18.2704 35.4576 17.6453 34.8332L10.572 27.7616C8.70737 25.8968 7.43756 23.5211 6.92314 20.9347C6.40873 18.3483 6.67281 15.6674 7.682 13.2311C8.69119 10.7948 10.4002 8.71248 12.5928 7.24742C14.7854 5.78237 17.3633 5.0004 20.0003 5.0004C22.6374 5.0004 25.2152 5.78237 27.4079 7.24742C29.6005 8.71248 31.3095 10.7948 32.3187 13.2311C33.3278 15.6674 33.5919 18.3483 33.0775 20.9347C32.5631 23.5211 31.2933 25.8968 29.4287 27.7616Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <span>Cap Cana<\/span>\n                                <\/div>\n                                                            <\/div>\n\n                                                        <p class=\"project-description\">\n                                Lanwood Townhomes representa una colecci\u00f3n premium de unidades residenciales estrat\u00e9gicamente situadas en la zona de desarrollo principal de Cap Cana. Con una superficie de 570 metros cuadrados, este \u00edntimo proyecto ofrece espaciosas residencias de estilo adosado con modernas distribuciones y acabados de alta gama. Cada unidad cuenta con espacios exteriores privados, elementos de dise\u00f1o contempor\u00e1neo y acceso a servicios comunitarios exclusivos, creando un entorno ideal para familias que buscan una vida costera de lujo.                            <\/p>\n                            \n                                                        <button class=\"project-cta\" data-widget=\"vydaProjects0d20726\" data-project=\"lanwood-townhomes\">\n                                See Project Details\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\">\n                                    <rect x=\"0.323242\" y=\"0.144836\" width=\"48.9869\" height=\"48.9869\" rx=\"24.4935\" fill=\"white\"><\/rect>\n                                    <path d=\"M17.0234 24.6384H32.6102M32.6102 24.6384L28.1568 29.0917M32.6102 24.6384L28.1568 20.185\" stroke=\"#1E2529\" stroke-width=\"2.22668\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/button>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"project-card\" data-project=\"lanwood-park\">\n                                                    <img decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/Lanwood-Park-Featured-Image-1024x728.jpg\" alt=\"Lanwood Park\" class=\"project-image\">\n                        \n                        <div class=\"project-content\">\n                            <h2 class=\"project-title\">Lanwood Park<\/h2>\n\n                            <div class=\"project-meta\">\n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/tabler-icon-home.svg\" alt=\"Project Type\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>Proyecto residencial<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/m2-icon-vyda.svg\" alt=\"Total M\u00b2\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>3,799.17 M\u00b2<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                            <path d=\"M15.0003 18.3333C15.0003 19.6594 15.5271 20.9312 16.4648 21.8689C17.4025 22.8065 18.6742 23.3333 20.0003 23.3333C21.3264 23.3333 22.5982 22.8065 23.5359 21.8689C24.4735 20.9312 25.0003 19.6594 25.0003 18.3333C25.0003 17.0072 24.4735 15.7355 23.5359 14.7978C22.5982 13.8601 21.3264 13.3333 20.0003 13.3333C18.6742 13.3333 17.4025 13.8601 16.4648 14.7978C15.5271 15.7355 15.0003 17.0072 15.0003 18.3333Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <path d=\"M29.4287 27.7616L22.357 34.8332C21.732 35.4576 20.8846 35.8084 20.0012 35.8084C19.1177 35.8084 18.2704 35.4576 17.6453 34.8332L10.572 27.7616C8.70737 25.8968 7.43756 23.5211 6.92314 20.9347C6.40873 18.3483 6.67281 15.6674 7.682 13.2311C8.69119 10.7948 10.4002 8.71248 12.5928 7.24742C14.7854 5.78237 17.3633 5.0004 20.0003 5.0004C22.6374 5.0004 25.2152 5.78237 27.4079 7.24742C29.6005 8.71248 31.3095 10.7948 32.3187 13.2311C33.3278 15.6674 33.5919 18.3483 33.0775 20.9347C32.5631 23.5211 31.2933 25.8968 29.4287 27.7616Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <span>Cap Cana<\/span>\n                                <\/div>\n                                                            <\/div>\n\n                                                        <p class=\"project-description\">\n                                Lanwood Park es una comunidad residencial planificada situada en la exclusiva zona de Cap Cana. Con una superficie de 3.799,17 metros cuadrados, esta urbanizaci\u00f3n cuidadosamente dise\u00f1ada ofrece una colecci\u00f3n de modernas viviendas rodeadas de jardines tropicales e instalaciones recreativas. El proyecto presenta una arquitectura contempor\u00e1nea, servicios para toda la familia, como parques y senderos, y un entorno seguro que fomenta la vida en comunidad al tiempo que mantiene la privacidad y la exclusividad de los residentes.                            <\/p>\n                            \n                                                        <button class=\"project-cta\" data-widget=\"vydaProjects0d20726\" data-project=\"lanwood-park\">\n                                See Project Details\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\">\n                                    <rect x=\"0.323242\" y=\"0.144836\" width=\"48.9869\" height=\"48.9869\" rx=\"24.4935\" fill=\"white\"><\/rect>\n                                    <path d=\"M17.0234 24.6384H32.6102M32.6102 24.6384L28.1568 29.0917M32.6102 24.6384L28.1568 20.185\" stroke=\"#1E2529\" stroke-width=\"2.22668\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/button>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"project-card\" data-project=\"lanwood-residences\">\n                                                    <img decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/Lanwood-Residences-Featured-Image-1024x666.jpg\" alt=\"Lanwood Residences\" class=\"project-image\">\n                        \n                        <div class=\"project-content\">\n                            <h2 class=\"project-title\">Lanwood Residences<\/h2>\n\n                            <div class=\"project-meta\">\n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/tabler-icon-home.svg\" alt=\"Project Type\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>Proyecto residencial<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/m2-icon-vyda.svg\" alt=\"Total M\u00b2\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>4,470.09 M\u00b2<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                            <path d=\"M15.0003 18.3333C15.0003 19.6594 15.5271 20.9312 16.4648 21.8689C17.4025 22.8065 18.6742 23.3333 20.0003 23.3333C21.3264 23.3333 22.5982 22.8065 23.5359 21.8689C24.4735 20.9312 25.0003 19.6594 25.0003 18.3333C25.0003 17.0072 24.4735 15.7355 23.5359 14.7978C22.5982 13.8601 21.3264 13.3333 20.0003 13.3333C18.6742 13.3333 17.4025 13.8601 16.4648 14.7978C15.5271 15.7355 15.0003 17.0072 15.0003 18.3333Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <path d=\"M29.4287 27.7616L22.357 34.8332C21.732 35.4576 20.8846 35.8084 20.0012 35.8084C19.1177 35.8084 18.2704 35.4576 17.6453 34.8332L10.572 27.7616C8.70737 25.8968 7.43756 23.5211 6.92314 20.9347C6.40873 18.3483 6.67281 15.6674 7.682 13.2311C8.69119 10.7948 10.4002 8.71248 12.5928 7.24742C14.7854 5.78237 17.3633 5.0004 20.0003 5.0004C22.6374 5.0004 25.2152 5.78237 27.4079 7.24742C29.6005 8.71248 31.3095 10.7948 32.3187 13.2311C33.3278 15.6674 33.5919 18.3483 33.0775 20.9347C32.5631 23.5211 31.2933 25.8968 29.4287 27.7616Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <span>Cap Cana<\/span>\n                                <\/div>\n                                                            <\/div>\n\n                                                        <p class=\"project-description\">\n                                Lanwood Residences es un sofisticado complejo residencial situado en la prestigiosa comunidad tur\u00edstica de Cap Cana. Este proyecto integral abarca 4.470,09 metros cuadrados y cuenta con apartamentos y villas de elegante dise\u00f1o con vistas al mar y al campo de golf. La urbanizaci\u00f3n incluye servicios de primera calidad, como piscinas infinitas, gimnasios y \u00e1reas sociales, todo ello dise\u00f1ado para ofrecer a los residentes una experiencia de vida al estilo de un complejo tur\u00edstico en una de las zonas m\u00e1s exclusivas del Caribe.                              <\/p>\n                            \n                                                        <button class=\"project-cta\" data-widget=\"vydaProjects0d20726\" data-project=\"lanwood-residences\">\n                                See Project Details\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\">\n                                    <rect x=\"0.323242\" y=\"0.144836\" width=\"48.9869\" height=\"48.9869\" rx=\"24.4935\" fill=\"white\"><\/rect>\n                                    <path d=\"M17.0234 24.6384H32.6102M32.6102 24.6384L28.1568 29.0917M32.6102 24.6384L28.1568 20.185\" stroke=\"#1E2529\" stroke-width=\"2.22668\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/button>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"project-card\" data-project=\"las-iguanas-residences\">\n                                                    <img decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/Las-Iguanas-Driving-Road-Featured-Image-1024x576.jpeg\" alt=\"Las Iguanas Residences\" class=\"project-image\">\n                        \n                        <div class=\"project-content\">\n                            <h2 class=\"project-title\">Las Iguanas Residences<\/h2>\n\n                            <div class=\"project-meta\">\n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/tabler-icon-home.svg\" alt=\"Project Type\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>Proyecto residencial<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/m2-icon-vyda.svg\" alt=\"Total M\u00b2\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>860 M\u00b2<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                            <path d=\"M15.0003 18.3333C15.0003 19.6594 15.5271 20.9312 16.4648 21.8689C17.4025 22.8065 18.6742 23.3333 20.0003 23.3333C21.3264 23.3333 22.5982 22.8065 23.5359 21.8689C24.4735 20.9312 25.0003 19.6594 25.0003 18.3333C25.0003 17.0072 24.4735 15.7355 23.5359 14.7978C22.5982 13.8601 21.3264 13.3333 20.0003 13.3333C18.6742 13.3333 17.4025 13.8601 16.4648 14.7978C15.5271 15.7355 15.0003 17.0072 15.0003 18.3333Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <path d=\"M29.4287 27.7616L22.357 34.8332C21.732 35.4576 20.8846 35.8084 20.0012 35.8084C19.1177 35.8084 18.2704 35.4576 17.6453 34.8332L10.572 27.7616C8.70737 25.8968 7.43756 23.5211 6.92314 20.9347C6.40873 18.3483 6.67281 15.6674 7.682 13.2311C8.69119 10.7948 10.4002 8.71248 12.5928 7.24742C14.7854 5.78237 17.3633 5.0004 20.0003 5.0004C22.6374 5.0004 25.2152 5.78237 27.4079 7.24742C29.6005 8.71248 31.3095 10.7948 32.3187 13.2311C33.3278 15.6674 33.5919 18.3483 33.0775 20.9347C32.5631 23.5211 31.2933 25.8968 29.4287 27.7616Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <span>Cap Cana<\/span>\n                                <\/div>\n                                                            <\/div>\n\n                                                        <p class=\"project-description\">\n                                Las Iguanas Residences es un proyecto residencial boutique estrat\u00e9gicamente situado en el para\u00edso tropical de Cap Cana. Con una superficie de 860 metros cuadrados, esta \u00edntima urbanizaci\u00f3n ofrece lujosos condominios dise\u00f1ados con arquitectura caribe\u00f1a contempor\u00e1nea. Cada residencia cuenta con amplias terrazas, cocinas modernas y acabados de primera calidad, mientras que la comunidad ofrece servicios exclusivos como una piscina privada, jardines y seguridad las 24 horas, creando un refugio ideal para los propietarios m\u00e1s exigentes.                            <\/p>\n                            \n                                                        <button class=\"project-cta\" data-widget=\"vydaProjects0d20726\" data-project=\"las-iguanas-residences\">\n                                See Project Details\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\">\n                                    <rect x=\"0.323242\" y=\"0.144836\" width=\"48.9869\" height=\"48.9869\" rx=\"24.4935\" fill=\"white\"><\/rect>\n                                    <path d=\"M17.0234 24.6384H32.6102M32.6102 24.6384L28.1568 29.0917M32.6102 24.6384L28.1568 20.185\" stroke=\"#1E2529\" stroke-width=\"2.22668\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/button>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"project-card\" data-project=\"magnolias-residences\">\n                                                    <img decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/Magnolias-Residences-Featured-Image-1024x576.jpg\" alt=\"Magnolias Residences\" class=\"project-image\">\n                        \n                        <div class=\"project-content\">\n                            <h2 class=\"project-title\">Magnolias Residences<\/h2>\n\n                            <div class=\"project-meta\">\n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/tabler-icon-home.svg\" alt=\"Project Type\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>Proyecto residencial<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/m2-icon-vyda.svg\" alt=\"Total M\u00b2\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>1,492.37 M\u00b2<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                            <path d=\"M15.0003 18.3333C15.0003 19.6594 15.5271 20.9312 16.4648 21.8689C17.4025 22.8065 18.6742 23.3333 20.0003 23.3333C21.3264 23.3333 22.5982 22.8065 23.5359 21.8689C24.4735 20.9312 25.0003 19.6594 25.0003 18.3333C25.0003 17.0072 24.4735 15.7355 23.5359 14.7978C22.5982 13.8601 21.3264 13.3333 20.0003 13.3333C18.6742 13.3333 17.4025 13.8601 16.4648 14.7978C15.5271 15.7355 15.0003 17.0072 15.0003 18.3333Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <path d=\"M29.4287 27.7616L22.357 34.8332C21.732 35.4576 20.8846 35.8084 20.0012 35.8084C19.1177 35.8084 18.2704 35.4576 17.6453 34.8332L10.572 27.7616C8.70737 25.8968 7.43756 23.5211 6.92314 20.9347C6.40873 18.3483 6.67281 15.6674 7.682 13.2311C8.69119 10.7948 10.4002 8.71248 12.5928 7.24742C14.7854 5.78237 17.3633 5.0004 20.0003 5.0004C22.6374 5.0004 25.2152 5.78237 27.4079 7.24742C29.6005 8.71248 31.3095 10.7948 32.3187 13.2311C33.3278 15.6674 33.5919 18.3483 33.0775 20.9347C32.5631 23.5211 31.2933 25.8968 29.4287 27.7616Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <span>Punta Cana<\/span>\n                                <\/div>\n                                                            <\/div>\n\n                                                        <p class=\"project-description\">\n                                Magnolias Residences es un moderno complejo residencial situado en el vibrante coraz\u00f3n de Punta Cana. Esta urbanizaci\u00f3n bien planificada se extiende a lo largo de 1.492,37 metros cuadrados y ofrece espacios de vida contempor\u00e1neos dise\u00f1ados para ofrecer comodidad y estilo. El proyecto cuenta con m\u00faltiples unidades residenciales de planta abierta, modernas instalaciones y arquitectura de inspiraci\u00f3n tropical. Las instalaciones comunitarias incluyen piscina, zonas infantiles y jardines paisaj\u00edsticos, lo que proporciona a los residentes un estilo de vida completo cerca de las playas y el ocio.                            <\/p>\n                            \n                                                        <button class=\"project-cta\" data-widget=\"vydaProjects0d20726\" data-project=\"magnolias-residences\">\n                                See Project Details\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\">\n                                    <rect x=\"0.323242\" y=\"0.144836\" width=\"48.9869\" height=\"48.9869\" rx=\"24.4935\" fill=\"white\"><\/rect>\n                                    <path d=\"M17.0234 24.6384H32.6102M32.6102 24.6384L28.1568 29.0917M32.6102 24.6384L28.1568 20.185\" stroke=\"#1E2529\" stroke-width=\"2.22668\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/button>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"project-card\" data-project=\"residencias-del-parque\">\n                                                    <img decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/Residencias-del-Parque-Featured-Image-1024x666.jpg\" alt=\"Residencias del Parque\" class=\"project-image\">\n                        \n                        <div class=\"project-content\">\n                            <h2 class=\"project-title\">Residencias del Parque<\/h2>\n\n                            <div class=\"project-meta\">\n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/tabler-icon-home.svg\" alt=\"Project Type\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>Proyecto residencial<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/m2-icon-vyda.svg\" alt=\"Total M\u00b2\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>600 M\u00b2<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                            <path d=\"M15.0003 18.3333C15.0003 19.6594 15.5271 20.9312 16.4648 21.8689C17.4025 22.8065 18.6742 23.3333 20.0003 23.3333C21.3264 23.3333 22.5982 22.8065 23.5359 21.8689C24.4735 20.9312 25.0003 19.6594 25.0003 18.3333C25.0003 17.0072 24.4735 15.7355 23.5359 14.7978C22.5982 13.8601 21.3264 13.3333 20.0003 13.3333C18.6742 13.3333 17.4025 13.8601 16.4648 14.7978C15.5271 15.7355 15.0003 17.0072 15.0003 18.3333Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <path d=\"M29.4287 27.7616L22.357 34.8332C21.732 35.4576 20.8846 35.8084 20.0012 35.8084C19.1177 35.8084 18.2704 35.4576 17.6453 34.8332L10.572 27.7616C8.70737 25.8968 7.43756 23.5211 6.92314 20.9347C6.40873 18.3483 6.67281 15.6674 7.682 13.2311C8.69119 10.7948 10.4002 8.71248 12.5928 7.24742C14.7854 5.78237 17.3633 5.0004 20.0003 5.0004C22.6374 5.0004 25.2152 5.78237 27.4079 7.24742C29.6005 8.71248 31.3095 10.7948 32.3187 13.2311C33.3278 15.6674 33.5919 18.3483 33.0775 20.9347C32.5631 23.5211 31.2933 25.8968 29.4287 27.7616Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <span>Cap Cana<\/span>\n                                <\/div>\n                                                            <\/div>\n\n                                                        <p class=\"project-description\">\n                                Exclusivo complejo residencial en la prestigiosa Cap Cana, con arquitectura contempor\u00e1nea y acabados de primera calidad para una vida caribe\u00f1a de lujo.                            <\/p>\n                            \n                                                        <button class=\"project-cta\" data-widget=\"vydaProjects0d20726\" data-project=\"residencias-del-parque\">\n                                See Project Details\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\">\n                                    <rect x=\"0.323242\" y=\"0.144836\" width=\"48.9869\" height=\"48.9869\" rx=\"24.4935\" fill=\"white\"><\/rect>\n                                    <path d=\"M17.0234 24.6384H32.6102M32.6102 24.6384L28.1568 29.0917M32.6102 24.6384L28.1568 20.185\" stroke=\"#1E2529\" stroke-width=\"2.22668\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/button>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"project-card\" data-project=\"villa-beit-jala\">\n                                                    <img decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/Villa-Beit-Jala-Featured-Image-1024x666.jpg\" alt=\"Villa Beit Jala\" class=\"project-image\">\n                        \n                        <div class=\"project-content\">\n                            <h2 class=\"project-title\">Villa Beit Jala<\/h2>\n\n                            <div class=\"project-meta\">\n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/tabler-icon-home.svg\" alt=\"Project Type\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>Proyecto residencial<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/m2-icon-vyda.svg\" alt=\"Total M\u00b2\" width=\"40\" height=\"40\">\n                                    <\/div>\n                                    <span>1,600 M\u00b2<\/span>\n                                <\/div>\n                                \n                                                                <div class=\"meta-item\">\n                                    <div class=\"meta-icon\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\n                                            <path d=\"M15.0003 18.3333C15.0003 19.6594 15.5271 20.9312 16.4648 21.8689C17.4025 22.8065 18.6742 23.3333 20.0003 23.3333C21.3264 23.3333 22.5982 22.8065 23.5359 21.8689C24.4735 20.9312 25.0003 19.6594 25.0003 18.3333C25.0003 17.0072 24.4735 15.7355 23.5359 14.7978C22.5982 13.8601 21.3264 13.3333 20.0003 13.3333C18.6742 13.3333 17.4025 13.8601 16.4648 14.7978C15.5271 15.7355 15.0003 17.0072 15.0003 18.3333Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <path d=\"M29.4287 27.7616L22.357 34.8332C21.732 35.4576 20.8846 35.8084 20.0012 35.8084C19.1177 35.8084 18.2704 35.4576 17.6453 34.8332L10.572 27.7616C8.70737 25.8968 7.43756 23.5211 6.92314 20.9347C6.40873 18.3483 6.67281 15.6674 7.682 13.2311C8.69119 10.7948 10.4002 8.71248 12.5928 7.24742C14.7854 5.78237 17.3633 5.0004 20.0003 5.0004C22.6374 5.0004 25.2152 5.78237 27.4079 7.24742C29.6005 8.71248 31.3095 10.7948 32.3187 13.2311C33.3278 15.6674 33.5919 18.3483 33.0775 20.9347C32.5631 23.5211 31.2933 25.8968 29.4287 27.7616Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/div>\n                                    <span>Cap Cana<\/span>\n                                <\/div>\n                                                            <\/div>\n\n                                                        <p class=\"project-description\">\n                                Villa Beit Jala es un magn\u00edfico proyecto residencial situado en el coraz\u00f3n de Cap Cana. Con unos impresionantes 1.600 metros cuadrados de construcci\u00f3n, esta urbanizaci\u00f3n de villas de lujo hace gala de un dise\u00f1o arquitect\u00f3nico excepcional y una meticulosa atenci\u00f3n al detalle. La propiedad cuenta con amplias zonas de estar, suites de varios dormitorios, espacios de ocio y servicios de estilo resort, como piscinas privadas y jardines paisaj\u00edsticos, que ofrecen una experiencia de vida sin igual en la Rep\u00fablica Dominicana.                            <\/p>\n                            \n                                                        <button class=\"project-cta\" data-widget=\"vydaProjects0d20726\" data-project=\"villa-beit-jala\">\n                                See Project Details\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\">\n                                    <rect x=\"0.323242\" y=\"0.144836\" width=\"48.9869\" height=\"48.9869\" rx=\"24.4935\" fill=\"white\"><\/rect>\n                                    <path d=\"M17.0234 24.6384H32.6102M32.6102 24.6384L28.1568 29.0917M32.6102 24.6384L28.1568 20.185\" stroke=\"#1E2529\" stroke-width=\"2.22668\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/button>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n            \n            \n            <!-- Modal -->\n            <div id=\"projectModalvydaProjects0d20726\" class=\"modal\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header\">\n                        <h2 id=\"modalTitlevydaProjects0d20726\" class=\"modal-title\"><\/h2>\n                        <button class=\"close-modal\" data-widget=\"vydaProjects0d20726\">&times;<\/button>\n                    <\/div>\n                    <div id=\"modalGalleryvydaProjects0d20726\" class=\"gallery\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Lightbox -->\n            <div id=\"lightboxvydaProjects0d20726\" class=\"lightbox\">\n                <div class=\"lightbox-content\">\n                    <button class=\"lightbox-close\" data-widget=\"vydaProjects0d20726\">&times;<\/button>\n                    <button class=\"lightbox-nav lightbox-prev\" data-widget=\"vydaProjects0d20726\">\u2039<\/button>\n                    <img decoding=\"async\" id=\"lightboxImagevydaProjects0d20726\" class=\"lightbox-image\" src=\"\" alt=\"\">\n                    <button class=\"lightbox-nav lightbox-next\" data-widget=\"vydaProjects0d20726\">\u203a<\/button>\n                    <div class=\"lightbox-counter\" id=\"lightboxCountervydaProjects0d20726\"><\/div>\n                <\/div>\n            <\/div>\n\n            <script>\n            (function() {\n                \/\/ Project data for widget: vydaProjects0d20726                let projectData;\n                try {\n                    projectData = {\"centurion-food-park\":{\"title\":\"Centurion Food Park\",\"images\":[\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-parque-industrial-duarte-img-01-1024x768.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-parque-industrial-duarte-img-02-1024x768.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-parque-industrial-duarte-img-03-1024x768.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-parque-industrial-duarte-img-04-1024x768.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-parque-industrial-duarte-img-05-1024x768.jpg\"]},\"centurion-business-park\":{\"title\":\"Centurion Business Park\",\"images\":[\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Centurion-Punta-Cana-Project-Image-07-1024x728.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-punta-cana-project-image-01-1-1024x836.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-punta-cana-project-image-02-1-1024x836.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-punta-cana-project-image-03-1-1024x836.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-punta-cana-project-image-04-1-1024x836.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-punta-cana-project-image-05-1-1024x836.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-punta-cana-project-image-06-1-1024x836.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-punta-cana-project-image-07-1-1024x836.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/centurion-punta-cana-project-image-08-1024x836.jpg\"]},\"lanwood-townhomes\":{\"title\":\"Lanwood Townhomes\",\"images\":[\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Townhomes-Project-Image-01-1024x667.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Townhomes-Project-Image-02-1024x668.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Townhomes-Project-Image-03-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Townhomes-Project-Image-04-1024x666.jpg\"]},\"lanwood-park\":{\"title\":\"Lanwood Park\",\"images\":[\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Park-Project-Image-1-1024x728.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Park-Project-Image-2-1024x728.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Park-Project-Image-3-1024x728.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Park-Project-Image-4-1024x728.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Park-Project-Image-5-1024x728.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Park-Project-Image-6-1024x728.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Park-Project-Image-7-1024x728.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Park-Project-Image-8-1024x728.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Park-Project-Image-9-1024x728.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Park-Project-Image-10-1024x728.jpg\"]},\"lanwood-residences\":{\"title\":\"Lanwood Residences\",\"images\":[\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Residences-Project-Image-1-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Residences-Project-Image-2-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Residences-Project-Image-3-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Residences-Project-Image-4-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Lanwood-Residences-Project-Image-5-1024x666.jpg\"]},\"las-iguanas-residences\":{\"title\":\"Las Iguanas Residences\",\"images\":[\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Las-Iguanas-Driving-Road-Project-Image-01-1024x576.jpeg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Las-Iguanas-Driving-Road-Project-Image-02-1024x576.jpeg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Las-Iguanas-Driving-Road-Project-Image-03-1024x576.jpeg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Las-Iguanas-Driving-Road-Project-Image-04-1024x576.jpeg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Las-Iguanas-Driving-Road-Project-Image-05-1024x576.jpeg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Las-Iguanas-Driving-Road-Project-Image-06-1024x576.jpeg\"]},\"magnolias-residences\":{\"title\":\"Magnolias Residences\",\"images\":[\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Magnolias-Residences-Project-Image-01.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Magnolias-Residences-Project-Image-02.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Magnolias-Residences-Project-Image-03.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Magnolias-Residences-Project-Image-04.png\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Magnolias-Residences-Project-Image-05.png\"]},\"residencias-del-parque\":{\"title\":\"Residencias del Parque\",\"images\":[\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Residencias-del-Parque-Project-Image-01-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Residencias-del-Parque-Project-Image-02-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Residencias-del-Parque-Project-Image-03-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Residencias-del-Parque-Project-Image-04-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Residencias-del-Parque-Project-Image-05-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Residencias-del-Parque-Project-Image-06-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Residencias-del-Parque-Project-Image-07-1024x666.jpg\"]},\"villa-beit-jala\":{\"title\":\"Villa Beit Jala\",\"images\":[\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Villa-Beit-Jala-Project-Image-01-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Villa-Beit-Jala-Project-Image-02-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Villa-Beit-Jala-Project-Image-03-1024x666.jpg\",\"https:\\\/\\\/vyda.codika.net\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Villa-Beit-Jala-Project-Image-04-1024x666.jpg\"]}};\n                } catch (e) {\n                    console.error('Error parsing project data:', e);\n                    projectData = {};\n                }\n                const widgetId = 'vydaProjects0d20726';\n\n                console.log('Widget initialized:', widgetId);\n                console.log('Project data:', projectData);\n                console.log('Project data type:', typeof projectData);\n\n                \/\/ Verify projectData is valid\n                if (!projectData || typeof projectData !== 'object') {\n                    console.error('Invalid project data:', projectData);\n                    return;\n                }\n\n                \/\/ Hero Slideshow Variables\n                let currentSlide = 0;\n                let totalSlides = 0;\n                let autoplayInterval = null;\n                const autoplay = true;\n                const autoplaySpeed = 5000;\n                const transitionSpeed = 600;\n\n                \/\/ Touch\/Swipe variables\n                let touchStartX = 0;\n                let touchStartY = 0;\n                let touchEndX = 0;\n                let touchEndY = 0;\n                let isSwiping = false;\n\n                \/\/ Initialize Hero Slideshow\n                function initHeroSlideshow() {\n                    const slideshow = document.getElementById('heroSlideshow' + widgetId);\n                    if (!slideshow) return;\n\n                    const slides = slideshow.querySelectorAll('.hero-slide');\n                    totalSlides = slides.length;\n\n                    if (totalSlides <= 1) return;\n\n                    \/\/ Add event listeners to navigation buttons\n                    const prevBtn = document.querySelector('[data-widget=\"' + widgetId + '\"].hero-nav-prev');\n                    const nextBtn = document.querySelector('[data-widget=\"' + widgetId + '\"].hero-nav-next');\n\n                    if (prevBtn) {\n                        prevBtn.addEventListener('click', function(e) {\n                            e.preventDefault();\n                            prevSlide();\n                        });\n                    }\n\n                    if (nextBtn) {\n                        nextBtn.addEventListener('click', function(e) {\n                            e.preventDefault();\n                            nextSlide();\n                        });\n                    }\n\n                    \/\/ Add event listeners to dots\n                    const dots = document.querySelectorAll('[data-widget=\"' + widgetId + '\"].hero-dot');\n                    dots.forEach(dot => {\n                        dot.addEventListener('click', function(e) {\n                            e.preventDefault();\n                            const slideIndex = parseInt(this.getAttribute('data-slide'));\n                            goToSlide(slideIndex);\n                        });\n                    });\n\n                    \/\/ Add touch zone click handlers for mobile\n                    const touchZones = document.querySelectorAll('[data-widget=\"' + widgetId + '\"].hero-touch-zone');\n                    touchZones.forEach(zone => {\n                        zone.addEventListener('click', function(e) {\n                            e.preventDefault();\n                            const direction = this.getAttribute('data-direction');\n                            if (direction === 'prev') {\n                                prevSlide();\n                            } else if (direction === 'next') {\n                                nextSlide();\n                            }\n                        });\n                    });\n\n                    \/\/ Add swipe support for mobile\n                    initSwipeSupport(slideshow);\n\n                    \/\/ Start autoplay if enabled\n                    if (autoplay) {\n                        startAutoplay();\n                    }\n\n                    \/\/ Pause autoplay on hover (desktop)\n                    slideshow.addEventListener('mouseenter', stopAutoplay);\n                    slideshow.addEventListener('mouseleave', function() {\n                        if (autoplay) {\n                            startAutoplay();\n                        }\n                    });\n                }\n\n                \/\/ Initialize swipe support\n                function initSwipeSupport(element) {\n                    \/\/ Touch events\n                    element.addEventListener('touchstart', handleTouchStart, { passive: true });\n                    element.addEventListener('touchmove', handleTouchMove, { passive: true });\n                    element.addEventListener('touchend', handleTouchEnd, { passive: true });\n\n                    \/\/ Mouse events for desktop testing\n                    let isMouseDown = false;\n                    element.addEventListener('mousedown', function(e) {\n                        isMouseDown = true;\n                        handleTouchStart(e);\n                    });\n                    element.addEventListener('mousemove', function(e) {\n                        if (isMouseDown) {\n                            handleTouchMove(e);\n                        }\n                    });\n                    element.addEventListener('mouseup', function(e) {\n                        if (isMouseDown) {\n                            isMouseDown = false;\n                            handleTouchEnd(e);\n                        }\n                    });\n                    element.addEventListener('mouseleave', function(e) {\n                        if (isMouseDown) {\n                            isMouseDown = false;\n                            handleTouchEnd(e);\n                        }\n                    });\n                }\n\n                function handleTouchStart(e) {\n                    touchStartX = e.type === 'touchstart' ? e.touches[0].clientX : e.clientX;\n                    touchStartY = e.type === 'touchstart' ? e.touches[0].clientY : e.clientY;\n                    isSwiping = false;\n\n                    \/\/ Pause autoplay during touch\n                    stopAutoplay();\n                }\n\n                function handleTouchMove(e) {\n                    if (!touchStartX || !touchStartY) return;\n\n                    touchEndX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;\n                    touchEndY = e.type === 'touchmove' ? e.touches[0].clientY : e.clientY;\n\n                    const diffX = touchStartX - touchEndX;\n                    const diffY = touchStartY - touchEndY;\n\n                    \/\/ Determine if this is a horizontal swipe\n                    if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > 10) {\n                        isSwiping = true;\n                    }\n                }\n\n                function handleTouchEnd(e) {\n                    if (!touchStartX || !touchStartY || !isSwiping) {\n                        \/\/ Resume autoplay if it was just a tap\n                        if (autoplay) {\n                            startAutoplay();\n                        }\n                        return;\n                    }\n\n                    const diffX = touchStartX - touchEndX;\n                    const minSwipeDistance = 50; \/\/ Minimum swipe distance in pixels\n\n                    if (Math.abs(diffX) > minSwipeDistance) {\n                        if (diffX > 0) {\n                            \/\/ Swipe left - next slide\n                            nextSlide();\n                        } else {\n                            \/\/ Swipe right - previous slide\n                            prevSlide();\n                        }\n                    }\n\n                    \/\/ Reset values\n                    touchStartX = 0;\n                    touchStartY = 0;\n                    touchEndX = 0;\n                    touchEndY = 0;\n                    isSwiping = false;\n\n                    \/\/ Resume autoplay after swipe\n                    if (autoplay) {\n                        startAutoplay();\n                    }\n                }\n\n                function goToSlide(slideIndex) {\n                    if (slideIndex === currentSlide || slideIndex < 0 || slideIndex >= totalSlides) return;\n\n                    const slideshow = document.getElementById('heroSlideshow' + widgetId);\n                    const slides = slideshow.querySelectorAll('.hero-slide');\n                    const dots = document.querySelectorAll('[data-widget=\"' + widgetId + '\"].hero-dot');\n\n                    \/\/ Remove active class from current slide and dot\n                    slides[currentSlide].classList.remove('active');\n                    if (dots[currentSlide]) {\n                        dots[currentSlide].classList.remove('active');\n                    }\n\n                    \/\/ Add active class to new slide and dot\n                    currentSlide = slideIndex;\n                    slides[currentSlide].classList.add('active');\n                    if (dots[currentSlide]) {\n                        dots[currentSlide].classList.add('active');\n                    }\n\n                    \/\/ Reset autoplay timer\n                    if (autoplay) {\n                        stopAutoplay();\n                        startAutoplay();\n                    }\n                }\n\n                function nextSlide() {\n                    const nextIndex = (currentSlide + 1) % totalSlides;\n                    goToSlide(nextIndex);\n                }\n\n                function prevSlide() {\n                    const prevIndex = (currentSlide - 1 + totalSlides) % totalSlides;\n                    goToSlide(prevIndex);\n                }\n\n                function startAutoplay() {\n                    stopAutoplay();\n                    autoplayInterval = setInterval(nextSlide, autoplaySpeed);\n                }\n\n                function stopAutoplay() {\n                    if (autoplayInterval) {\n                        clearInterval(autoplayInterval);\n                        autoplayInterval = null;\n                    }\n                }\n\n                \/\/ Lightbox variables\n                let currentProject = null;\n                let currentImageIndex = 0;\n                let currentImages = [];\n\n                function openModal(projectId) {\n                    console.log('Opening modal for project:', projectId);\n\n                    const modal = document.getElementById('projectModal' + widgetId);\n                    const modalTitle = document.getElementById('modalTitle' + widgetId);\n                    const modalGallery = document.getElementById('modalGallery' + widgetId);\n\n                    if (!modal || !modalTitle || !modalGallery) {\n                        console.error('Modal elements not found');\n                        return;\n                    }\n\n                    const project = projectData[projectId];\n\n                    if (!project) {\n                        console.error('Project not found:', projectId);\n                        console.log('Available projects:', Object.keys(projectData));\n                        return;\n                    }\n\n                    modalTitle.textContent = project.title;\n\n                    \/\/ Clear previous gallery\n                    modalGallery.innerHTML = '';\n\n                    \/\/ Add images to gallery\n                    if (project.images && project.images.length > 0) {\n                        project.images.forEach((imageSrc, index) => {\n                            const img = document.createElement('img');\n                            img.src = imageSrc;\n                            img.alt = project.title;\n                            img.className = 'gallery-image';\n                            img.style.cursor = 'pointer';\n\n                            \/\/ Add click handler for lightbox\n                            img.addEventListener('click', function() {\n                                openLightbox(imageSrc, index, project.images);\n                            });\n\n                            modalGallery.appendChild(img);\n                        });\n                    } else {\n                        modalGallery.innerHTML = '<p>No images available<\/p>';\n                    }\n\n                    modal.classList.add('show');\n                    document.body.style.overflow = 'hidden';\n                }\n\n                function closeModal() {\n                    const modal = document.getElementById('projectModal' + widgetId);\n                    if (modal) {\n                        modal.classList.remove('show');\n                        document.body.style.overflow = 'auto';\n                    }\n                }\n\n                \/\/ Lightbox functions\n                function openLightbox(imageSrc, imageIndex, images) {\n                    const lightbox = document.getElementById('lightbox' + widgetId);\n                    const lightboxImage = document.getElementById('lightboxImage' + widgetId);\n                    const lightboxCounter = document.getElementById('lightboxCounter' + widgetId);\n\n                    if (!lightbox || !lightboxImage || !lightboxCounter) {\n                        console.error('Lightbox elements not found');\n                        return;\n                    }\n\n                    currentImageIndex = imageIndex;\n                    currentImages = images;\n\n                    lightboxImage.src = imageSrc;\n                    lightboxImage.alt = 'Project Image ' + (imageIndex + 1);\n                    lightboxCounter.textContent = `${imageIndex + 1} \/ ${images.length}`;\n\n                    \/\/ Update navigation buttons\n                    updateLightboxNavigation();\n\n                    lightbox.classList.add('show');\n                    document.body.style.overflow = 'hidden';\n                }\n\n                function closeLightbox() {\n                    const lightbox = document.getElementById('lightbox' + widgetId);\n                    if (lightbox) {\n                        lightbox.classList.remove('show');\n                        document.body.style.overflow = 'hidden'; \/\/ Keep modal scroll disabled\n                    }\n                }\n\n                function nextImage() {\n                    if (currentImageIndex < currentImages.length - 1) {\n                        currentImageIndex++;\n                        updateLightboxImage();\n                    }\n                }\n\n                function prevImage() {\n                    if (currentImageIndex > 0) {\n                        currentImageIndex--;\n                        updateLightboxImage();\n                    }\n                }\n\n                function updateLightboxImage() {\n                    const lightboxImage = document.getElementById('lightboxImage' + widgetId);\n                    const lightboxCounter = document.getElementById('lightboxCounter' + widgetId);\n\n                    if (lightboxImage && lightboxCounter) {\n                        lightboxImage.src = currentImages[currentImageIndex];\n                        lightboxImage.alt = 'Project Image ' + (currentImageIndex + 1);\n                        lightboxCounter.textContent = `${currentImageIndex + 1} \/ ${currentImages.length}`;\n                        updateLightboxNavigation();\n                    }\n                }\n\n                function updateLightboxNavigation() {\n                    const prevBtn = document.querySelector('[data-widget=\"' + widgetId + '\"].lightbox-prev');\n                    const nextBtn = document.querySelector('[data-widget=\"' + widgetId + '\"].lightbox-next');\n\n                    if (prevBtn) {\n                        if (currentImageIndex === 0) {\n                            prevBtn.classList.add('disabled');\n                        } else {\n                            prevBtn.classList.remove('disabled');\n                        }\n                    }\n\n                    if (nextBtn) {\n                        if (currentImageIndex === currentImages.length - 1) {\n                            nextBtn.classList.add('disabled');\n                        } else {\n                            nextBtn.classList.remove('disabled');\n                        }\n                    }\n                }\n\n                \/\/ Initialize when DOM is ready\n                function initWidget() {\n                    \/\/ Initialize Hero Slideshow\n                    initHeroSlideshow();\n\n                    \/\/ Add click handlers for ALL project CTA buttons (including featured)\n                    const ctaButtons = document.querySelectorAll('[data-widget=\"' + widgetId + '\"].project-cta, [data-widget=\"' + widgetId + '\"].featured-project-cta');\n                    ctaButtons.forEach(button => {\n                        button.addEventListener('click', function(e) {\n                            e.preventDefault();\n                            const projectId = this.getAttribute('data-project');\n                            openModal(projectId);\n                        });\n                    });\n\n                    \/\/ Add click handler for close button\n                    const closeButton = document.querySelector('[data-widget=\"' + widgetId + '\"].close-modal');\n                    if (closeButton) {\n                        closeButton.addEventListener('click', function(e) {\n                            e.preventDefault();\n                            closeModal();\n                        });\n                    }\n\n                    \/\/ Close modal when clicking outside of content\n                    const modal = document.getElementById('projectModal' + widgetId);\n                    if (modal) {\n                        modal.addEventListener('click', function(e) {\n                            if (e.target === this) {\n                                closeModal();\n                            }\n                        });\n                    }\n\n                    \/\/ Add lightbox event listeners\n                    const lightboxCloseBtn = document.querySelector('[data-widget=\"' + widgetId + '\"].lightbox-close');\n                    if (lightboxCloseBtn) {\n                        lightboxCloseBtn.addEventListener('click', function(e) {\n                            e.preventDefault();\n                            closeLightbox();\n                        });\n                    }\n\n                    const lightboxPrevBtn = document.querySelector('[data-widget=\"' + widgetId + '\"].lightbox-prev');\n                    if (lightboxPrevBtn) {\n                        lightboxPrevBtn.addEventListener('click', function(e) {\n                            e.preventDefault();\n                            if (!this.classList.contains('disabled')) {\n                                prevImage();\n                            }\n                        });\n                    }\n\n                    const lightboxNextBtn = document.querySelector('[data-widget=\"' + widgetId + '\"].lightbox-next');\n                    if (lightboxNextBtn) {\n                        lightboxNextBtn.addEventListener('click', function(e) {\n                            e.preventDefault();\n                            if (!this.classList.contains('disabled')) {\n                                nextImage();\n                            }\n                        });\n                    }\n\n                    \/\/ Close lightbox when clicking outside of image\n                    const lightbox = document.getElementById('lightbox' + widgetId);\n                    if (lightbox) {\n                        lightbox.addEventListener('click', function(e) {\n                            if (e.target === this) {\n                                closeLightbox();\n                            }\n                        });\n                    }\n                }\n\n                \/\/ Initialize immediately if DOM is ready, otherwise wait\n                if (document.readyState === 'loading') {\n                    document.addEventListener('DOMContentLoaded', initWidget);\n                } else {\n                    initWidget();\n                }\n\n                \/\/ Keyboard navigation\n                document.addEventListener('keydown', function(e) {\n                    const lightbox = document.getElementById('lightbox' + widgetId);\n                    const modal = document.getElementById('projectModal' + widgetId);\n\n                    \/\/ If lightbox is open\n                    if (lightbox && lightbox.classList.contains('show')) {\n                        if (e.key === 'Escape') {\n                            closeLightbox();\n                        } else if (e.key === 'ArrowLeft') {\n                            e.preventDefault();\n                            if (currentImageIndex > 0) {\n                                prevImage();\n                            }\n                        } else if (e.key === 'ArrowRight') {\n                            e.preventDefault();\n                            if (currentImageIndex < currentImages.length - 1) {\n                                nextImage();\n                            }\n                        }\n                    }\n                    \/\/ If only modal is open\n                    else if (modal && modal.classList.contains('show') && e.key === 'Escape') {\n                        closeModal();\n                    }\n                });\n            })();\n            <\/script>\n        <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6ee01d e-flex e-con-boxed e-con e-parent\" data-id=\"c6ee01d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9119e20 elementor-widget elementor-widget-image\" data-id=\"9119e20\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1400\" height=\"1103\" src=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/sygen-company-logo.png\" class=\"attachment-full size-full wp-image-2771\" alt=\"sygen company logo\" srcset=\"https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/sygen-company-logo.png 1400w, https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/sygen-company-logo-300x236.png 300w, https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/sygen-company-logo-1024x807.png 1024w, https:\/\/vyda.codika.net\/wp-content\/uploads\/2025\/09\/sygen-company-logo-768x605.png 768w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66bf773 elementor-widget elementor-widget-heading\" data-id=\"66bf773\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Historial de Sygen Construction<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6185b0e elementor-widget elementor-widget-text-editor\" data-id=\"6185b0e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tM\u00e1s de 40 a\u00f1os de experiencia demostrada.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5d0b3c elementor-widget elementor-widget-vyda-project-timeline\" data-id=\"b5d0b3c\" data-element_type=\"widget\" data-widget_type=\"vyda-project-timeline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p style=\"text-align: center; color: #999;\">No projects found. Please add some projects to the Project Timeline.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Construido para durar. Dise\u00f1ado para rendir. Nuestro portafolio de proyectos refleja nuestro compromiso con la excelencia, la innovaci\u00f3n y el valor a largo plazo. Nuestros Proyectos Centurion Food Park Proyecto Comercial 14,150 M\u00b2 Parque Industrial Duarte, DR Centurion Food Park es un moderno complejo comercial situado en el Pol\u00edgono Industrial Duarte. Este innovador proyecto abarca [&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,"footnotes":""},"class_list":["post-2865","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/vyda.codika.net\/es\/wp-json\/wp\/v2\/pages\/2865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vyda.codika.net\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vyda.codika.net\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vyda.codika.net\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vyda.codika.net\/es\/wp-json\/wp\/v2\/comments?post=2865"}],"version-history":[{"count":8,"href":"https:\/\/vyda.codika.net\/es\/wp-json\/wp\/v2\/pages\/2865\/revisions"}],"predecessor-version":[{"id":2876,"href":"https:\/\/vyda.codika.net\/es\/wp-json\/wp\/v2\/pages\/2865\/revisions\/2876"}],"wp:attachment":[{"href":"https:\/\/vyda.codika.net\/es\/wp-json\/wp\/v2\/media?parent=2865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}