{"id":10,"date":"2026-02-26T02:09:15","date_gmt":"2026-02-26T02:09:15","guid":{"rendered":"https:\/\/construnarve.com\/?page_id=10"},"modified":"2026-03-25T15:12:09","modified_gmt":"2026-03-25T15:12:09","slug":"home","status":"publish","type":"page","link":"https:\/\/construnarve.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nConstrunarve \u2013 Construimos hoy las bases del ma\u00f1ana<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black&family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2500\u2500\u2500 RESET TOTAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n Esto elimina m\u00e1rgenes que WordPress o el tema agregan al body\/html\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nhtml, body {\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: hidden;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --red: #ff4425;\n --off-white: #fafafa;\n --white: #ffffff;\n --blush: #ffcfc6;\n --dark: #303030;\n --font-title: 'Archivo Black', sans-serif;\n --font-body: 'Montserrat', sans-serif;\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n font-family: var(--font-body);\n color: var(--dark);\n background: var(--off-white);\n}\n\n\/* Forzar que todos los wrappers de WordPress no limiten el ancho *\/\n.elementor-widget-container,\n.elementor-section,\n.elementor-container,\n.wp-block-html,\n.entry-content,\n.site-content,\n#content,\n#primary,\n.page-content {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n\/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nnav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 9999;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.9rem 5vw;\n background: rgba(20,20,20,0.94);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-bottom: 1px solid rgba(255,255,255,0.05);\n width: 100%;\n}\n\n.nav-logo { display: flex; align-items: center; text-decoration: none; }\n.nav-logo img { height: 50px; width: auto; display: block; }\n\n.nav-links { display: flex; gap: 2rem; list-style: none; }\n.nav-links a {\n font-family: var(--font-body);\n font-weight: 600;\n font-size: .75rem;\n color: rgba(255,255,255,.6);\n text-decoration: none;\n letter-spacing: .14em;\n text-transform: uppercase;\n transition: color .2s;\n}\n.nav-links a:hover { color: var(--red); }\n.nav-cta {\n background: var(--red) !important;\n color: var(--white) !important;\n padding: .48rem 1.2rem;\n border-radius: 2px;\n}\n.nav-cta:hover { background: #d93a1e !important; }\n\n.hamburger {\n display: none;\n flex-direction: column;\n gap: 5px;\n background: none;\n border: none;\n cursor: pointer;\n padding: 6px;\n z-index: 10001;\n}\n.hamburger span {\n display: block;\n width: 26px; height: 2px;\n background: var(--white);\n border-radius: 2px;\n transition: all .3s;\n}\n\n\/* \u2500\u2500\u2500 HERO SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hero {\n position: relative;\n width: 100%;\n height: 100vh;\n min-height: 580px;\n overflow: hidden;\n \/* CR\u00cdTICO: el hero empieza despu\u00e9s del nav fijo *\/\n margin-top: 0;\n}\n\n\/* Track: contenedor de slides en fila *\/\n.hero-track {\n position: absolute;\n top: 0; left: 0;\n display: flex;\n \/* Ancho total = 4 slides \u00d7 100% *\/\n width: 400%;\n height: 100%;\n transition: transform .75s cubic-bezier(.77,0,.18,1);\n will-change: transform;\n}\n\n\/* Cada slide ocupa exactamente 1\/4 del track = 100vw *\/\n.hero-slide {\n position: relative;\n flex: 0 0 25%;\n width: 25%;\n height: 100%;\n overflow: hidden;\n}\n\n\/* Foto de fondo con ken-burns *\/\n.slide-bg {\n position: absolute;\n inset: 0;\n background-size: cover;\n background-position: center;\n transform: scale(1.06);\n transition: transform 7s ease;\n}\n.hero-slide.active .slide-bg { transform: scale(1); }\n\n.slide-bg-1 {\n background-image:\n linear-gradient(to right, rgba(15,15,15,.88) 40%, rgba(15,15,15,.2) 100%),\n url('http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/bodegas-graneleras-1-scaled.jpeg');\n}\n.slide-bg-2 {\n background-image:\n linear-gradient(to right, rgba(15,15,15,.88) 40%, rgba(15,15,15,.2) 100%),\n url('http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/bodegas-graneleras-scaled.jpeg');\n}\n\n\/* \u2500\u2500 Slide de video \u2500\u2500 *\/\n.slide-video-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n}\n.slide-video-bg::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to right, rgba(15,15,15,.88) 40%, rgba(15,15,15,.2) 100%);\n z-index: 1;\n}\n.slide-video-bg iframe {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100vw; \n height: 100vh;\n min-width: 177.77vh; \/* Mantiene proporci\u00f3n 16:9 en pantallas verticales *\/\n min-height: 56.25vw; \/* Mantiene proporci\u00f3n 16:9 en pantallas horizontales *\/\n min-height: 110%;\n border: none;\n pointer-events: none;\n z-index: 0;\n object-fit: cover;\n}\n.slide-bg-3 {\n background-image:\n linear-gradient(to right, rgba(15,15,15,.88) 40%, rgba(15,15,15,.2) 100%),\n url('http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/imagen_2026-03-20_102216642-scaled.png');\n}\n.slide-bg-4 {\n background-image:\n linear-gradient(to right, rgba(15,15,15,.88) 40%, rgba(15,15,15,.2) 100%),\n url('http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-21-at-6.40.58-PM.png');\n}\n\n\/* \u2500\u2500 Strokes din\u00e1micos \u2014 curva doble tipo \"S\" \u2500\u2500 *\/\n.slide-stroke { position: absolute; pointer-events: none; z-index: 2; }\n\n.sc-curve {\n right: -80px; top: -60px;\n width: 420px; height: 420px;\n border-radius: 50%;\n border-top: 50px solid var(--red);\n border-right: 50px solid var(--red);\n border-bottom: 50px solid transparent;\n border-left: 50px solid transparent;\n transform: rotate(25deg);\n opacity: .82;\n}\n.sc-curve-2 {\n right: 60px; bottom: -100px;\n width: 340px; height: 340px;\n border-radius: 50%;\n border-top: 44px solid transparent;\n border-right: 44px solid transparent;\n border-bottom: 44px solid var(--red);\n border-left: 44px solid var(--red);\n transform: rotate(25deg);\n opacity: .72;\n}\n.sc-accent-tl {\n left: -50px; top: -50px;\n width: 200px; height: 200px;\n border-radius: 50%;\n border: 28px solid var(--red);\n border-right-color: transparent;\n border-bottom-color: transparent;\n opacity: .5;\n}\n\n\/* \u2500\u2500 Contenido del slide \u2500\u2500 *\/\n.slide-content {\n position: absolute;\n inset: 0;\n z-index: 3;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 0 7vw;\n padding-top: 80px;\n padding-bottom: 5rem; \/* espacio para stats bar y dots *\/\n}\n\n.slide-eyebrow {\n font-family: var(--font-body);\n font-weight: 700;\n font-size: .67rem;\n letter-spacing: .28em;\n text-transform: uppercase;\n color: var(--red);\n margin-bottom: 1.2rem;\n display: flex;\n align-items: center;\n gap: .7rem;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity .5s .1s, transform .5s .1s;\n}\n.slide-eyebrow::before { content: ''; display: block; width: 26px; height: 2px; background: var(--red); }\n.hero-slide.active .slide-eyebrow { opacity: 1; transform: none; }\n\n.slide-headline {\n font-family: var(--font-title);\n font-size: clamp(2.4rem, 5.2vw, 5rem);\n color: var(--white);\n line-height: .97;\n letter-spacing: -.02em;\n max-width: 700px;\n margin-bottom: 1.2rem;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity .6s .24s, transform .6s .24s;\n}\n.slide-headline .hl-accent { color: var(--red); }\n.hero-slide.active .slide-headline { opacity: 1; transform: none; }\n\n.slide-sub {\n font-family: var(--font-body);\n font-weight: 600;\n font-size: .92rem;\n color: rgba(255,255,255,.5);\n max-width: 380px;\n line-height: 1.7;\n margin-bottom: 2rem;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity .5s .36s, transform .5s .36s;\n}\n.hero-slide.active .slide-sub { opacity: 1; transform: none; }\n\n.slide-actions {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n opacity: 0;\n transform: translateY(12px);\n transition: opacity .5s .48s, transform .5s .48s;\n}\n.hero-slide.active .slide-actions { opacity: 1; transform: none; }\n\n.slide-tag {\n position: absolute;\n bottom: 5.5rem; right: 7vw;\n z-index: 4;\n background: var(--red);\n color: var(--white);\n font-family: var(--font-body);\n font-weight: 700;\n font-size: .65rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n padding: .5rem 1.05rem;\n border-radius: 2px;\n opacity: 0;\n transform: translateX(12px);\n transition: opacity .45s .58s, transform .45s .58s;\n}\n.hero-slide.active .slide-tag { opacity: 1; transform: none; }\n\n\/* \u2500\u2500 Flechas \u2500\u2500 *\/\n.hero-arrow {\n position: absolute;\n top: 50%; transform: translateY(-50%);\n z-index: 10;\n width: 46px; height: 46px;\n border: 1.5px solid rgba(255,255,255,.22);\n border-radius: 2px;\n background: rgba(15,15,15,.42);\n backdrop-filter: blur(6px);\n color: var(--white);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background .2s, border-color .2s;\n}\n.hero-arrow:hover { background: var(--red); border-color: var(--red); }\n.hero-arrow-prev { left: 2.5vw; }\n.hero-arrow-next { right: 2.5vw; }\n\n\/* \u2500\u2500 Dots \u2500\u2500 *\/\n.hero-dots {\n position: absolute;\n bottom: 2.2rem; left: 7vw;\n z-index: 10;\n display: flex;\n gap: .55rem;\n align-items: center;\n}\n.hero-dot {\n width: 28px; height: 3px;\n border-radius: 2px;\n background: rgba(255,255,255,.22);\n cursor: pointer;\n transition: background .3s, width .35s;\n}\n.hero-dot.active { background: var(--red); width: 50px; }\n\n\/* \u2500\u2500 Stats bar \u2500\u2500 *\/\n.hero-stats-bar {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n z-index: 10;\n display: flex;\n background: rgba(12,12,12,.8);\n backdrop-filter: blur(12px);\n border-top: 1px solid rgba(255,255,255,.06);\n}\n.hstat {\n flex: 1;\n padding: 1rem 5vw;\n display: flex;\n align-items: center;\n gap: 1rem;\n border-right: 1px solid rgba(255,255,255,.06);\n}\n.hstat:last-child { border-right: none; }\n.hstat-num { font-family: var(--font-title); font-size: 1.5rem; color: var(--white); line-height: 1; white-space: nowrap; }\n.hstat-num span { color: var(--red); }\n.hstat-label { font-family: var(--font-body); font-weight: 600; font-size: .6rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.35); line-height: 1.45; }\n\n\/* \u2500\u2500\u2500 BOTONES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.btn-primary {\n display: inline-flex; align-items: center; gap: .6rem;\n background: var(--red); color: var(--white);\n font-family: var(--font-body); font-weight: 700;\n font-size: .75rem; letter-spacing: .12em; text-transform: uppercase;\n text-decoration: none; padding: .9rem 1.8rem; border-radius: 2px;\n transition: background .2s, transform .2s;\n}\n.btn-primary:hover { background: #d93a1e; transform: translateY(-2px); }\n\n.btn-secondary {\n display: inline-flex; align-items: center; gap: .6rem;\n background: transparent; color: rgba(255,255,255,.7);\n font-family: var(--font-body); font-weight: 700;\n font-size: .75rem; letter-spacing: .12em; text-transform: uppercase;\n text-decoration: none; padding: .9rem 1.8rem;\n border: 1.5px solid rgba(255,255,255,.2); border-radius: 2px;\n transition: all .2s;\n}\n.btn-secondary:hover { border-color: var(--red); color: var(--red); }\n\n\/* \u2500\u2500\u2500 BASE SECCIONES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nsection { padding: 7rem 7vw; width: 100%; }\n\n.section-label {\n font-family: var(--font-body); font-weight: 700;\n font-size: .62rem; letter-spacing: .32em; text-transform: uppercase;\n color: var(--red); margin-bottom: 1rem;\n display: flex; align-items: center; gap: .6rem;\n}\n.section-label::before { content: ''; display: block; width: 22px; height: 2px; background: var(--red); }\n.section-title {\n font-family: var(--font-title);\n font-size: clamp(1.8rem, 3vw, 2.8rem);\n line-height: 1.04; letter-spacing: -.02em; color: var(--dark);\n}\n.section-title.light { color: var(--white); }\n\n\/* \u2500\u2500\u2500 QUI\u00c9NES SOMOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#quienes {\n background: var(--off-white);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 5rem;\n align-items: center;\n position: relative;\n overflow: hidden;\n}\n\n.qs-watermark {\n position: absolute; right: -90px; top: 50%;\n transform: translateY(-50%);\n width: 480px; height: 480px;\n pointer-events: none; z-index: 0; opacity: .055;\n}\n\n.qs-image { position: relative; aspect-ratio: 4\/5; border-radius: 2px; overflow: hidden; z-index: 1; }\n.qs-image img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.qs-img-stroke {\n position: absolute; bottom: -64px; right: -64px;\n width: 200px; height: 200px;\n border-radius: 50%; border: 34px solid var(--red);\n opacity: .85; pointer-events: none; z-index: 2;\n}\n.qs-image-badge {\n position: absolute; top: 1.8rem; right: -1.2rem;\n background: var(--red); color: var(--white);\n padding: 1rem 1.3rem; border-radius: 2px;\n text-align: center; z-index: 3;\n box-shadow: 0 8px 30px rgba(255,68,37,.35);\n}\n.qs-badge-num { font-family: var(--font-title); font-size: 1.75rem; line-height: 1; margin-bottom: .2rem; }\n.qs-badge-txt { font-family: var(--font-body); font-weight: 700; font-size: .58rem; letter-spacing: .1em; text-transform: uppercase; line-height: 1.4; }\n\n.qs-content { position: relative; z-index: 1; }\n.qs-content p { font-family: var(--font-body); font-weight: 400; font-size: 1rem; line-height: 1.85; color: rgba(48,48,48,.68); margin: 1.5rem 0 2.5rem; }\n.qs-pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; }\n.qs-pillar { border-left: 2px solid var(--red); padding-left: 1rem; }\n.qs-pillar-title { font-family: var(--font-body); font-weight: 700; font-size: .8rem; color: var(--dark); margin-bottom: .3rem; }\n.qs-pillar-desc { font-family: var(--font-body); font-weight: 400; font-size: .78rem; color: rgba(48,48,48,.58); line-height: 1.5; }\n\n\/* \u2500\u2500\u2500 SERVICIOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#servicios { background: var(--dark); color: var(--white); }\n.services-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 3.5rem; flex-wrap: wrap; gap: 2rem; }\n.services-header p { font-family: var(--font-body); font-weight: 400; font-size: .9rem; color: rgba(255,255,255,.48); max-width: 340px; line-height: 1.75; }\n.services-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: rgba(255,255,255,.07); }\n.service-card { background: var(--dark); padding: 2.4rem 1.8rem; position: relative; overflow: hidden; transition: background .3s; }\n.service-card::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background: var(--red); transition: width .4s; }\n.service-card:hover { background: #3c3c3c; }\n.service-card:hover::after { width: 100%; }\n.service-icon { width: 44px; height: 44px; margin-bottom: 1.4rem; color: var(--red); }\n.service-num { font-family: var(--font-title); font-size: 3.5rem; color: rgba(255,255,255,.05); position: absolute; top: 1rem; right: 1rem; line-height: 1; pointer-events: none; }\n.service-name { font-family: var(--font-body); font-weight: 700; font-size: .93rem; color: var(--white); margin-bottom: .65rem; line-height: 1.3; }\n.service-desc { font-family: var(--font-body); font-weight: 400; font-size: .79rem; color: rgba(255,255,255,.43); line-height: 1.7; }\n\n\/* \u2500\u2500\u2500 PROYECTOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#proyectos { background: var(--off-white); }\n.projects-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: end; margin-bottom: 3.5rem; }\n.projects-intro p { font-family: var(--font-body); font-weight: 400; font-size: .9rem; color: rgba(48,48,48,.62); line-height: 1.8; margin-top: 1rem; }\n.projects-grid { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 280px 280px; gap: .8rem; }\n.project-card { position: relative; overflow: hidden; border-radius: 2px; cursor: pointer; }\n.project-card:first-child { grid-row: 1\/3; }\n.project-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .65s ease; }\n.project-card:hover img { transform: scale(1.06); }\n.project-stroke { position: absolute; top: -44px; right: -44px; width: 120px; height: 120px; border-radius: 50%; border: 20px solid var(--red); pointer-events: none; z-index: 2; opacity: 0; transition: opacity .35s; }\n.project-card:hover .project-stroke { opacity: .75; }\n.project-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(15,15,15,.92) 0%, transparent 55%); padding: 1.6rem; display: flex; flex-direction: column; justify-content: flex-end; z-index: 3; transition: background .3s; }\n.project-card:hover .project-overlay { background: linear-gradient(to top, rgba(255,68,37,.88) 0%, transparent 65%); }\n.project-tag { font-family: var(--font-body); font-weight: 700; font-size: .6rem; letter-spacing: .2em; text-transform: uppercase; color: var(--blush); margin-bottom: .42rem; }\n.project-name { font-family: var(--font-title); font-size: 1.05rem; color: var(--white); line-height: 1.2; }\n\n\/* \u2500\u2500\u2500 PROCESO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#proceso { background: var(--red); color: var(--white); text-align: center; padding: 6rem 7vw; position: relative; overflow: hidden; }\n#proceso::before { content: ''; position: absolute; top: -120px; left: -120px; width: 360px; height: 360px; border-radius: 50%; border: 46px solid rgba(255,255,255,.1); pointer-events: none; }\n#proceso::after { content: ''; position: absolute; bottom: -140px; right: -100px; width: 320px; height: 320px; border-radius: 50%; border: 42px solid rgba(255,255,255,.08); pointer-events: none; }\n#proceso .section-label { justify-content: center; color: rgba(255,255,255,.8); }\n#proceso .section-label::before { background: rgba(255,255,255,.6); }\n#proceso .section-title { color: var(--white); margin-bottom: 3.5rem; }\n.proceso-steps { display: grid; grid-template-columns: repeat(4,1fr); position: relative; z-index: 1; }\n.proceso-steps::before { content: ''; position: absolute; top: 2rem; left: 12.5%; right: 12.5%; height: 1px; background: rgba(255,255,255,.22); }\n.proceso-step { padding: 0 1.2rem; }\n.step-num { width: 4rem; height: 4rem; border-radius: 50%; background: var(--white); color: var(--red); font-family: var(--font-title); font-size: 1.2rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; position: relative; z-index: 1; box-shadow: 0 4px 18px rgba(0,0,0,.14); }\n.step-title { font-family: var(--font-body); font-weight: 700; font-size: .87rem; color: var(--white); margin-bottom: .55rem; }\n.step-desc { font-family: var(--font-body); font-weight: 400; font-size: .77rem; color: rgba(255,255,255,.7); line-height: 1.65; }\n\n\/* \u2500\u2500\u2500 CONTACTO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#contacto { background: var(--dark); display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: start; }\n.contact-info .section-label { color: var(--red); }\n.contact-info .section-title { color: var(--white); margin-bottom: 1.4rem; }\n.contact-info p { font-family: var(--font-body); font-weight: 400; font-size: .9rem; color: rgba(255,255,255,.48); line-height: 1.82; margin-bottom: 2.5rem; }\n.contact-details { display: flex; flex-direction: column; gap: 1.1rem; }\n.contact-item { display: flex; align-items: center; gap: 1rem; }\n.contact-item-icon { width: 40px; height: 40px; background: rgba(255,68,37,.12); border-radius: 2px; display: flex; align-items: center; justify-content: center; color: var(--red); flex-shrink: 0; }\n.contact-item-text { font-family: var(--font-body); font-weight: 600; font-size: .84rem; color: rgba(255,255,255,.62); }\n.contact-form { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); padding: 2.5rem; border-radius: 2px; }\n.form-title { font-family: var(--font-body); font-weight: 700; font-size: .64rem; letter-spacing: .22em; text-transform: uppercase; color: var(--red); margin-bottom: 1.8rem; }\n.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n.form-group { display: flex; flex-direction: column; gap: .42rem; margin-bottom: 1.1rem; }\n.form-group label { font-family: var(--font-body); font-weight: 700; font-size: .63rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.32); }\n.form-group input, .form-group select, .form-group textarea { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: var(--white); font-family: var(--font-body); font-size: .88rem; padding: .82rem 1rem; border-radius: 2px; outline: none; transition: border-color .2s; width: 100%; appearance: none; -webkit-appearance: none; }\n.form-group select option { background: var(--dark); }\n.form-group input::placeholder, .form-group textarea::placeholder { color: rgba(255,255,255,.18); }\n.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--red); }\n.form-group textarea { resize: vertical; min-height: 100px; }\n.form-submit { width: 100%; background: var(--red); color: var(--white); font-family: var(--font-body); font-weight: 700; font-size: .77rem; letter-spacing: .14em; text-transform: uppercase; padding: 1.05rem; border: none; border-radius: 2px; cursor: pointer; transition: background .2s, transform .2s; margin-top: .4rem; }\n.form-submit:hover { background: #d93a1e; transform: translateY(-1px); }\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfooter { background: #1a1a1a; padding: 2rem 7vw; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; border-top: 1px solid rgba(255,255,255,.05); width: 100%; }\n.footer-brand { display: flex; align-items: center; }\n.footer-logo { height: 30px; width: auto; display: block; }\n.footer-copy { font-family: var(--font-body); font-size: .7rem; color: rgba(255,255,255,.22); }\n.footer-links { display: flex; gap: 1.5rem; list-style: none; }\n.footer-links a { font-family: var(--font-body); font-weight: 600; font-size: .67rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.28); text-decoration: none; transition: color .2s; }\n.footer-links a:hover { color: var(--red); }\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.reveal { opacity: 0; transform: translateY(26px); transition: opacity .62s ease, transform .62s ease; }\n.reveal.visible { opacity: 1; transform: none; }\n\n\/* \u2500\u2500\u2500 PROJECT POPUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.popup-overlay {\n position: fixed; inset: 0;\n background: rgba(10,10,10,.92);\n z-index: 99999;\n display: flex; align-items: center; justify-content: center;\n padding: 1.5rem;\n opacity: 0; pointer-events: none;\n transition: opacity .35s ease;\n backdrop-filter: blur(6px);\n}\n.popup-overlay.open { opacity: 1; pointer-events: all; }\n.popup-box {\n background: #1c1c1c;\n border: 1px solid rgba(255,255,255,.07);\n border-radius: 3px;\n width: 100%; max-width: 980px; max-height: 90vh;\n overflow-y: auto;\n display: grid; grid-template-columns: 1fr 1fr;\n transform: translateY(24px);\n transition: transform .35s ease;\n scrollbar-width: thin; scrollbar-color: var(--red) transparent;\n}\n.popup-overlay.open .popup-box { transform: translateY(0); }\n.popup-gallery {\n position: sticky; top: 0; height: 90vh;\n display: flex; flex-direction: column; gap: 3px; overflow: hidden;\n}\n.popup-gallery-main { flex: 1; overflow: hidden; }\n.popup-gallery-main img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }\n.popup-gallery-thumbs { display: flex; gap: 3px; height: 90px; flex-shrink: 0; overflow-x: auto; }\n.popup-thumb { flex: 0 0 80px; overflow: hidden; cursor: pointer; opacity: .5; transition: opacity .2s; }\n.popup-thumb.active { opacity: 1; outline: 2px solid var(--red); }\n.popup-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }\n.popup-thumb:hover { opacity: .85; }\n.popup-info { padding: 3rem 2.8rem; display: flex; flex-direction: column; overflow-y: auto; }\n.popup-close {\n align-self: flex-end;\n background: none; border: 1px solid rgba(255,255,255,.14);\n color: rgba(255,255,255,.5);\n width: 38px; height: 38px; border-radius: 2px;\n cursor: pointer; font-size: 1.1rem;\n display: flex; align-items: center; justify-content: center;\n transition: background .2s, color .2s, border-color .2s;\n margin-bottom: 2rem; flex-shrink: 0;\n}\n.popup-close:hover { background: var(--red); border-color: var(--red); color: var(--white); }\n.popup-eyebrow {\n font-family: var(--font-body); font-weight: 700; font-size: .6rem;\n letter-spacing: .26em; text-transform: uppercase; color: var(--red);\n margin-bottom: .8rem; display: flex; align-items: center; gap: .6rem;\n}\n.popup-eyebrow::before { content: ''; display: block; width: 20px; height: 2px; background: var(--red); }\n.popup-title {\n font-family: var(--font-title);\n font-size: clamp(1.7rem, 2.5vw, 2.3rem);\n color: var(--white); line-height: 1; margin-bottom: 1.6rem;\n}\n.popup-meta {\n display: flex; flex-wrap: wrap; gap: .5rem 2rem;\n margin-bottom: 2rem; padding-bottom: 1.8rem;\n border-bottom: 1px solid rgba(255,255,255,.07);\n}\n.popup-meta-item { display: flex; flex-direction: column; gap: .2rem; }\n.popup-meta-label {\n font-family: var(--font-body); font-weight: 700; font-size: .56rem;\n letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.28);\n}\n.popup-meta-value {\n font-family: var(--font-body); font-weight: 600; font-size: .84rem;\n color: rgba(255,255,255,.75);\n}\n.popup-block { margin-bottom: 1.6rem; }\n.popup-block-title {\n font-family: var(--font-body); font-weight: 700; font-size: .58rem;\n letter-spacing: .2em; text-transform: uppercase;\n color: rgba(255,255,255,.3); margin-bottom: .55rem;\n}\n.popup-block-text {\n font-family: var(--font-body); font-weight: 400; font-size: .87rem;\n color: rgba(255,255,255,.52); line-height: 1.8;\n}\n.popup-materials {\n display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .65rem;\n}\n.popup-mat {\n font-family: var(--font-body); font-weight: 700; font-size: .58rem;\n letter-spacing: .1em; text-transform: uppercase;\n color: var(--red); border: 1px solid rgba(255,68,37,.28);\n padding: .28rem .65rem; border-radius: 2px;\n}\n.popup-cta {\n margin-top: auto; padding-top: 2rem;\n border-top: 1px solid rgba(255,255,255,.07);\n}\n.popup-cta a {\n display: inline-flex; align-items: center; gap: .5rem;\n background: var(--red); color: var(--white);\n font-family: var(--font-body); font-weight: 700; font-size: .72rem;\n letter-spacing: .14em; text-transform: uppercase;\n padding: .9rem 1.6rem; border-radius: 2px;\n text-decoration: none; transition: background .2s, transform .2s;\n}\n.popup-cta a:hover { background: #d93a1e; transform: translateY(-1px); }\n@media (max-width: 720px) {\n .popup-box { grid-template-columns: 1fr; max-height: 95vh; }\n .popup-gallery { position: relative; height: 60vw; min-height: 240px; }\n .popup-info { padding: 1.8rem 1.4rem; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1024px) {\n .services-grid { grid-template-columns: 1fr 1fr; }\n}\n\n\/* \u2500\u2500 TABLET \/ MOBILE \u2500\u2500 *\/\n@media (max-width: 900px) {\n \/* Nav mobile *\/\n .hamburger { display: flex; }\n .nav-links {\n display: none;\n position: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n background: rgba(15,15,15,.98);\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 2.5rem;\n z-index: 9998;\n }\n .nav-links.open { display: flex; }\n .nav-links a { font-size: 1.1rem; letter-spacing: .1em; }\n\n \/* Hero mobile: altura completa de pantalla, sin stats *\/\n #hero { height: 100svh; min-height: 500px; }\n .hero-stats-bar { display: none; }\n .slide-headline { font-size: clamp(2rem, 8vw, 3.2rem); }\n .slide-sub { font-size: .88rem; }\n .slide-tag { bottom: 2rem; right: 5vw; font-size: .6rem; }\n .hero-dots { bottom: 1.4rem; left: 5vw; }\n .hero-arrow { display: none; }\n\n \/* Strokes m\u00e1s peque\u00f1os en mobile *\/\n .sc-curve { width: 200px; height: 200px; right: -40px; top: -30px; border-width: 28px; }\n .sc-curve-2 { width: 160px; height: 160px; right: 20px; bottom: -50px; border-width: 22px; }\n .sc-accent-tl { display: none; }\n\n \/* Secciones *\/\n #quienes { grid-template-columns: 1fr; gap: 2.5rem; padding: 5rem 5vw; }\n .qs-content { order: -1; }\n .qs-pillars { grid-template-columns: 1fr; }\n .qs-image-badge { top: auto; bottom: 1rem; right: 1rem; }\n .qs-watermark { display: none; }\n\n .projects-grid { grid-template-columns: 1fr; grid-template-rows: auto; }\n .project-card:first-child { grid-row: auto; }\n .project-card { min-height: 220px; }\n\n .proceso-steps { grid-template-columns: 1fr 1fr; gap: 2.5rem; }\n .proceso-steps::before { display: none; }\n\n #contacto { grid-template-columns: 1fr; gap: 3rem; }\n .projects-intro { grid-template-columns: 1fr; }\n}\n\n\/* \u2500\u2500 MOBILE PEQUE\u00d1O \u2500\u2500 *\/\n@media (max-width: 600px) {\n section { padding: 4.5rem 5vw; }\n .services-grid { grid-template-columns: 1fr; }\n .projects-grid { grid-template-columns: 1fr; }\n .projects-grid .project-card { min-height: 240px; }\n .proyecto-card:first-child { grid-row: auto; }\n .proceso-steps { grid-template-columns: 1fr; gap: 2rem; }\n .form-row { grid-template-columns: 1fr; }\n footer { flex-direction: column; align-items: flex-start; gap: 1.2rem; }\n .footer-links { flex-wrap: wrap; }\n .slide-actions { flex-direction: column; align-items: flex-start; gap: .8rem; }\n .slide-content { padding: 0 5vw; padding-top: 80px; }\n .btn-primary, .btn-secondary { width: 100%; justify-content: center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav>\n <a class=\"nav-logo\" href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/Mesa-de-trabajo-1-copia-7-1-scaled-e1774451017178.png\" alt=\"Construnarve\">\n <\/a>\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a href=\"#quienes\" onclick=\"closeNav()\">Qui\u00e9nes somos<\/a><\/li>\n <li><a href=\"#servicios\" onclick=\"closeNav()\">Servicios<\/a><\/li>\n <li><a href=\"#proyectos\" onclick=\"closeNav()\">Proyectos<\/a><\/li>\n <li><a href=\"#contacto\" class=\"nav-cta\" onclick=\"closeNav()\">Cont\u00e1ctanos<\/a><\/li>\n <\/ul>\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Men\u00fa\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n<\/nav>\n\n<!-- HERO SLIDER -->\n<section id=\"hero\">\n <div class=\"hero-track\" id=\"heroTrack\">\n\n <!-- SLIDE 1 \u2014 VIDEO -->\n <div class=\"hero-slide active\">\n <div class=\"slide-video-bg\">\n <iframe\n src=\"https:\/\/player.cloudinary.com\/embed\/?cloud_name=dzhbaj22i&public_id=video-hero-banner_OyS0a4WO_vzcef7&autoplay=true&loop=true&muted=true&controls=false&background=true\"\n allow=\"autoplay; fullscreen\"\n allowfullscreen\n frameborder=\"0\">\n <\/iframe>\n <\/div>\n <div class=\"slide-stroke sc-curve\"><\/div>\n <div class=\"slide-stroke sc-curve-2\"><\/div>\n <div class=\"slide-content\">\n <div class=\"slide-eyebrow\">Obras civiles \u00b7 Ingenier\u00eda \u00b7 Asesor\u00eda<\/div>\n <h1 class=\"slide-headline\">CONSTRUIMOS<br><span class=\"hl-accent\">HOY<\/span> LAS<br>BASES DEL<br>MA\u00d1ANA<\/h1>\n <p class=\"slide-sub\">Ingenier\u00eda presente en cada etapa. Compromisos trazables, resultados verificables.<\/p>\n <div class=\"slide-actions\">\n <a href=\"#proyectos\" class=\"btn-primary\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 3l14 9-14 9V3z\"\/><\/svg>Ver proyectos<\/a>\n <a href=\"#contacto\" class=\"btn-secondary\">Solicitar asesor\u00eda<\/a>\n <\/div>\n <\/div>\n <div class=\"slide-tag\">Tiempo \u00b7 Calidad \u00b7 Costos que no se negocian<\/div>\n <\/div>\n\n <!-- SLIDE 2 \u2014 FOTO BODEGAS GRANELERAS -->\n <div class=\"hero-slide\">\n <div class=\"slide-bg slide-bg-1\"><\/div>\n <div class=\"slide-stroke sc-curve\"><\/div>\n <div class=\"slide-stroke sc-curve-2\"><\/div>\n <div class=\"slide-content\">\n <div class=\"slide-eyebrow\">Movimiento de tierras \u00b7 Estructuras<\/div>\n <h1 class=\"slide-headline\">M\u00c1S<br>CONFIANZA.<br><span class=\"hl-accent\">MENOS<\/span><br>INCERTIDUMBRE.<\/h1>\n <p class=\"slide-sub\">Planificaci\u00f3n CN: Tiempo, Terreno y T\u00e9cnica. Cada decisi\u00f3n documentada, cada hito trazable.<\/p>\n <div class=\"slide-actions\">\n <a href=\"#servicios\" class=\"btn-primary\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 3l14 9-14 9V3z\"\/><\/svg>Nuestros servicios<\/a>\n <\/div>\n <\/div>\n <div class=\"slide-tag\">Metodolog\u00eda CN en acci\u00f3n<\/div>\n <\/div>\n\n <!-- SLIDE 3 -->\n <div class=\"hero-slide\">\n <div class=\"slide-bg slide-bg-3\"><\/div>\n <div class=\"slide-stroke sc-curve\"><\/div>\n <div class=\"slide-stroke sc-accent-tl\"><\/div>\n <div class=\"slide-content\">\n <div class=\"slide-eyebrow\">Estructuras de hormig\u00f3n y acero<\/div>\n <h1 class=\"slide-headline\">TIEMPO,<br>CALIDAD Y COSTOS<br>QUE NO SE<br><span class=\"hl-accent\">NEGOCIAN.<\/span><\/h1>\n <p class=\"slide-sub\">Transparencia total en presupuestos, compras y avances. Sin sorpresas.<\/p>\n <div class=\"slide-actions\">\n <a href=\"#contacto\" class=\"btn-primary\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 3l14 9-14 9V3z\"\/><\/svg>Habla con nosotros<\/a>\n <\/div>\n <\/div>\n <div class=\"slide-tag\"> Capacidad operativa en todo el pa\u00eds <\/div>\n <\/div>\n\n <!-- SLIDE 4 -->\n <div class=\"hero-slide\">\n <div class=\"slide-bg slide-bg-4\"><\/div>\n <div class=\"slide-stroke sc-curve\"><\/div>\n <div class=\"slide-stroke sc-curve-2\"><\/div>\n <div class=\"slide-content\">\n <div class=\"slide-eyebrow\">Para quienes piensan a futuro<\/div>\n <h1 class=\"slide-headline\">CONSTRUIMOS<br>PROMESAS<br><span class=\"hl-accent\">DURADERAS.<\/span><\/h1>\n <p class=\"slide-sub\">Tu visi\u00f3n es nuestro cimiento. Nuestra integridad es tu tranquilidad.<\/p>\n <div class=\"slide-actions\">\n <a href=\"#quienes\" class=\"btn-primary\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 3l14 9-14 9V3z\"\/><\/svg>Conoce Construnarve<\/a>\n <\/div>\n <\/div>\n <div class=\"slide-tag\">Atenci\u00f3n personalizada a cada necesidad<\/div>\n <\/div>\n\n <\/div><!-- \/hero-track -->\n\n <button class=\"hero-arrow hero-arrow-prev\" id=\"heroPrev\" aria-label=\"Anterior\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n <\/button>\n <button class=\"hero-arrow hero-arrow-next\" id=\"heroNext\" aria-label=\"Siguiente\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n <\/button>\n\n <div class=\"hero-dots\" id=\"heroDots\">\n <div class=\"hero-dot active\" data-idx=\"0\"><\/div>\n <div class=\"hero-dot\" data-idx=\"1\"><\/div>\n <div class=\"hero-dot\" data-idx=\"2\"><\/div>\n <div class=\"hero-dot\" data-idx=\"3\"><\/div>\n <\/div>\n\n <div class=\"hero-stats-bar\">\n <div class=\"hstat\"><div><div class=\"hstat-num\">+10<span>+<\/span><\/div><div class=\"hstat-label\">Proyectos<br>completados<\/div><\/div><\/div>\n <div class=\"hstat\"><div><div class=\"hstat-num\">100<span>%<\/span><\/div><div class=\"hstat-label\">Entregas<br>a tiempo<\/div><\/div><\/div>\n <div class=\"hstat\"><div><div class=\"hstat-num\">C<span>N<\/span><\/div><div class=\"hstat-label\">Metodolog\u00eda<br>de control<\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<!-- QUI\u00c9NES SOMOS -->\n<section id=\"quienes\">\n <img decoding=\"async\"\n class=\"qs-watermark\"\n src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/Mesa-de-trabajo-1-copia-9-1-scaled.png\"\n alt=\"\">\n\n <div class=\"qs-image reveal\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-21-at-7.12.05-PM.png\" alt=\"Equipo Construnarve en obra\">\n <div class=\"qs-img-stroke\"><\/div>\n <div class=\"qs-image-badge\">\n <div class=\"qs-badge-num\">CN<\/div>\n <div class=\"qs-badge-txt\">Tiempo<br>Terreno<br>T\u00e9cnica<\/div>\n <\/div>\n <\/div>\n\n <div class=\"qs-content reveal\">\n <div class=\"section-label\">Qui\u00e9nes somos<\/div>\n <h2 class=\"section-title\">Construimos<br>confianza en<br>cada obra.<\/h2>\n <p>Somos una empresa de ingenier\u00eda y construcci\u00f3n civil que opera con direcci\u00f3n t\u00e9cnica presente en cada hito, transparencia total en presupuestos y est\u00e1ndares exigentes de seguridad. Cada decisi\u00f3n queda documentada, cada compromiso trazable. No vendemos metros cuadrados \u2014 entregamos tranquilidad.<\/p>\n <div class=\"qs-pillars\">\n <div class=\"qs-pillar\"><div class=\"qs-pillar-title\">Direcci\u00f3n t\u00e9cnica en sitio<\/div><div class=\"qs-pillar-desc\">Ingenieros presentes en cada fase del proceso.<\/div><\/div>\n <div class=\"qs-pillar\"><div class=\"qs-pillar-title\">Planificaci\u00f3n CN<\/div><div class=\"qs-pillar-desc\">Tiempo, Terreno y T\u00e9cnica como ejes de control.<\/div><\/div>\n <div class=\"qs-pillar\"><div class=\"qs-pillar-title\">Transparencia total<\/div><div class=\"qs-pillar-desc\">Reportes peri\u00f3dicos con evidencias y datos reales.<\/div><\/div>\n <div class=\"qs-pillar\"><div class=\"qs-pillar-title\">Gesti\u00f3n de riesgos<\/div><div class=\"qs-pillar-desc\">Matrices de contingencia que anticipan lo inesperado.<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- SERVICIOS -->\n<section id=\"servicios\">\n <div class=\"services-header\">\n <div>\n <div class=\"section-label\" style=\"color:var(--red)\">Servicios<\/div>\n <h2 class=\"section-title light\">Lo que hacemos.<br>De principio a fin.<\/h2>\n <\/div>\n <p>Especialistas en construcci\u00f3n civil, estructural y t\u00e9cnica con est\u00e1ndares rigurosos de calidad, plazo y normativa vigente.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card reveal\"><div class=\"service-num\">01<\/div><svg class=\"service-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"6\" y=\"28\" width=\"36\" height=\"14\" rx=\"1\"\/><path d=\"M6 28L14 14L34 14L42 28\"\/><path d=\"M14 14L14 6L34 6L34 14\"\/><line x1=\"20\" y1=\"28\" x2=\"20\" y2=\"42\"\/><line x1=\"28\" y1=\"28\" x2=\"28\" y2=\"42\"\/><\/svg><div class=\"service-name\">Obras Civiles y Estructurales<\/div><div class=\"service-desc\">Construcci\u00f3n de estructuras de hormig\u00f3n armado y acero con supervisi\u00f3n t\u00e9cnica permanente y control de calidad en cada fase.<\/div><\/div>\n <div class=\"service-card reveal\"><div class=\"service-num\">02<\/div><svg class=\"service-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M6 36 Q12 20 18 26 Q24 32 30 16 Q36 6 42 14\"\/><path d=\"M4 40L44 40\"\/><circle cx=\"12\" cy=\"30\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"30\" cy=\"18\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg><div class=\"service-name\">Movimiento de Tierras<\/div><div class=\"service-desc\">Excavaci\u00f3n, relleno, compactaci\u00f3n y nivelaci\u00f3n de terrenos con equipamiento de alta capacidad y planificaci\u00f3n eficiente.<\/div><\/div>\n <div class=\"service-card reveal\"><div class=\"service-num\">03<\/div><svg class=\"service-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M8 40L8 20L24 8L40 20L40 40\"\/><rect x=\"18\" y=\"28\" width=\"12\" height=\"12\"\/><path d=\"M14 20L14 28\"\/><path d=\"M34 20L34 28\"\/><path d=\"M4 20L44 20\"\/><\/svg><div class=\"service-name\">Ingenier\u00eda Integral<\/div><div class=\"service-desc\">Dise\u00f1o estructural, planificaci\u00f3n por hitos, matrices de contingencia y control de costos bajo est\u00e1ndares t\u00e9cnicos exigentes.<\/div><\/div>\n <div class=\"service-card reveal\"><div class=\"service-num\">04<\/div><svg class=\"service-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"24\" cy=\"24\" r=\"16\"\/><path d=\"M24 12L24 24L32 30\"\/><circle cx=\"24\" cy=\"24\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/><\/svg><div class=\"service-name\">Asesor\u00eda T\u00e9cnica<\/div><div class=\"service-desc\">Auditor\u00edas de obra, revisi\u00f3n de planes, gesti\u00f3n de permisos y cumplimiento normativo. Acompa\u00f1amiento de punta a punta.<\/div><\/div>\n <\/div>\n<\/section>\n\n<!-- PROYECTOS -->\n<section id=\"proyectos\">\n <div class=\"projects-intro\">\n <div>\n <div class=\"section-label\">Proyectos destacados<\/div>\n <h2 class=\"section-title\">Evidencia de<br>lo que construimos.<\/h2>\n <\/div>\n <p>Cada proyecto es una prueba verificable: tiempo cumplido, presupuesto respetado, calidad documentada.<\/p>\n <\/div>\n <div class=\"projects-grid\">\n <div class=\"project-card reveal\" data-popup=\"bodegas\"><div class=\"project-stroke\"><\/div><img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/bodegas-graneleras-5-scaled.jpeg\" alt=\"Bodegas de Almacenamiento de Granos\"><div class=\"project-overlay\"><div class=\"project-tag\">Obra civil \u00b7 Manta<\/div><div class=\"project-name\">Construcci\u00f3n de Bodegas de Almacenamiento de Granos \u2013 Terminal Extraportuaria de Manta<\/div><\/div><\/div>\n <div class=\"project-card reveal\" data-popup=\"aretina\"><div class=\"project-stroke\"><\/div><img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/imagen_2026-03-09_103100953.png\" alt=\"Patio Log\u00edstico Aretina 2\"><div class=\"project-overlay\"><div class=\"project-tag\">Infraestructura log\u00edstica \u00b7 Guayaquil<\/div><div class=\"project-name\">Desarrollo de Patio Log\u00edstico para Almacenamiento de Contenedores \u2013 Aretina 2<\/div><\/div><\/div>\n <div class=\"project-card reveal\" data-popup=\"pdi\"><div class=\"project-stroke\"><\/div><img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/DJI_20260312092813_0673_D-scaled.jpg\" alt=\"Complejo Operativo Automotriz PDI\"><div class=\"project-overlay\"><div class=\"project-tag\">Infraestructura industrial automotriz \u00b7 Manta<\/div><div class=\"project-name\">Desarrollo de Complejo Operativo Automotriz \u2013 PDI y Servicios Integrales<\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<!-- PROCESO -->\n<section id=\"proceso\">\n <div class=\"section-label\">C\u00f3mo trabajamos<\/div>\n <h2 class=\"section-title\">Metodolog\u00eda CN: orden,<br>control y trazabilidad.<\/h2>\n <div class=\"proceso-steps\">\n <div class=\"proceso-step reveal\"><div class=\"step-num\">1<\/div><div class=\"step-title\">Diagn\u00f3stico y planificaci\u00f3n<\/div><div class=\"step-desc\">Evaluamos terreno, alcance y riesgos. Definimos hitos con fechas y responsables antes de iniciar.<\/div><\/div>\n <div class=\"proceso-step reveal\"><div class=\"step-num\">2<\/div><div class=\"step-title\">Ingenier\u00eda presente<\/div><div class=\"step-desc\">Direcci\u00f3n t\u00e9cnica en sitio en cada fase. Anticipamos desviaciones con matrices de contingencia.<\/div><\/div>\n <div class=\"proceso-step reveal\"><div class=\"step-num\">3<\/div><div class=\"step-title\">Reportes peri\u00f3dicos<\/div><div class=\"step-desc\">Avances documentados con evidencia visual, indicadores de plazo y presupuesto transparentes.<\/div><\/div>\n <div class=\"proceso-step reveal\"><div class=\"step-num\">4<\/div><div class=\"step-title\">Entrega y conformidad<\/div><div class=\"step-desc\">Cumplimos lo pactado. Acta de conformidad firmada. Exactamente lo acordado, en plazo y especificaci\u00f3n.<\/div><\/div>\n <\/div>\n<\/section>\n\n<!-- CONTACTO -->\n<section id=\"contacto\">\n <div class=\"contact-info reveal\">\n <div class=\"section-label\">Cont\u00e1ctanos<\/div>\n <h2 class=\"section-title light\">Hablemos de<br>tu pr\u00f3ximo<br>proyecto.<\/h2>\n <p>Cu\u00e9ntanos qu\u00e9 necesitas construir. Te entregamos una propuesta t\u00e9cnica clara con tiempos, costos y metodolog\u00eda definidos.<\/p>\n <div class=\"contact-details\">\n <div class=\"contact-item\"><div class=\"contact-item-icon\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012 .18h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div><div class=\"contact-item-text\">+593 99 9858154<\/div><\/div>\n <div class=\"contact-item\"><div class=\"contact-item-icon\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div><div class=\"contact-item-text\"><a href=\"mailto:contacto@construnarve.com\" style=\"color:rgba(255,255,255,.62);text-decoration:none;\">contacto@construnarve.com<\/a><\/div><\/div>\n <div class=\"contact-item\"><div class=\"contact-item-icon\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div><div class=\"contact-item-text\">Guayaquil, Guayas<\/div><\/div>\n <div class=\"contact-item\"><div class=\"contact-item-icon\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg><\/div><div class=\"contact-item-text\">www.construnarve.com<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form reveal\">\n <div class=\"form-title\">Solicitud de proyecto<\/div>\n <form onsubmit=\"handleSubmit(event)\">\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Nombre<\/label><input type=\"text\" placeholder=\"Tu nombre\" required><\/div>\n <div class=\"form-group\"><label>Empresa<\/label><input type=\"text\" placeholder=\"Empresa (opcional)\"><\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Correo<\/label><input type=\"email\" placeholder=\"correo@ejemplo.com\" required><\/div>\n <div class=\"form-group\"><label>Tel\u00e9fono<\/label><input type=\"tel\" placeholder=\"+593 99 000 0000\"><\/div>\n <\/div>\n <div class=\"form-group\"><label>Tipo de servicio<\/label><select required><option value=\"\" disabled selected>Selecciona un servicio<\/option><option>Obras civiles y estructurales<\/option><option>Movimiento de tierras<\/option><option>Ingenier\u00eda integral<\/option><option>Asesor\u00eda t\u00e9cnica<\/option><option>Otro<\/option><\/select><\/div>\n <div class=\"form-group\"><label>Cu\u00e9ntanos tu proyecto<\/label><textarea placeholder=\"Describe el alcance, ubicaci\u00f3n y necesidades espec\u00edficas de tu proyecto...\" required><\/textarea><\/div>\n <button type=\"submit\" class=\"form-submit\" id=\"formBtn\">Enviar solicitud \u2192<\/button>\n <\/form>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"footer-copy\">\u00a9 2025 Construnarve. Construimos hoy las bases del ma\u00f1ana.<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#quienes\">Nosotros<\/a><\/li>\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\n <li><a href=\"#proyectos\">Proyectos<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n<\/footer>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n POPUP \u2014 BODEGAS GRANELERAS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"popup-overlay\" id=\"popup-bodegas\">\n <div class=\"popup-box\">\n <div class=\"popup-gallery\">\n <div class=\"popup-gallery-main\">\n <img decoding=\"async\" id=\"popup-bodegas-main-img\"\n src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/bodegas-graneleras-5-scaled.jpeg\"\n alt=\"Bodegas de Almacenamiento de Granos\">\n <\/div>\n <div class=\"popup-gallery-thumbs\">\n <div class=\"popup-thumb active\" onclick=\"switchPopupImg('bodegas',0,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/bodegas-graneleras-5-scaled.jpeg\" alt=\"Vista 1\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('bodegas',1,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/bodegas-graneleras-3-scaled.jpeg\" alt=\"Vista 2\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('bodegas',2,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/bodegas-graneleras-4-scaled.jpeg\" alt=\"Vista 3\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('bodegas',3,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/bodegas-graneleras-scaled.jpeg\" alt=\"Vista 4\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"popup-info\">\n <button class=\"popup-close\" onclick=\"closePopup('bodegas')\">\u2715<\/button>\n <div class=\"popup-eyebrow\">Obra civil \u00b7 Terminal Extraportuaria de Manta<\/div>\n <h2 class=\"popup-title\">Construcci\u00f3n de Bodegas de Almacenamiento de Granos<\/h2>\n <div class=\"popup-meta\">\n <div class=\"popup-meta-item\">\n <div class=\"popup-meta-label\">Ubicaci\u00f3n<\/div>\n <div class=\"popup-meta-value\">Manta, Manab\u00ed<\/div>\n <\/div>\n <div class=\"popup-meta-item\">\n <div class=\"popup-meta-label\">Tipo de obra<\/div>\n <div class=\"popup-meta-value\">Infraestructura industrial<\/div>\n <\/div>\n <div class=\"popup-meta-item\">\n <div class=\"popup-meta-label\">Estado<\/div>\n <div class=\"popup-meta-value\">Completado<\/div>\n <\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Descripci\u00f3n comercial<\/div>\n <div class=\"popup-block-text\">Desarrollo de tres bodegas industriales destinadas al almacenamiento, carga y descarga de granos, dise\u00f1adas para optimizar la capacidad operativa y eficiencia log\u00edstica del cliente. El proyecto integr\u00f3 soluciones constructivas de alto rendimiento, adaptadas a condiciones de terreno exigentes y orientadas a garantizar durabilidad, funcionalidad y rapidez de ejecuci\u00f3n.<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Alcance del proyecto<\/div>\n <div class=\"popup-block-text\">Movimiento de tierras y reemplazo de suelo para mejora de capacidad portante en bodegas y plataforma de giro de camiones \u00b7 Construcci\u00f3n de estructuras de hormig\u00f3n y sistema met\u00e1lico \u00b7 Implementaci\u00f3n de cubierta autosoportante (sin uso de cerchas) \u00b7 Pavimentaci\u00f3n asf\u00e1ltica en zonas de maniobra y giro de camiones \u00b7 Ejecuci\u00f3n de plataformas para operaci\u00f3n log\u00edstica.<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Valor agregado<\/div>\n <div class=\"popup-block-text\">Ejecuci\u00f3n de 4.500 m\u00b2 de bodegas y plataforma de giro en aproximadamente 6 meses \u00b7 Optimizaci\u00f3n de costos por m\u00b2 mediante cubierta autosoportante \u00b7 Soluci\u00f3n t\u00e9cnica adaptada a suelos arenosos con presencia de arcilla \u00b7 Control de calidad riguroso (Proctor, dens\u00edmetro nuclear y rotura de cilindros) \u00b7 Capacidad de respuesta ante condiciones clim\u00e1ticas adversas.<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Resultado<\/div>\n <div class=\"popup-block-text\">Entrega de tres bodegas completamente operativas en tiempo optimizado, mejorando significativamente la capacidad de almacenamiento, eficiencia log\u00edstica y durabilidad de la infraestructura del cliente.<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Datos clave<\/div>\n <div class=\"popup-materials\">\n <span class=\"popup-mat\">\u00c1rea total: 4.500 m\u00b2<\/span>\n <span class=\"popup-mat\">3 bodegas<\/span>\n <span class=\"popup-mat\">1.500 m\u00b2 por bodega<\/span>\n <span class=\"popup-mat\">Almacenamiento, carga y descarga de granos<\/span>\n <\/div>\n <\/div>\n <div class=\"popup-cta\">\n <a href=\"#contacto\" onclick=\"closePopup('bodegas')\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 3l14 9-14 9V3z\"\/><\/svg>\n Solicitar proyecto similar\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- POPUP ARETINA 2 -->\n<div class=\"popup-overlay\" id=\"popup-aretina\">\n <div class=\"popup-box\">\n <div class=\"popup-gallery\">\n <div class=\"popup-gallery-main\">\n <img decoding=\"async\" id=\"popup-aretina-main-img\"\n src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/imagen_2026-03-09_103100953.png\"\n alt=\"Patio Log\u00edstico Aretina 2\">\n <\/div>\n <div class=\"popup-gallery-thumbs\">\n <div class=\"popup-thumb active\" onclick=\"switchPopupImg('aretina',0,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/imagen_2026-03-09_103100953.png\" alt=\"Vista 1\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('aretina',1,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/imagen_2026-03-09_101900336.png\" alt=\"Vista 2\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('aretina',2,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/imagen_2026-03-09_101923723.png\" alt=\"Vista 3\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('aretina',3,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/imagen_2026-03-09_102759883.png\" alt=\"Vista 4\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('aretina',4,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/imagen_2026-03-09_102815650.png\" alt=\"Vista 5\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('aretina',5,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/imagen_2026-03-09_102843958.png\" alt=\"Vista 6\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('aretina',6,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/imagen_2026-03-09_103044039.png\" alt=\"Vista 7\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"popup-info\">\n <button class=\"popup-close\" onclick=\"closePopup('aretina')\">\u2715<\/button>\n <div class=\"popup-eyebrow\">Infraestructura log\u00edstica \u00b7 Guayaquil<\/div>\n <h2 class=\"popup-title\">Desarrollo de Patio Log\u00edstico para Almacenamiento de Contenedores \u2013 Aretina 2<\/h2>\n <div class=\"popup-meta\">\n <div class=\"popup-meta-item\">\n <div class=\"popup-meta-label\">Ubicaci\u00f3n<\/div>\n <div class=\"popup-meta-value\">Guayaquil, Ecuador<\/div>\n <\/div>\n <div class=\"popup-meta-item\">\n <div class=\"popup-meta-label\">Tipo de obra<\/div>\n <div class=\"popup-meta-value\">Infraestructura log\u00edstica<\/div>\n <\/div>\n <div class=\"popup-meta-item\">\n <div class=\"popup-meta-label\">Estado<\/div>\n <div class=\"popup-meta-value\">Completado<\/div>\n <\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Descripci\u00f3n<\/div>\n <div class=\"popup-block-text\">Desarrollo de un nuevo depot log\u00edstico para almacenamiento y operaci\u00f3n de contenedores, dise\u00f1ado para soportar tr\u00e1nsito pesado y condiciones de terreno altamente exigentes. El proyecto contempl\u00f3 soluciones geot\u00e9cnicas especializadas para estabilizaci\u00f3n del suelo, garantizando una infraestructura duradera, funcional y apta para operaci\u00f3n continua.<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Alcance del proyecto<\/div>\n <div class=\"popup-block-text\">Movimiento de tierras y adecuaci\u00f3n integral del terreno \u00b7 Reemplazo de suelos en condiciones de alta saturaci\u00f3n \u00b7 Mejoramiento de subrasante mediante material granular (cascajo de gran tama\u00f1o) \u00b7 Colocaci\u00f3n de base estructural clase 1 \u00b7 Pavimentaci\u00f3n asf\u00e1ltica en toda el \u00e1rea operativa \u00b7 Construcci\u00f3n de bases de hormig\u00f3n para m\u00f3dulo operativo (oficina de control).<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Valor agregado<\/div>\n <div class=\"popup-block-text\">Intervenci\u00f3n en terreno con nivel fre\u00e1tico superficial (~1.5 m) y presencia de agua \u00b7 Soluci\u00f3n t\u00e9cnica para suelos arcillosos de baja capacidad portante \u00b7 Uso de material granular de gran tama\u00f1o para estabilizaci\u00f3n estructural \u00b7 Ejecuci\u00f3n eficiente de m\u00e1s de 37.000 m\u00b2 en aproximadamente 8 meses \u00b7 Infraestructura dise\u00f1ada para operaci\u00f3n log\u00edstica intensiva.<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Resultado<\/div>\n <div class=\"popup-block-text\">Patio log\u00edstico completamente operativo, con alta capacidad de carga y desempe\u00f1o estructural, permitiendo una gesti\u00f3n eficiente en el almacenamiento, ingreso y despacho de contenedores bajo condiciones de operaci\u00f3n continua.<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Datos clave<\/div>\n <div class=\"popup-materials\">\n <span class=\"popup-mat\">\u00c1rea total: 37.390,81 m\u00b2<\/span>\n <span class=\"popup-mat\">Almacenamiento y operaci\u00f3n de contenedores<\/span>\n <span class=\"popup-mat\">Tr\u00e1fico pesado<\/span>\n <span class=\"popup-mat\">Suelo arcilloso saturado<\/span>\n <span class=\"popup-mat\">Tiempo de ejecuci\u00f3n: 8 meses<\/span>\n <\/div>\n <\/div>\n <div class=\"popup-cta\">\n <a href=\"#contacto\" onclick=\"closePopup('aretina')\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 3l14 9-14 9V3z\"\/><\/svg>\n Solicitar proyecto similar\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- POPUP PDI MANTA -->\n<div class=\"popup-overlay\" id=\"popup-pdi\">\n <div class=\"popup-box\">\n <div class=\"popup-gallery\">\n <div class=\"popup-gallery-main\">\n <img decoding=\"async\" id=\"popup-pdi-main-img\"\n src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/DJI_20260312092813_0673_D-scaled.jpg\"\n alt=\"Complejo Operativo Automotriz PDI\">\n <\/div>\n <div class=\"popup-gallery-thumbs\">\n <div class=\"popup-thumb active\" onclick=\"switchPopupImg('pdi',0,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/DJI_20260312092813_0673_D-scaled.jpg\" alt=\"Vista 1\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('pdi',1,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-21-at-6.20.09-PM.png\" alt=\"Vista 2\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('pdi',2,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-21-at-6.20.27-PM.png\" alt=\"Vista 3\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('pdi',3,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-21-at-6.20.18-PM.png\" alt=\"Vista 4\">\n <\/div>\n <div class=\"popup-thumb\" onclick=\"switchPopupImg('pdi',4,this)\">\n <img decoding=\"async\" src=\"http:\/\/construnarve.com\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-21-at-6.20.36-PM.png\" alt=\"Vista 5\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"popup-info\">\n <button class=\"popup-close\" onclick=\"closePopup('pdi')\">\u2715<\/button>\n <div class=\"popup-eyebrow\">Infraestructura industrial automotriz \u00b7 Manta<\/div>\n <h2 class=\"popup-title\">Desarrollo de Complejo Operativo Automotriz \u2013 PDI y Servicios Integrales<\/h2>\n <div class=\"popup-meta\">\n <div class=\"popup-meta-item\">\n <div class=\"popup-meta-label\">Ubicaci\u00f3n<\/div>\n <div class=\"popup-meta-value\">Manta, Manab\u00ed<\/div>\n <\/div>\n <div class=\"popup-meta-item\">\n <div class=\"popup-meta-label\">Tipo de obra<\/div>\n <div class=\"popup-meta-value\">Infraestructura industrial automotriz<\/div>\n <\/div>\n <div class=\"popup-meta-item\">\n <div class=\"popup-meta-label\">Estado<\/div>\n <div class=\"popup-meta-value\">Completado<\/div>\n <\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Descripci\u00f3n<\/div>\n <div class=\"popup-block-text\">Desarrollo de un complejo operativo automotriz dise\u00f1ado para integrar procesos de recepci\u00f3n, acondicionamiento y despacho de veh\u00edculos, incluyendo \u00e1reas especializadas de PDI, lavado, pintura y accesorizaci\u00f3n. El proyecto fue concebido para optimizar el flujo operativo del cliente, garantizando eficiencia, funcionalidad y continuidad en cada etapa del proceso.<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Alcance del proyecto<\/div>\n <div class=\"popup-block-text\">Movimiento de tierras y nivelaci\u00f3n de terreno con pendientes pronunciadas \u00b7 Mejoramiento de subrasante mediante base clase 1 estabilizada con cemento vial \u00b7 Pavimentaci\u00f3n con doble riego (piedra y emulsi\u00f3n asf\u00e1ltica) \u00b7 Construcci\u00f3n de losas de hormig\u00f3n con pendientes para evacuaci\u00f3n de aguas lluvias \u00b7 Ejecuci\u00f3n de estructuras met\u00e1licas y cubiertas \u00b7 Implementaci\u00f3n de \u00e1reas operativas: PDI, lavado, pintura y accesorizaci\u00f3n \u00b7 Adaptaci\u00f3n e instalaci\u00f3n de contenedores para oficinas, bodegas y servicios \u00b7 Instalaci\u00f3n de sistemas de AALL, AASS y redes el\u00e9ctricas en todas las \u00e1reas.<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Valor agregado<\/div>\n <div class=\"popup-block-text\">Integraci\u00f3n de m\u00faltiples procesos operativos en un solo complejo funcional \u00b7 Soluci\u00f3n t\u00e9cnica eficiente en terreno con pendientes y condiciones variables \u00b7 Adaptaci\u00f3n modular mediante contenedores para optimizaci\u00f3n de espacios \u00b7 Configuraci\u00f3n de \u00e1reas de soporte (oficinas, ba\u00f1os, duchas y comedor para personal) \u00b7 Capacidad de ejecuci\u00f3n bajo condiciones clim\u00e1ticas adversas \u00b7 Control de calidad mediante ensayos de compactaci\u00f3n y rotura de cilindros.<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Resultado<\/div>\n <div class=\"popup-block-text\">Complejo automotriz completamente operativo, que permite una gesti\u00f3n eficiente del flujo vehicular, optimizando los procesos de acondicionamiento y despacho, y mejorando significativamente la capacidad operativa y funcional del cliente.<\/div>\n <\/div>\n <div class=\"popup-block\">\n <div class=\"popup-block-title\">Datos clave<\/div>\n <div class=\"popup-materials\">\n <span class=\"popup-mat\">\u00c1rea total: 29.164,07 m\u00b2<\/span>\n <span class=\"popup-mat\">Procesamiento y acondicionamiento vehicular (PDI)<\/span>\n <span class=\"popup-mat\">PDI \u00b7 Pintura \u00b7 Lavado \u00b7 Accesorizaci\u00f3n<\/span>\n <span class=\"popup-mat\">Oficinas, ba\u00f1os, duchas y comedor<\/span>\n <\/div>\n <\/div>\n <div class=\"popup-cta\">\n <a href=\"#contacto\" onclick=\"closePopup('pdi')\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 3l14 9-14 9V3z\"\/><\/svg>\n Solicitar proyecto similar\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ PROJECT POPUP\nfunction openPopup(id) {\n const overlay = document.getElementById('popup-' + id);\n if (!overlay) return;\n overlay.classList.add('open');\n document.body.style.overflow = 'hidden';\n}\nfunction closePopup(id) {\n const overlay = document.getElementById('popup-' + id);\n if (!overlay) return;\n overlay.classList.remove('open');\n document.body.style.overflow = '';\n}\nfunction switchPopupImg(id, idx, thumbEl) {\n const mainImg = document.getElementById('popup-' + id + '-main-img');\n const thumbs = thumbEl.closest('.popup-gallery-thumbs').querySelectorAll('.popup-thumb img');\n if (mainImg && thumbs[idx]) {\n mainImg.src = thumbs[idx].src;\n }\n thumbEl.closest('.popup-gallery-thumbs')\n .querySelectorAll('.popup-thumb')\n .forEach(t => t.classList.remove('active'));\n thumbEl.classList.add('active');\n}\n\n\/\/ Click on project cards with data-popup\ndocument.querySelectorAll('.project-card[data-popup]').forEach(card => {\n card.addEventListener('click', () => openPopup(card.dataset.popup));\n});\n\n\/\/ Close popup on overlay click (outside box)\ndocument.querySelectorAll('.popup-overlay').forEach(overlay => {\n overlay.addEventListener('click', (e) => {\n if (e.target === overlay) closePopup(overlay.id.replace('popup-', ''));\n });\n});\n\n\/\/ Close with Escape key\ndocument.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n document.querySelectorAll('.popup-overlay.open').forEach(o => {\n closePopup(o.id.replace('popup-', ''));\n });\n }\n});\n\n<\/script><script>\n\/\/ NAV\nconst hamburger = document.getElementById('hamburger');\nconst navLinks = document.getElementById('navLinks');\nhamburger.addEventListener('click', () => {\n navLinks.classList.toggle('open');\n});\nfunction closeNav() { navLinks.classList.remove('open'); }\n\n\/\/ HERO SLIDER \u2014 basado en track de 400% de ancho\nconst track = document.getElementById('heroTrack');\nconst slides = Array.from(track.querySelectorAll('.hero-slide'));\nconst dots = Array.from(document.querySelectorAll('.hero-dot'));\nconst total = slides.length;\nlet current = 0;\nlet timer;\n\nfunction goTo(idx) {\n slides[current].classList.remove('active');\n dots[current].classList.remove('active');\n current = ((idx % total) + total) % total;\n slides[current].classList.add('active');\n dots[current].classList.add('active');\n \/\/ Mover el track: cada slide = 100vw = 25% del track (400% total)\n track.style.transform = 'translateX(-' + (current * 25) + '%)';\n}\n\nfunction next() { goTo(current + 1); }\nfunction prev() { goTo(current - 1); }\n\nfunction startTimer() {\n clearInterval(timer);\n timer = setInterval(next, 5800);\n}\n\ndocument.getElementById('heroNext').addEventListener('click', () => { next(); startTimer(); });\ndocument.getElementById('heroPrev').addEventListener('click', () => { prev(); startTimer(); });\ndots.forEach(d => d.addEventListener('click', () => { goTo(+d.dataset.idx); startTimer(); }));\n\n\/\/ Touch swipe\nlet tsx = 0;\ntrack.addEventListener('touchstart', e => { tsx = e.touches[0].clientX; }, { passive: true });\ntrack.addEventListener('touchend', e => {\n const dx = e.changedTouches[0].clientX - tsx;\n if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); startTimer(); }\n}, { passive: true });\n\nstartTimer();\n\n\/\/ SCROLL REVEAL\nconst reveals = document.querySelectorAll('.reveal');\nconst io = new IntersectionObserver(entries => {\n entries.forEach((e, i) => {\n if (e.isIntersecting) {\n setTimeout(() => e.target.classList.add('visible'), i * 70);\n io.unobserve(e.target);\n }\n });\n}, { threshold: 0.1 });\nreveals.forEach(el => io.observe(el));\n\n\/\/ FORM\nfunction handleSubmit(e) {\n e.preventDefault();\n const btn = document.getElementById('formBtn');\n btn.textContent = '\u00a1Mensaje enviado! Te contactamos pronto.';\n btn.style.background = '#1c8a50';\n btn.disabled = true;\n e.target.reset();\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b27c8c e-con-full e-flex e-con e-parent\" data-id=\"2b27c8c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Construnarve \u2013 Construimos hoy las bases del ma\u00f1ana Qui\u00e9nes somos Servicios Proyectos Cont\u00e1ctanos Obras civiles \u00b7 Ingenier\u00eda \u00b7 Asesor\u00eda CONSTRUIMOSHOY LASBASES DELMA\u00d1ANA Ingenier\u00eda presente en cada etapa. Compromisos trazables, resultados verificables. Ver proyectos Solicitar asesor\u00eda Tiempo \u00b7 Calidad \u00b7 Costos que no se negocian Movimiento de tierras \u00b7 Estructuras M\u00c1SCONFIANZA.MENOSINCERTIDUMBRE. Planificaci\u00f3n CN: Tiempo, Terreno y […]<\/p>\n","protected":false},"author":1,"featured_media":53,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/construnarve.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/construnarve.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/construnarve.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/construnarve.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/construnarve.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":5,"href":"https:\/\/construnarve.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/construnarve.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/113"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/construnarve.com\/index.php?rest_route=\/wp\/v2\/media\/53"}],"wp:attachment":[{"href":"https:\/\/construnarve.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}