{"id":280,"date":"2025-11-25T17:53:22","date_gmt":"2025-11-25T17:53:22","guid":{"rendered":"https:\/\/ocean.viewus.saintve.com\/?page_id=280"},"modified":"2026-01-06T16:42:19","modified_gmt":"2026-01-06T16:42:19","slug":"proyectos","status":"publish","type":"page","link":"https:\/\/ocean.viewus.saintve.com\/en\/proyectos\/","title":{"rendered":"Proyectos"},"content":{"rendered":"<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Portafolio de Proyectos<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        :root {\n            --color-primary: #2c3e50;\n            --color-secondary: #e74c3c;\n            --color-accent: #3498db;\n            --color-light: #ecf0f1;\n            --color-dark: #2c3e50;\n            --color-gray: #7f8c8d;\n            --color-white: #ffffff;\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        body {\n            background-color: var(--color-light);\n            color: var(--color-dark);\n            line-height: 1.6;\n        }\n        \n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 40px 20px;\n        }\n        \n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n        \n        .header h1 {\n            font-size: 3rem;\n            font-weight: 800;\n            color: var(--color-primary);\n            margin-bottom: 10px;\n            letter-spacing: 2px;\n        }\n        \n        .header h2 {\n            font-size: 1.5rem;\n            font-weight: 300;\n            color: var(--color-gray);\n            position: relative;\n            display: inline-block;\n        }\n        \n        .header h2::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background-color: var(--color-secondary);\n        }\n        \n        .filters {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 15px;\n            margin-bottom: 40px;\n        }\n        \n        .filter-btn {\n            padding: 10px 25px;\n            background-color: transparent;\n            border: 2px solid var(--color-primary);\n            color: var(--color-primary);\n            border-radius: 30px;\n            cursor: pointer;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n        \n        .filter-btn:hover, .filter-btn.active {\n            background-color: var(--color-primary);\n            color: var(--color-white);\n        }\n        \n        .portfolio-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n            gap: 30px;\n        }\n        \n        .portfolio-item {\n            position: relative;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n            height: 300px;\n            cursor: pointer;\n        }\n        \n        .portfolio-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\n        \n        .portfolio-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(to bottom, transparent, rgba(44, 62, 80, 0.9));\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            padding: 25px;\n            opacity: 0;\n            transition: opacity 0.5s ease;\n        }\n        \n        .portfolio-item:hover .portfolio-overlay {\n            opacity: 1;\n        }\n        \n        .portfolio-item:hover .portfolio-img {\n            transform: scale(1.1);\n        }\n        \n        .project-category {\n            color: var(--color-secondary);\n            font-size: 0.9rem;\n            font-weight: 600;\n            margin-bottom: 5px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \n        .project-name {\n            color: var(--color-white);\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n        \n        .project-details {\n            color: var(--color-light);\n            font-size: 1rem;\n            margin-bottom: 15px;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n        \n        .project-link {\n            color: var(--color-white);\n            text-decoration: none;\n            font-weight: 600;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            transition: color 0.3s ease;\n        }\n        \n        .project-link:hover {\n            color: var(--color-secondary);\n        }\n        \n        \/* Efectos especiales para diferentes proyectos *\/\n        .portfolio-item:nth-child(1) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(231, 76, 60, 0.85));\n        }\n        \n        .portfolio-item:nth-child(2) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(52, 152, 219, 0.85));\n        }\n        \n        .portfolio-item:nth-child(3) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(46, 204, 113, 0.85));\n        }\n        \n        .portfolio-item:nth-child(4) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(155, 89, 182, 0.85));\n        }\n        \n        .portfolio-item:nth-child(5) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(241, 196, 15, 0.85));\n        }\n        \n        .portfolio-item:nth-child(6) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(230, 126, 34, 0.85));\n        }\n        \n        \/* Animaci\u00f3n de aparici\u00f3n *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .portfolio-item {\n            animation: fadeInUp 0.6s ease forwards;\n            opacity: 0;\n        }\n        \n        .portfolio-item:nth-child(1) { animation-delay: 0.1s; }\n        .portfolio-item:nth-child(2) { animation-delay: 0.2s; }\n        .portfolio-item:nth-child(3) { animation-delay: 0.3s; }\n        .portfolio-item:nth-child(4) { animation-delay: 0.4s; }\n        .portfolio-item:nth-child(5) { animation-delay: 0.5s; }\n        .portfolio-item:nth-child(6) { animation-delay: 0.6s; }\n        \n        @media (max-width: 768px) {\n            .portfolio-grid {\n                grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n            }\n            \n            .header h1 {\n                font-size: 2.2rem;\n            }\n            \n            .filters {\n                gap: 10px;\n            }\n            \n            .filter-btn {\n                padding: 8px 16px;\n                font-size: 0.9rem;\n            }\n        }\n        \n        .divider {\n            height: 2px;\n            background: linear-gradient(to right, transparent, var(--color-gray), transparent);\n            margin: 50px 0;\n        }\n        \n        .section-title {\n            font-size: 2rem;\n            color: var(--color-primary);\n            margin-bottom: 30px;\n            text-align: center;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"header\">\n            <h1>PORTFOLIO<\/h1>\n            <h2>PROJECTS<\/h2>\n        <\/div>\n        \n        \n        \n        <div class=\"portfolio-grid\">\n            <!-- Proyecto 1 -->\n            <div class=\"portfolio-item\">\n                <img decoding=\"async\" src=\"https:\/\/mandalabuilders.com\/wp-content\/uploads\/2025\/07\/MANDALA-PREMIUM-Mandala-Builders-1080x1080-image-00.jpg\" alt=\"Residencia Moderna\" class=\"portfolio-img\">\n                <div class=\"portfolio-overlay\">\n                    <span class=\"project-category\">OBRAS<\/span>\n                    <h3 class=\"project-name\">OCEANVIEW PREMIUM+<\/h3>\n                    <p class=\"project-details\">More space. More features. Greater value.<\/p>\n                    <a href=\"#\" class=\"project-link\">Ver Proyecto <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Proyecto 2 -->\n            <div class=\"portfolio-item\">\n                <img decoding=\"async\" src=\"https:\/\/mandalabuilders.com\/wp-content\/uploads\/2025\/07\/mandala-premium-mandala-builders-image-001-1.jpg\" alt=\"Complejo Residencial\" class=\"portfolio-img\">\n                <div class=\"portfolio-overlay\">\n                    <span class=\"project-category\">OBRAS<\/span>\n                    <h3 class=\"project-name\">OCEANVIEW PREMIUM<\/h3>\n                    <p class=\"project-details\">Balanced style. Smart space. Affordable value.<\/p>\n                    <a href=\"#\" class=\"project-link\">Ver Proyecto <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Proyecto 3 -->\n            <div class=\"portfolio-item\">\n                <img decoding=\"async\" src=\"https:\/\/mandalabuilders.com\/wp-content\/uploads\/2025\/07\/mandala-Eco-mandala-builders-image-005-1.jpg\" alt=\"Obras\" class=\"portfolio-img\">\n                <div class=\"portfolio-overlay\">\n                    <span class=\"project-category\">OBRAS<\/span>\n                    <h3 class=\"project-name\">OCEANVIEW ECO<\/h3>\n                    <p class=\"project-details\">Energy-saving smart design. Modern, efficient living.<\/p>\n                    <a href=\"#\" class=\"project-link\">Ver Proyecto <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n            \n            <!-- Proyecto 4 -->\n            <div class=\"portfolio-item\">\n                <img decoding=\"async\" src=\"https:\/\/mandalabuilders.com\/wp-content\/uploads\/2025\/09\/Mandala-Europe-Mobile-11.jpg\" alt=\"Obras\" class=\"portfolio-img\">\n                <div class=\"portfolio-overlay\">\n                    <span class=\"project-category\">OBRAS<\/span>\n                    <h3 class=\"project-name\">OCEANVIEW EUROPE<\/h3>\n                    <p class=\"project-details\">Modern style. Smart design. European elegance.<\/p>\n                    <a href=\"#\" class=\"project-link\">Ver Proyecto <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n             \n            <\/div>\n           \n           \n            <\/div>\n\n \n        <\/div>\n        \n        <div class=\"divider\"><\/div>\n        \n        \n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Filtrado de proyectos\n        document.addEventListener('DOMContentLoaded', function() {\n            const filterButtons = document.querySelectorAll('.filter-btn');\n            \n            filterButtons.forEach(button => {\n                button.addEventListener('click', function() {\n                    \/\/ Remover clase active de todos los botones\n                    filterButtons.forEach(btn => btn.classList.remove('active'));\n                    \/\/ Agregar clase active al bot\u00f3n clickeado\n                    this.classList.add('active');\n                    \n                    \/\/ Aqu\u00ed ir\u00eda la l\u00f3gica para filtrar los proyectos\n                    \/\/ Por simplicidad, solo mostramos un mensaje\n                    console.log(`Filtrando por: ${this.textContent}`);\n                });\n            });\n            \n            \/\/ Efecto de aparici\u00f3n al hacer scroll\n            const portfolioItems = document.querySelectorAll('.portfolio-item');\n            \n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.animationPlayState = 'running';\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            portfolioItems.forEach(item => {\n                observer.observe(item);\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Portafolio de Proyectos<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        :root {\n            --color-primary: #2c3e50;\n            --color-secondary: #e74c3c;\n            --color-accent: #3498db;\n            --color-light: #ecf0f1;\n            --color-dark: #2c3e50;\n            --color-gray: #7f8c8d;\n            --color-white: #ffffff;\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        body {\n            background-color: var(--color-light);\n            color: var(--color-dark);\n            line-height: 1.6;\n        }\n        \n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 40px 20px;\n        }\n        \n        .header {\n            text-align: center;\n            margin-bottom: 50px;\n            position: relative;\n        }\n        \n        .header h1 {\n            font-size: 3rem;\n            font-weight: 800;\n            color: var(--color-primary);\n            margin-bottom: 10px;\n            letter-spacing: 2px;\n        }\n        \n        .header h2 {\n            font-size: 1.5rem;\n            font-weight: 300;\n            color: var(--color-gray);\n            position: relative;\n            display: inline-block;\n        }\n        \n        .header h2::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background-color: var(--color-secondary);\n        }\n        \n        .filters {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 15px;\n            margin-bottom: 40px;\n        }\n        \n        .filter-btn {\n            padding: 10px 25px;\n            background-color: transparent;\n            border: 2px solid var(--color-primary);\n            color: var(--color-primary);\n            border-radius: 30px;\n            cursor: pointer;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n        \n        .filter-btn:hover, .filter-btn.active {\n            background-color: var(--color-primary);\n            color: var(--color-white);\n        }\n        \n        .portfolio-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n            gap: 30px;\n        }\n        \n        .portfolio-item {\n            position: relative;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n            height: 300px;\n            cursor: pointer;\n        }\n        \n        .portfolio-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\n        \n        .portfolio-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(to bottom, transparent, rgba(44, 62, 80, 0.9));\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            padding: 25px;\n            opacity: 0;\n            transition: opacity 0.5s ease;\n        }\n        \n        .portfolio-item:hover .portfolio-overlay {\n            opacity: 1;\n        }\n        \n        .portfolio-item:hover .portfolio-img {\n            transform: scale(1.1);\n        }\n        \n        .project-category {\n            color: var(--color-secondary);\n            font-size: 0.9rem;\n            font-weight: 600;\n            margin-bottom: 5px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \n        .project-name {\n            color: var(--color-white);\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n        \n        .project-details {\n            color: var(--color-light);\n            font-size: 1rem;\n            margin-bottom: 15px;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n        \n        .project-link {\n            color: var(--color-white);\n            text-decoration: none;\n            font-weight: 600;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            transition: color 0.3s ease;\n        }\n        \n        .project-link:hover {\n            color: var(--color-secondary);\n        }\n        \n        \/* Efectos especiales para diferentes proyectos *\/\n        .portfolio-item:nth-child(1) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(231, 76, 60, 0.85));\n        }\n        \n        .portfolio-item:nth-child(2) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(52, 152, 219, 0.85));\n        }\n        \n        .portfolio-item:nth-child(3) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(46, 204, 113, 0.85));\n        }\n        \n        .portfolio-item:nth-child(4) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(155, 89, 182, 0.85));\n        }\n        \n        .portfolio-item:nth-child(5) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(241, 196, 15, 0.85));\n        }\n        \n        .portfolio-item:nth-child(6) .portfolio-overlay {\n            background: linear-gradient(to bottom, transparent, rgba(230, 126, 34, 0.85));\n        }\n        \n        \/* Animaci\u00f3n de aparici\u00f3n *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .portfolio-item {\n            animation: fadeInUp 0.6s ease forwards;\n            opacity: 0;\n        }\n        \n        .portfolio-item:nth-child(1) { animation-delay: 0.1s; }\n        .portfolio-item:nth-child(2) { animation-delay: 0.2s; }\n        .portfolio-item:nth-child(3) { animation-delay: 0.3s; }\n        .portfolio-item:nth-child(4) { animation-delay: 0.4s; }\n        .portfolio-item:nth-child(5) { animation-delay: 0.5s; }\n        .portfolio-item:nth-child(6) { animation-delay: 0.6s; }\n        \n        @media (max-width: 768px) {\n            .portfolio-grid {\n                grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n            }\n            \n            .header h1 {\n                font-size: 2.2rem;\n            }\n            \n            .filters {\n                gap: 10px;\n            }\n            \n            .filter-btn {\n                padding: 8px 16px;\n                font-size: 0.9rem;\n            }\n        }\n        \n        .divider {\n            height: 2px;\n            background: linear-gradient(to right, transparent, var(--color-gray), transparent);\n            margin: 50px 0;\n        }\n        \n        .section-title {\n            font-size: 2rem;\n            color: var(--color-primary);\n            margin-bottom: 30px;\n            text-align: center;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"header\">\n            <h1>PORTFOLIO<\/h1>\n            <h2>DE PROYECTOS RD<\/h2>\n        <\/div>\n        \n        \n        \n        <div class=\"portfolio-grid\">\n           \n            \n            \n            \n            \n             <!-- Proyecto 5 -->\n            <div class=\"portfolio-item\">\n                <img decoding=\"async\" src=\"https:\/\/scontent-bog2-1.xx.fbcdn.net\/v\/t39.30808-6\/594068254_2057606004975343_6456878265315373613_n.jpg?_nc_cat=106&#038;ccb=1-7&#038;_nc_sid=127cfc&#038;_nc_ohc=rDMzY5xAFUQQ7kNvwF9GgOi&#038;_nc_oc=Admgp8XC1OMOcN1xxXtrZ-l588NaBBOaR4apU3qafswff3MQMRH29llEHYvAJQY0a1o&#038;_nc_zt=23&#038;_nc_ht=scontent-bog2-1.xx&#038;_nc_gid=ittMMUBQ_cYca3qUX_f9Rw&#038;oh=00_AfoHathGtwDKwQzgRDZVGKbX6vjMs86mY8khqJGyHg91mg&#038;oe=6963029A\" alt=\"Residencia Moderna\" class=\"portfolio-img\">\n                <div class=\"portfolio-overlay\">\n                    <span class=\"project-category\">OBRAS<\/span>\n                    <h3 class=\"project-name\"> Romana Golf Suites, Dominican Republic<\/h3>\n                    <p class=\"project-details\">More space. More features. Greater value.<\/p>\n                    <a href=\"#\" class=\"project-link\">Ver Proyecto <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n <!-- Proyecto 6 -->\n            <div class=\"portfolio-item\">\n                <img decoding=\"async\" src=\"https:\/\/scontent-bog2-1.xx.fbcdn.net\/v\/t39.30808-6\/596231444_2063066407762636_2920081074291354385_n.jpg?_nc_cat=104&#038;ccb=1-7&#038;_nc_sid=127cfc&#038;_nc_ohc=naovB4fyWcUQ7kNvwHL_Cx2&#038;_nc_oc=Adl7B0aqM2u5BrAgv74xfgptuSiOQsoX-2cWln9gxUoOtZe_mUK2TcAO7m_GP47hH8A&#038;_nc_zt=23&#038;_nc_ht=scontent-bog2-1.xx&#038;_nc_gid=OB-pKz76UNzQKPR23tvgDA&#038;oh=00_AfrdpLrHy2490GPkNqP_TKWBRlk6fLiNryA_zequ07hmmg&#038;oe=6963238C\" alt=\"Residencia Moderna\" class=\"portfolio-img\">\n                <div class=\"portfolio-overlay\">\n                    <span class=\"project-category\">OBRAS<\/span>\n                    <h3 class=\"project-name\">Villas Del Sol La Romana, Dominican Republic<\/h3>\n                    <p class=\"project-details\">More space. More features. Greater value.<\/p>\n                    <a href=\"#\" class=\"project-link\">Ver Proyecto <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n           \n           \n            <\/div>\n\n \n        <\/div>\n        \n        <div class=\"divider\"><\/div>\n        \n        \n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Filtrado de proyectos\n        document.addEventListener('DOMContentLoaded', function() {\n            const filterButtons = document.querySelectorAll('.filter-btn');\n            \n            filterButtons.forEach(button => {\n                button.addEventListener('click', function() {\n                    \/\/ Remover clase active de todos los botones\n                    filterButtons.forEach(btn => btn.classList.remove('active'));\n                    \/\/ Agregar clase active al bot\u00f3n clickeado\n                    this.classList.add('active');\n                    \n                    \/\/ Aqu\u00ed ir\u00eda la l\u00f3gica para filtrar los proyectos\n                    \/\/ Por simplicidad, solo mostramos un mensaje\n                    console.log(`Filtrando por: ${this.textContent}`);\n                });\n            });\n            \n            \/\/ Efecto de aparici\u00f3n al hacer scroll\n            const portfolioItems = document.querySelectorAll('.portfolio-item');\n            \n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.animationPlayState = 'running';\n                    }\n                });\n            }, { threshold: 0.1 });\n            \n            portfolioItems.forEach(item => {\n                observer.observe(item);\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Portafolio de Proyectos PORTAFOLIO DE PROYECTOS OBRAS OCEANVIEW PREMIUM+ More space. More features. Greater value. Ver Proyecto OBRAS OCEANVIEW PREMIUM Balanced style. Smart space. Affordable value. Ver Proyecto OBRAS OCEANVIEW ECO Energy-saving smart design. Modern, efficient living. Ver Proyecto OBRAS OCEANVIEW EUROPE Modern style. Smart design. European elegance. Ver Proyecto Portafolio de Proyectos PORTAFOLIO DE [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-280","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ocean.viewus.saintve.com\/en\/wp-json\/wp\/v2\/pages\/280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocean.viewus.saintve.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocean.viewus.saintve.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocean.viewus.saintve.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ocean.viewus.saintve.com\/en\/wp-json\/wp\/v2\/comments?post=280"}],"version-history":[{"count":51,"href":"https:\/\/ocean.viewus.saintve.com\/en\/wp-json\/wp\/v2\/pages\/280\/revisions"}],"predecessor-version":[{"id":488,"href":"https:\/\/ocean.viewus.saintve.com\/en\/wp-json\/wp\/v2\/pages\/280\/revisions\/488"}],"wp:attachment":[{"href":"https:\/\/ocean.viewus.saintve.com\/en\/wp-json\/wp\/v2\/media?parent=280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}