{"id":1905,"date":"2022-10-02T19:43:39","date_gmt":"2022-10-02T19:43:39","guid":{"rendered":"https:\/\/konstruktion.vamtam.com\/?page_id=1905"},"modified":"2026-09-04T16:17:21","modified_gmt":"2026-09-04T16:17:21","slug":"home-big-construction-company","status":"publish","type":"page","link":"https:\/\/constructiva1.com\/","title":{"rendered":"Big Construction Company"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\r\nConstructiva Civil<\/title>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n 1. FUENTE OFICIAL: HELVETICA NEUE ULTRA LIGHT\r\n========================================================= *\/\r\n\r\n@font-face {\r\n font-family: \"Helvetica Neue Ultra Light\";\r\n src: url(\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/09\/helvetica-neue-ultra-light.ttf\") format(\"truetype\");\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n:root {\r\n --font-main: \"Helvetica Neue Ultra Light\", \"Helvetica Neue\", Arial, sans-serif;\r\n --logo-red: #d30f12;\r\n}\r\n\r\n\/* =========================================================\r\n 2. RESET GENERAL Y FONDO LIMPIO (SIN CONCRETO)\r\n========================================================= *\/\r\n\r\nhtml,\r\nbody {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n width: 100% !important;\r\n overflow-x: hidden !important;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n text-rendering: optimizeLegibility;\r\n}\r\n\r\nbody {\r\n background: transparent !important;\r\n font-family: var(--font-main) !important;\r\n}\r\n\r\n.constructiva-page,\r\n.constructiva-page * {\r\n box-sizing: border-box;\r\n font-family: var(--font-main) !important;\r\n}\r\n\r\n.constructiva-page {\r\n width: 100% !important;\r\n min-height: 100vh;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n background: transparent !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 3. ANIMACIONES DE SCROLL REVEAL (DINAMISMO FLUIDO)\r\n========================================================= *\/\r\n\r\n\/* Animaci\u00f3n de subida suave *\/\r\n.reveal {\r\n opacity: 0;\r\n transform: translateY(35px);\r\n transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), \r\n transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);\r\n will-change: opacity, transform;\r\n}\r\n\r\n\/* Animaci\u00f3n de zoom suave en fotograf\u00edas *\/\r\n.reveal-zoom {\r\n opacity: 0;\r\n transform: scale(0.96) translateY(20px);\r\n transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), \r\n transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n will-change: opacity, transform;\r\n}\r\n\r\n\/* Estado activo cuando entra al campo de visi\u00f3n *\/\r\n.reveal.is-visible,\r\n.reveal-zoom.is-visible {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n}\r\n\r\n\/* Delays escalonados para elementos m\u00faltiples *\/\r\n.reveal-delay-1 { transition-delay: 0.12s; }\r\n.reveal-delay-2 { transition-delay: 0.24s; }\r\n.reveal-delay-3 { transition-delay: 0.36s; }\r\n.reveal-delay-4 { transition-delay: 0.48s; }\r\n\r\n\r\n\/* =========================================================\r\n 4. FOTOS A ANCHO COMPLETO TOTAL (100% PEGADAS A LOS BORDES)\r\n========================================================= *\/\r\n\r\n.constructiva-full {\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n position: relative !important;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n margin-top: 0 !important;\r\n margin-bottom: 0 !important;\r\n padding: 0 !important;\r\n line-height: 0 !important;\r\n border: 0 !important;\r\n box-sizing: border-box !important;\r\n overflow: hidden;\r\n}\r\n\r\n.constructiva-full img {\r\n display: block !important;\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n min-width: 100vw !important;\r\n height: auto !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n object-fit: cover !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 5. TEXTO INTRODUCTORIO (HELVETICA NEUE ULTRA LIGHT)\r\n========================================================= *\/\r\n\r\n.constructiva-intro {\r\n width: 100%;\r\n margin: 0;\r\n padding: 70px 40px 85px 40px;\r\n background: transparent !important;\r\n}\r\n\r\n.constructiva-intro-inner {\r\n width: 100%;\r\n max-width: 1260px;\r\n margin: 0 auto;\r\n}\r\n\r\n.constructiva-intro p {\r\n margin: 0;\r\n padding: 0;\r\n color: #151515;\r\n font-family: var(--font-main) !important;\r\n font-size: clamp(28px, 2.6vw, 38px);\r\n line-height: 1.4;\r\n font-weight: normal;\r\n letter-spacing: 0.5px;\r\n text-align: justify;\r\n text-justify: inter-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 6. BOCETOS ARQUITECT\u00d3NICOS\r\n========================================================= *\/\r\n\r\n.constructiva-sketches {\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 30px 85px 30px;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n background: transparent !important;\r\n}\r\n\r\n.constructiva-sketch {\r\n width: 100%;\r\n height: 250px;\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n background: transparent !important;\r\n}\r\n\r\n.constructiva-sketch img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n border: 0;\r\n object-fit: contain;\r\n object-position: center;\r\n background: transparent !important;\r\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.constructiva-sketch:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 7. ESTAD\u00cdSTICAS (HELVETICA NEUE ULTRA LIGHT)\r\n========================================================= *\/\r\n\r\n.constructiva-stats {\r\n width: 100% !important;\r\n max-width: 1300px !important;\r\n margin: 0 auto !important;\r\n padding: 60px 40px !important;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1.5fr;\r\n align-items: center;\r\n gap: 35px;\r\n background: transparent !important;\r\n}\r\n\r\n.constructiva-value {\r\n margin: 0;\r\n padding: 0;\r\n color: #111111;\r\n font-family: var(--font-main) !important;\r\n font-size: clamp(25px, 2.2vw, 32px);\r\n line-height: 1.1;\r\n font-weight: normal;\r\n letter-spacing: 1px;\r\n white-space: nowrap;\r\n text-transform: uppercase;\r\n}\r\n\r\n.constructiva-numbers {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n\r\n.constructiva-number-row {\r\n display: grid;\r\n grid-template-columns: 85px 1fr;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.constructiva-number {\r\n color: #111111;\r\n font-family: var(--font-main) !important;\r\n font-weight: normal;\r\n font-size: clamp(32px, 2.8vw, 42px);\r\n line-height: 1;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.constructiva-number-text {\r\n color: #111111;\r\n font-family: var(--font-main) !important;\r\n font-size: clamp(22px, 1.8vw, 28px);\r\n line-height: 1.2;\r\n white-space: nowrap;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 8. CLIENTES CORPORATIVOS (HELVETICA NEUE ULTRA LIGHT)\r\n========================================================= *\/\r\n\r\n.constructiva-clients {\r\n width: 100% !important;\r\n margin: 0 !important;\r\n padding: 65px 30px 80px 30px !important;\r\n background: transparent !important;\r\n text-align: center;\r\n}\r\n\r\n.constructiva-clients-title {\r\n margin: 0;\r\n padding: 0;\r\n color: #111111;\r\n font-family: var(--font-main) !important;\r\n font-size: clamp(26px, 2.3vw, 34px);\r\n line-height: 1.2;\r\n font-weight: normal;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.constructiva-red-line {\r\n width: 50px;\r\n height: 3px;\r\n margin: 15px auto 45px auto;\r\n background: var(--logo-red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 9. CARRUSEL DE CLIENTES CON FUENTE A 23PX\r\n========================================================= *\/\r\n\r\n.constructiva-carousel {\r\n width: 100%;\r\n overflow: hidden;\r\n background: transparent !important;\r\n}\r\n\r\n.constructiva-carousel-track {\r\n width: max-content;\r\n display: flex;\r\n align-items: center;\r\n gap: 75px;\r\n animation: constructivaScroll 28s linear infinite;\r\n background: transparent !important;\r\n}\r\n\r\n.constructiva-carousel:hover .constructiva-carousel-track {\r\n animation-play-state: paused;\r\n}\r\n\r\n.constructiva-client {\r\n min-width: 165px;\r\n height: 65px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n background: transparent !important;\r\n}\r\n\r\n.constructiva-client-logo {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n color: #222222;\r\n}\r\n\r\n.constructiva-client-symbol {\r\n width: 26px;\r\n height: 26px;\r\n border: 2px solid currentColor;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 13px;\r\n}\r\n\r\n\/* FUENTE AUMENTADA A 23PX *\/\r\n.constructiva-client-name {\r\n font-family: var(--font-main) !important;\r\n font-size: 23px !important;\r\n letter-spacing: 2px;\r\n font-weight: normal;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n}\r\n\r\n.constructiva-client.maresa {\r\n color: #333333;\r\n}\r\n\r\n.constructiva-client.node {\r\n color: #444444;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 10. ANIMACI\u00d3N CARRUSEL\r\n========================================================= *\/\r\n\r\n@keyframes constructivaScroll {\r\n from {\r\n transform: translateX(0);\r\n }\r\n to {\r\n transform: translateX(-50%);\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 11. RESPONSIVIDAD\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n .constructiva-intro {\r\n padding: 45px 30px 65px;\r\n }\r\n\r\n .constructiva-sketches {\r\n padding: 0 20px 60px;\r\n gap: 15px;\r\n }\r\n\r\n .constructiva-stats {\r\n grid-template-columns: repeat(3, 1fr);\r\n padding: 35px 25px !important;\r\n }\r\n\r\n .constructiva-numbers {\r\n grid-column: 1 \/ -1;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n margin-top: 10px;\r\n }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .constructiva-intro {\r\n padding: 35px 22px 45px;\r\n }\r\n\r\n .constructiva-intro p {\r\n font-size: 24px;\r\n line-height: 1.4;\r\n }\r\n\r\n .constructiva-sketches {\r\n display: block;\r\n padding: 0 15px 45px;\r\n }\r\n\r\n .constructiva-sketch {\r\n height: 170px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .constructiva-stats {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n padding: 35px 20px !important;\r\n gap: 25px;\r\n }\r\n\r\n .constructiva-value {\r\n font-size: 24px;\r\n }\r\n\r\n .constructiva-numbers {\r\n width: 100%;\r\n align-items: center;\r\n display: flex;\r\n }\r\n\r\n .constructiva-number-row {\r\n width: 100%;\r\n max-width: 330px;\r\n grid-template-columns: 75px 1fr;\r\n text-align: left;\r\n }\r\n\r\n .constructiva-number-text {\r\n white-space: normal;\r\n font-size: 20px;\r\n }\r\n\r\n .constructiva-clients {\r\n padding: 40px 15px 50px !important;\r\n }\r\n\r\n .constructiva-carousel-track {\r\n gap: 40px;\r\n animation-duration: 20s;\r\n }\r\n\r\n .constructiva-client {\r\n min-width: 135px;\r\n }\r\n\r\n .constructiva-client-name {\r\n font-size: 20px !important;\r\n }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .constructiva-carousel-track {\r\n animation: none;\r\n }\r\n .reveal,\r\n .reveal-zoom {\r\n opacity: 1 !important;\r\n transform: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<div class=\"constructiva-page\">\r\n\r\n\r\n <!-- =====================================================\r\n 1. IMAGEN PRINCIPAL HERO (REVEAL ZOOM AL INICIAR)\r\n ===================================================== -->\r\n\r\n <section class=\"constructiva-full constructiva-hero reveal-zoom\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/03\/1-scaled.jpg\"\r\n alt=\"Constructiva - Proyecto arquitect\u00f3nico\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!-- =====================================================\r\n 2. TEXTO INTRODUCTORIO (REVEAL UP AL HACER SCROLL)\r\n ===================================================== -->\r\n\r\n <section class=\"constructiva-intro reveal\">\r\n\r\n <div class=\"constructiva-intro-inner\">\r\n\r\n <p>\r\n Constructiva crea Dise\u00f1os exclusivos, buscando constantemente\r\n innovar, a trav\u00e9s del entendimiento de la arquitectura,\r\n haci\u00e9ndola tangible con materiales y tecnolog\u00eda de punta.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!-- =====================================================\r\n 3. BOCETOS ARQUITECT\u00d3NICOS (ENTRADA ESCALONADA)\r\n ===================================================== -->\r\n\r\n <section class=\"constructiva-sketches\">\r\n\r\n\r\n <!-- BOCETO 1 (DELAY 1) -->\r\n\r\n <div class=\"constructiva-sketch reveal reveal-delay-1\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/png-1.png\"\r\n alt=\"Boceto arquitect\u00f3nico Constructiva 1\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- BOCETO 2 (DELAY 2) -->\r\n\r\n <div class=\"constructiva-sketch reveal reveal-delay-2\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/png-2.png\"\r\n alt=\"Boceto arquitect\u00f3nico Constructiva 2\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- BOCETO 3 (DELAY 3) -->\r\n\r\n <div class=\"constructiva-sketch reveal reveal-delay-3\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/png-3.png\"\r\n alt=\"Boceto arquitect\u00f3nico Constructiva 3\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!-- =====================================================\r\n 4. SEGUNDA IMAGEN (REVEAL ZOOM)\r\n ===================================================== -->\r\n\r\n <section class=\"constructiva-full constructiva-image reveal-zoom\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/02\/Casa-Vo-3-DSC_0187.jpeg\"\r\n alt=\"Casa Vo - Constructiva\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!-- =====================================================\r\n 5. ESTAD\u00cdSTICAS (CON CONTADOR PAUSADO Y VISIBLE)\r\n ===================================================== -->\r\n\r\n <section class=\"constructiva-stats\">\r\n\r\n\r\n <div class=\"constructiva-value reveal reveal-delay-1\">\r\n CONOCIMIENTO\r\n <\/div>\r\n\r\n\r\n <div class=\"constructiva-value reveal reveal-delay-2\">\r\n CONFIANZA\r\n <\/div>\r\n\r\n\r\n <div class=\"constructiva-value reveal reveal-delay-3\">\r\n RESPALDO\r\n <\/div>\r\n\r\n\r\n <div class=\"constructiva-numbers reveal reveal-delay-4\">\r\n\r\n\r\n <!-- CONTADOR 1: +35 -->\r\n <div class=\"constructiva-number-row\">\r\n\r\n <div class=\"constructiva-number\" data-target=\"35\" data-prefix=\"+\">\r\n 0\r\n <\/div>\r\n\r\n <div class=\"constructiva-number-text\">\r\n a\u00f1os de experiencia\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- CONTADOR 2: +722 -->\r\n <div class=\"constructiva-number-row\">\r\n\r\n <div class=\"constructiva-number\" data-target=\"722\" data-prefix=\"+\">\r\n 0\r\n <\/div>\r\n\r\n <div class=\"constructiva-number-text\">\r\n proyectos construidos\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!-- =====================================================\r\n 6. TERCERA IMAGEN (REVEAL ZOOM)\r\n ===================================================== -->\r\n\r\n <section class=\"constructiva-full constructiva-interior reveal-zoom\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2022\/10\/5.-Puente-scaled.jpg\"\r\n alt=\"Proyecto arquitect\u00f3nico interior\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!-- =====================================================\r\n 7. CLIENTES CORPORATIVOS (REVEAL UP & 23PX)\r\n ===================================================== -->\r\n\r\n <section class=\"constructiva-clients reveal\">\r\n\r\n\r\n <h2 class=\"constructiva-clients-title\">\r\n CLIENTES CORPORATIVOS:\r\n <\/h2>\r\n\r\n\r\n <div class=\"constructiva-red-line\"><\/div>\r\n\r\n\r\n <div class=\"constructiva-carousel\">\r\n\r\n <div class=\"constructiva-carousel-track\">\r\n\r\n\r\n <!-- LUMEN -->\r\n\r\n <div class=\"constructiva-client\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n \u25aa\r\n <\/span>\r\n\r\n <span class=\"constructiva-client-name\">\r\n LUMEN\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- VERTEX -->\r\n\r\n <div class=\"constructiva-client\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n \u25b3\r\n <\/span>\r\n\r\n <span class=\"constructiva-client-name\">\r\n VERTEX\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- AURA -->\r\n\r\n <div class=\"constructiva-client\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n \u25ef\r\n <\/span>\r\n\r\n <span class=\"constructiva-client-name\">\r\n AURA\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- NEXUS -->\r\n\r\n <div class=\"constructiva-client\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n \u2212\r\n <\/span>\r\n\r\n <span class=\"constructiva-client-name\">\r\n NEXUS\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- MARESA -->\r\n\r\n <div class=\"constructiva-client maresa\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n \u25d2\r\n <\/span>\r\n\r\n <span class=\"constructiva-client-name\">\r\n MARESA\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- NODE -->\r\n\r\n <div class=\"constructiva-client node\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n NODE\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- REPETICI\u00d3N PARA EL LOOP INFINITO -->\r\n\r\n <div class=\"constructiva-client\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n \u25aa\r\n <\/span>\r\n\r\n <span class=\"constructiva-client-name\">\r\n LUMEN\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"constructiva-client\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n \u25b3\r\n <\/span>\r\n\r\n <span class=\"constructiva-client-name\">\r\n VERTEX\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"constructiva-client\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n \u25ef\r\n <\/span>\r\n\r\n <span class=\"constructiva-client-name\">\r\n AURA\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"constructiva-client\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n \u2212\r\n <\/span>\r\n\r\n <span class=\"constructiva-client-name\">\r\n NEXUS\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"constructiva-client maresa\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n \u25d2\r\n <\/span>\r\n\r\n <span class=\"constructiva-client-name\">\r\n MARESA\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"constructiva-client node\">\r\n\r\n <div class=\"constructiva-client-logo\">\r\n\r\n <span class=\"constructiva-client-symbol\">\r\n NODE\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/section>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\n SCRIPT: SCROLL REVEAL + CONTADOR PAUSADO Y VISIBLE\r\n========================================================= -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n \r\n \/\/ 1. SCROLL REVEAL\r\n const reveals = document.querySelectorAll('.reveal, .reveal-zoom');\r\n \r\n const observerOptions = {\r\n threshold: 0.12,\r\n rootMargin: \"0px 0px -40px 0px\"\r\n };\r\n\r\n const observer = new IntersectionObserver((entries, obs) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('is-visible');\r\n obs.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n reveals.forEach(el => observer.observe(el));\r\n\r\n \/\/ 2. CONTADOR ANIMADO (DURACI\u00d3N DE 3.5 SEGUNDOS)\r\n const statsSection = document.querySelector('.constructiva-stats');\r\n let countersStarted = false;\r\n\r\n function startCounters() {\r\n if (countersStarted) return;\r\n countersStarted = true;\r\n\r\n const counters = document.querySelectorAll('.constructiva-number[data-target]');\r\n const duration = 3500;\r\n\r\n counters.forEach(counter => {\r\n const target = +counter.getAttribute('data-target');\r\n const prefix = counter.getAttribute('data-prefix') || '';\r\n const startTime = performance.now();\r\n\r\n function updateCount(currentTime) {\r\n const elapsedTime = currentTime - startTime;\r\n const progress = Math.min(elapsedTime \/ duration, 1);\r\n\r\n const easeOutProgress = 1 - Math.pow(1 - progress, 3);\r\n const currentVal = Math.floor(easeOutProgress * target);\r\n\r\n counter.textContent = prefix + currentVal;\r\n\r\n if (progress < 1) {\r\n requestAnimationFrame(updateCount);\r\n } else {\r\n counter.textContent = prefix + target;\r\n }\r\n }\r\n\r\n requestAnimationFrame(updateCount);\r\n });\r\n }\r\n\r\n if (statsSection) {\r\n const statsObserver = new IntersectionObserver((entries, obs) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n setTimeout(startCounters, 250);\r\n obs.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.35 });\r\n\r\n statsObserver.observe(statsSection);\r\n }\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4c77024 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4c77024\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ab90d92\" data-id=\"ab90d92\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb6aac4 elementor-widget elementor-widget-spacer\" data-id=\"bb6aac4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Constructiva Civil Constructiva crea Dise\u00f1os exclusivos, buscando constantemente innovar, a trav\u00e9s del entendimiento de la arquitectura, haci\u00e9ndola tangible con materiales y tecnolog\u00eda de punta. CONOCIMIENTO CONFIANZA RESPALDO 0 a\u00f1os de experiencia 0 proyectos construidos CLIENTES CORPORATIVOS: \u25aa LUMEN \u25b3 VERTEX \u25ef AURA \u2212 NEXUS \u25d2 MARESA NODE \u25aa LUMEN \u25b3 VERTEX \u25ef AURA \u2212 NEXUS…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1905","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/pages\/1905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/comments?post=1905"}],"version-history":[{"count":351,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/pages\/1905\/revisions"}],"predecessor-version":[{"id":990400,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/pages\/1905\/revisions\/990400"}],"wp:attachment":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/media?parent=1905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}