{"id":988110,"date":"2026-02-21T18:36:45","date_gmt":"2026-02-21T18:36:45","guid":{"rendered":"https:\/\/constructiva1.com\/?p=988110"},"modified":"2026-09-04T19:10:47","modified_gmt":"2026-09-04T19:10:47","slug":"casa-hv","status":"publish","type":"post","link":"https:\/\/constructiva1.com\/index.php\/2026\/02\/21\/casa-hv\/","title":{"rendered":"Casa HV"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"988110\" class=\"elementor elementor-988110\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4ffd42e0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ffd42e0\" 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-3e747b71\" data-id=\"3e747b71\" 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-415123f5 elementor-widget elementor-widget-html\" data-id=\"415123f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n\r\n<head>\r\n\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Casa HV | Constructiva<\/title>\r\n\r\n    <style>\r\n\r\n        \/* =========================================================\r\n           1. FUENTES PERSONALIZADAS (@font-face)\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        @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: 100 900;\r\n            font-style: normal;\r\n            font-display: swap;\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: bold;\r\n            font-style: normal;\r\n            font-display: swap;\r\n        }\r\n\r\n\r\n        \/* =========================================================\r\n           2. VARIABLES TIPOGR\u00c1FICAS Y GLOBALES\r\n        ========================================================= *\/\r\n\r\n        :root {\r\n            --font-main: \"Helvetica Neue Ultra Light\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n            --primary-black: #000000;\r\n            --meta-gray: #787878;\r\n            --container-width: 1300px;\r\n        }\r\n\r\n        \/* =========================================================\r\n           3. RESET GENERAL & SIN FOTO DE FONDO\r\n        ========================================================= *\/\r\n\r\n        html,\r\n        body {\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\n        body {\r\n            background: transparent !important;\r\n            font-family: var(--font-main) !important;\r\n            color: var(--primary-black);\r\n        }\r\n\r\n        .project-detail-page,\r\n        .project-detail-page * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .project-detail-page {\r\n            width: 100% !important;\r\n            min-height: 100vh;\r\n            margin: 0 !important;\r\n            padding: 0 0 60px 0 !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n\r\n        \/* =========================================================\r\n           4. FOTOGRAF\u00cdA HERO PRINCIPAL (FULL WIDTH 100%)\r\n        ========================================================= *\/\r\n\r\n        .project-hero-image {\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            height: auto !important;\r\n            max-height: none !important;\r\n            overflow: hidden !important;\r\n            line-height: 0 !important;\r\n            border: 0 !important;\r\n        }\r\n\r\n        .project-hero-image 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            max-height: none !important;\r\n            object-fit: contain !important;\r\n            object-position: center top !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            border: 0 !important;\r\n        }\r\n\r\n\r\n        \/* =========================================================\r\n           5. IM\u00c1GENES DENTRO DEL MARGEN DE TEXTOS\r\n        ========================================================= *\/\r\n\r\n        .project-contained-image {\r\n            width: 100%;\r\n            max-width: var(--container-width);\r\n            margin: 40px auto 50px auto;\r\n            padding: 0 40px;\r\n            line-height: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .project-contained-image img {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            object-fit: contain;\r\n            margin: 0 auto;\r\n            border: 0;\r\n        }\r\n\r\n\r\n        \/* =========================================================\r\n           6. BLOQUE 1: CABECERA Y FICHA T\u00c9CNICA\r\n        ========================================================= *\/\r\n\r\n        .project-header-section {\r\n            width: 100%;\r\n            max-width: var(--container-width);\r\n            margin: 0 auto;\r\n            padding: 60px 40px 40px 40px;\r\n            background: transparent !important;\r\n        }\r\n\r\n        .project-header-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.35fr;\r\n            gap: 80px;\r\n            align-items: start;\r\n        }\r\n\r\n        \/* Columna Izquierda: T\u00edtulo + Ficha *\/\r\n        .project-info-col {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            justify-content: flex-start;\r\n            margin-top: 0;\r\n            padding-top: 0;\r\n        }\r\n\r\n        \/* T\u00cdTULO DEL PROYECTO *\/\r\n        .project-main-title {\r\n            font-family: var(--font-main) !important;\r\n            font-size: 58px !important;\r\n            font-weight: 700 !important;\r\n            -webkit-text-stroke: 0.4px currentColor;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 2px !important;\r\n            color: var(--primary-black) !important;\r\n            line-height: 1.1 !important;\r\n            text-align: left !important;\r\n            margin: 0 0 35px 0 !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        .project-meta-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            width: 100%;\r\n        }\r\n\r\n        .meta-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 4px;\r\n        }\r\n\r\n        \/* ETIQUETAS: 22PX *\/\r\n        .meta-label {\r\n            font-family: var(--font-main) !important;\r\n            font-size: 22px !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 1px !important;\r\n            color: var(--meta-gray) !important;\r\n            font-weight: 400 !important;\r\n            line-height: 1.2 !important;\r\n        }\r\n\r\n        \/* VALORES DE FICHA: 28PX *\/\r\n        .meta-value {\r\n            font-family: var(--font-main) !important;\r\n            font-size: 28px !important;\r\n            font-weight: normal !important;\r\n            color: var(--primary-black) !important;\r\n            line-height: 1.35 !important;\r\n            letter-spacing: 0.5px !important;\r\n        }\r\n\r\n        \/* Columna Derecha: Texto Conceptual *\/\r\n        .project-desc-col {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: flex-start;\r\n            gap: 22px;\r\n            margin-top: 0;\r\n            padding-top: 0;\r\n        }\r\n\r\n        \/* TEXTOS: 30PX Y JUSTIFICADOS *\/\r\n        .project-desc-text {\r\n            font-family: var(--font-main) !important;\r\n            font-size: 30px !important;\r\n            line-height: 1.5 !important;\r\n            color: var(--primary-black) !important;\r\n            font-weight: normal !important;\r\n            letter-spacing: 0.5px !important;\r\n            text-align: justify !important;\r\n            text-justify: inter-word !important;\r\n            margin-top: 0 !important;\r\n            padding-top: 0 !important;\r\n            margin-bottom: 0 !important;\r\n        }\r\n\r\n        .project-desc-col .project-desc-text + .project-desc-text {\r\n            margin-top: 22px !important;\r\n        }\r\n\r\n\r\n        \/* =========================================================\r\n           7. BLOQUE MEDIO: TEXTO (30PX) + IMAGEN 3\r\n        ========================================================= *\/\r\n\r\n        .project-mid-feature-section {\r\n            width: 100%;\r\n            max-width: var(--container-width);\r\n            margin: 40px auto 50px auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        .project-mid-feature-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 0.8fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        .project-mid-text-col {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            gap: 22px;\r\n        }\r\n\r\n        .project-mid-image-col {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            line-height: 0;\r\n        }\r\n\r\n        .project-mid-image-col img {\r\n            width: 100%;\r\n            max-width: 480px;\r\n            height: auto;\r\n            max-height: 560px;\r\n            display: block;\r\n            object-fit: cover;\r\n        }\r\n\r\n\r\n        \/* =========================================================\r\n           8. BLOQUE DE TEXTO ANCHO (30PX Y JUSTIFICADO)\r\n        ========================================================= *\/\r\n\r\n        .project-wide-text-section {\r\n            width: 100%;\r\n            max-width: var(--container-width);\r\n            margin: 40px auto 40px auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        .project-wide-text {\r\n            font-family: var(--font-main) !important;\r\n            font-size: 30px !important;\r\n            line-height: 1.5 !important;\r\n            color: var(--primary-black) !important;\r\n            font-weight: normal !important;\r\n            letter-spacing: 0.5px !important;\r\n            text-align: justify !important;\r\n            text-justify: inter-word !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n\r\n        \/* =========================================================\r\n           9. SECCI\u00d3N SPLIT: TEXTO (30PX) + IMAGEN 6\r\n        ========================================================= *\/\r\n\r\n        .project-split-section {\r\n            width: 100%;\r\n            max-width: var(--container-width);\r\n            margin: 40px auto 50px auto;\r\n            padding: 0 40px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 50px;\r\n            align-items: center;\r\n            background: transparent !important;\r\n        }\r\n\r\n        .project-split-text-col {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .project-split-text {\r\n            font-family: var(--font-main) !important;\r\n            font-size: 30px !important;\r\n            line-height: 1.5 !important;\r\n            color: var(--primary-black) !important;\r\n            text-align: justify !important;\r\n            text-justify: inter-word !important;\r\n            margin: 0 !important;\r\n            font-weight: normal !important;\r\n            letter-spacing: 0.5px !important;\r\n        }\r\n\r\n        .project-split-image-col {\r\n            width: 100%;\r\n            line-height: 0;\r\n            display: flex;\r\n        }\r\n\r\n        .project-split-image-col img {\r\n            width: 100%;\r\n            height: auto;\r\n            max-height: 520px;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n\r\n        \/* =========================================================\r\n           10. SECCI\u00d3N DE DOS IM\u00c1GENES LADO A LADO\r\n        ========================================================= *\/\r\n\r\n        .project-dual-image-section {\r\n            width: 100%;\r\n            max-width: var(--container-width);\r\n            margin: 40px auto 50px auto;\r\n            padding: 0 40px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 24px;\r\n            background: transparent !important;\r\n        }\r\n\r\n        .project-dual-image-item {\r\n            width: 100%;\r\n            height: 500px;\r\n            overflow: hidden;\r\n            line-height: 0;\r\n        }\r\n\r\n        .project-dual-image-item img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important;\r\n            object-position: center !important;\r\n            display: block !important;\r\n        }\r\n\r\n\r\n        \/* =========================================================\r\n           11. SECCI\u00d3N DE DOS PLANOS LADO A LADO\r\n        ========================================================= *\/\r\n\r\n        .project-plans-dual-section {\r\n            width: 100%;\r\n            max-width: var(--container-width);\r\n            margin: 40px auto 50px auto;\r\n            padding: 0 40px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 28px;\r\n            background: transparent !important;\r\n        }\r\n\r\n        .project-plan-item {\r\n            width: 100%;\r\n            height: 480px;\r\n            overflow: hidden;\r\n            line-height: 0;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .project-plan-item img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: contain !important;\r\n            object-position: center !important;\r\n            display: block !important;\r\n        }\r\n\r\n\r\n        \/* =========================================================\r\n           12. RESPONSIVIDAD\r\n        ========================================================= *\/\r\n\r\n        @media (max-width: 1024px) {\r\n            .project-header-section,\r\n            .project-contained-image,\r\n            .project-mid-feature-section,\r\n            .project-wide-text-section,\r\n            .project-split-section,\r\n            .project-dual-image-section,\r\n            .project-plans-dual-section {\r\n                padding-left: 30px;\r\n                padding-right: 30px;\r\n            }\r\n\r\n            .project-header-grid,\r\n            .project-mid-feature-grid,\r\n            .project-split-section {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n\r\n            .project-main-title {\r\n                font-size: 46px !important;\r\n                margin-bottom: 25px !important;\r\n            }\r\n\r\n            .project-desc-text,\r\n            .project-wide-text,\r\n            .project-split-text {\r\n                font-size: 26px !important;\r\n            }\r\n\r\n            .project-mid-image-col img {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .project-dual-image-item {\r\n                height: 400px;\r\n            }\r\n\r\n            .project-plans-dual-section {\r\n                grid-template-columns: 1fr;\r\n                gap: 25px;\r\n            }\r\n\r\n            .project-plan-item {\r\n                height: 380px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .project-header-section,\r\n            .project-contained-image,\r\n            .project-mid-feature-section,\r\n            .project-wide-text-section,\r\n            .project-split-section,\r\n            .project-dual-image-section,\r\n            .project-plans-dual-section {\r\n                padding-left: 20px;\r\n                padding-right: 20px;\r\n            }\r\n\r\n            .project-main-title {\r\n                font-size: 36px !important;\r\n                margin-bottom: 20px !important;\r\n            }\r\n\r\n            .project-desc-text,\r\n            .project-wide-text,\r\n            .project-split-text {\r\n                font-size: 22px !important;\r\n                line-height: 1.4 !important;\r\n            }\r\n\r\n            .meta-label {\r\n                font-size: 19px !important;\r\n            }\r\n\r\n            .meta-value {\r\n                font-size: 24px !important;\r\n            }\r\n\r\n            .project-dual-image-section,\r\n            .project-plans-dual-section {\r\n                grid-template-columns: 1fr;\r\n                gap: 18px;\r\n            }\r\n\r\n            .project-dual-image-item {\r\n                height: 320px;\r\n            }\r\n\r\n            .project-plan-item {\r\n                height: 280px;\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=\"project-detail-page\">\r\n\r\n\r\n    <!-- =====================================================\r\n         1. IMAGEN 1: FOTOGRAF\u00cdA HERO PRINCIPAL (FULL WIDTH)\r\n    ===================================================== -->\r\n\r\n    <section class=\"project-hero-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/Casa-HV-1-scaled.png\"\r\n            alt=\"Casa HV - Fachada Iluminada\"\r\n        >\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         2. BLOQUE 1: CABECERA Y FICHA T\u00c9CNICA\r\n    ===================================================== -->\r\n\r\n    <section class=\"project-header-section\">\r\n\r\n        <div class=\"project-header-grid\">\r\n\r\n            <!-- Columna Izquierda: T\u00edtulo + Ficha T\u00e9cnica -->\r\n            <div class=\"project-info-col\">\r\n\r\n                <h1 class=\"project-main-title\">\r\n                    CASA HV\r\n                <\/h1>\r\n\r\n                <div class=\"project-meta-list\">\r\n\r\n                    <!-- 1. Ubicaci\u00f3n -->\r\n                    <div class=\"meta-item\">\r\n                        <span class=\"meta-label\">Ubicaci\u00f3n<\/span>\r\n                        <span class=\"meta-value\">Quito, Pichincha, Ecuador<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- 2. A\u00f1o de construcci\u00f3n -->\r\n                    <div class=\"meta-item\">\r\n                        <span class=\"meta-label\">A\u00f1o de construcci\u00f3n<\/span>\r\n                        <span class=\"meta-value\">2023<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- 3. Autores -->\r\n                    <div class=\"meta-item\">\r\n                        <span class=\"meta-label\">Autores<\/span>\r\n                        <span class=\"meta-value\">CONSTRUCTIVA C.E.V. CIA. LTDA. Juan Erazo Solines, Mar\u00eda Jos\u00e9 Freire<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- 4. \u00c1rea de construcci\u00f3n -->\r\n                    <div class=\"meta-item\">\r\n                        <span class=\"meta-label\">\u00c1rea de construcci\u00f3n<\/span>\r\n                        <span class=\"meta-value\">520 m2<\/span>\r\n                    <\/div>\r\n\r\n                    <!-- 5. Fotograf\u00eda -->\r\n                    <div class=\"meta-item\">\r\n                        <span class=\"meta-label\">Fotograf\u00eda<\/span>\r\n                        <span class=\"meta-value\">Christoph Hirtz<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Columna Derecha: Texto Conceptual (30px y Justificado) -->\r\n            <div class=\"project-desc-col\">\r\n\r\n                <p class=\"project-desc-text\">\r\n                    Casa HV se concibe bajo la premisa del dinamismo espacial y la conexi\u00f3n visual ininterrumpida. Su morfolog\u00eda responde a la b\u00fasqueda de una arquitectura ligera y permeable, donde los l\u00edmites f\u00edsicos se desdibujan en favor de una habitabilidad abierta. El dise\u00f1o se articula mediante transiciones fluidas entre el interior y el entorno natural exterior.\r\n                <\/p>\r\n\r\n                <p class=\"project-desc-text\">\r\n                    La transparencia y el juego de planos horizontales y verticales potencian la iluminaci\u00f3n continua en todos los niveles, integrando la estructura con el paisaje circundante.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         3. IMAGEN 2: CON MARGEN Y SEPARACI\u00d3N\r\n    ===================================================== -->\r\n\r\n    <section class=\"project-contained-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/Casa-HV-2-scaled.png\"\r\n            alt=\"Casa HV - Perspectiva Arquitect\u00f3nica\"\r\n        >\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         4. BLOQUE MEDIO: SEGUNDO TEXTO (30PX) + IMAGEN 3\r\n    ===================================================== -->\r\n\r\n    <section class=\"project-mid-feature-section\">\r\n\r\n        <div class=\"project-mid-feature-grid\">\r\n\r\n            <!-- Columna Izquierda: Segundo Texto (30px) -->\r\n            <div class=\"project-mid-text-col\">\r\n\r\n                <p class=\"project-desc-text\">\r\n                    Cada elemento compositivo est\u00e1 dise\u00f1ado para enriquecer la vivencia interior mediante una secuencia arm\u00f3nica de espacios. La luz natural act\u00faa como un material estructurante m\u00e1s, esculpiendo los ambientes y revelando la sobriedad de la arquitectura.\r\n                <\/p>\r\n\r\n                <p class=\"project-desc-text\">\r\n                    La contundencia de la volumetr\u00eda exterior se proyecta hacia adentro, generando una serie de umbrales que enriquecen la transici\u00f3n entre las zonas p\u00fablicas y privadas de la vivienda. Esta cuidadosa planificaci\u00f3n espacial fomenta una atm\u00f3sfera de calma y amplitud.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- Columna Derecha: Imagen 3 -->\r\n            <div class=\"project-mid-image-col\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/Casa-HV-3-scaled.png\"\r\n                    alt=\"Casa HV - Detalle Espacial\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         5. IMAGEN 4: CON MARGEN Y SEPARACI\u00d3N\r\n    ===================================================== -->\r\n\r\n    <section class=\"project-contained-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/Casa-HV-4-scaled.png\"\r\n            alt=\"Casa HV - \u00c1rea Social y Espacialidad\"\r\n        >\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         6. BLOQUE DE TEXTO ANCHO (30PX Y JUSTIFICADO)\r\n    ===================================================== -->\r\n\r\n    <section class=\"project-wide-text-section\">\r\n\r\n        <p class=\"project-wide-text\">\r\n            El programa se organiza en torno a un eje de movimiento continuo que conecta las \u00e1reas sociales en planta baja con las zonas privadas en el nivel superior. La doble altura sobre la sala principal y el comedor permite un di\u00e1logo visual constante entre ambos niveles, mientras que las mamparas corredizas abren el espacio hacia el porche exterior y el jard\u00edn, borrando los l\u00edmites entre el interior y la naturaleza.\r\n        <\/p>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         7. IMAGEN 5: CON MARGEN Y SEPARACI\u00d3N\r\n    ===================================================== -->\r\n\r\n    <section class=\"project-contained-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/Casa-HV-5-scaled.png\"\r\n            alt=\"Casa HV - Vista Interior y Doble Altura\"\r\n        >\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         8. BLOQUE SPLIT: TEXTO (30PX) + IMAGEN 6\r\n    ===================================================== -->\r\n\r\n    <section class=\"project-split-section\">\r\n\r\n        <!-- Columna Izquierda: Texto (30px) -->\r\n        <div class=\"project-split-text-col\">\r\n\r\n            <p class=\"project-split-text\">\r\n                En los ambientes interiores, el dise\u00f1o se enfoca en la honestidad constructiva y la pureza de las texturas. La cuidada selecci\u00f3n de acabados busca un equilibrio perfecto entre la calidez habitacional y una est\u00e9tica rigurosamente contempor\u00e1nea. La atm\u00f3sfera interior se define por una paleta crom\u00e1tica sobria y elegante, pensada para reflejar la luminosidad del exterior y acentuar la geometr\u00eda del espacio. Este nivel de detalle se traduce en recintos de excepcional calidad perceptiva.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- Columna Derecha: Imagen 6 -->\r\n        <div class=\"project-split-image-col\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/Casa-HV-6-scaled.png\"\r\n                alt=\"Casa HV - Integraci\u00f3n con Jard\u00edn\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         9. DOS IM\u00c1GENES FINALES LADO A LADO (ALTURA EXACTA 500PX)\r\n    ===================================================== -->\r\n\r\n    <section class=\"project-dual-image-section\">\r\n\r\n        <!-- Imagen 7 -->\r\n        <div class=\"project-dual-image-item\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/Casa-HV-7-scaled.png\"\r\n                alt=\"Casa HV - Detalle Comedor y Escalera\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n        <!-- Imagen 8 -->\r\n        <div class=\"project-dual-image-item\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/Casa-HV-8-scaled.png\"\r\n                alt=\"Casa HV - Vista Panor\u00e1mica Interior\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         10. PLANOS 1 Y 2: CORTE Y PLANTA (LADO A LADO)\r\n    ===================================================== -->\r\n\r\n    <section class=\"project-plans-dual-section\">\r\n\r\n        <!-- Plano 1: Corte -->\r\n        <div class=\"project-plan-item\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/09\/Casa-HV-Corte_page-0001-1.jpg\"\r\n                alt=\"Casa HV - Plano de Corte\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n        <!-- Plano 2: Planta -->\r\n        <div class=\"project-plan-item\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/09\/Casa-HV-Planta_page-0001.jpg\"\r\n                alt=\"Casa HV - Plano de Planta\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n<\/div>\r\n\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-3a494c6a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3a494c6a\" 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-11dda2e9\" data-id=\"11dda2e9\" 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-29ed5be7 elementor-widget elementor-widget-spacer\" data-id=\"29ed5be7\" 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>Casa HV | Constructiva CASA HV Ubicaci\u00f3n Quito, Pichincha, Ecuador A\u00f1o de construcci\u00f3n 2023 Autores CONSTRUCTIVA C.E.V. CIA. LTDA. Juan Erazo Solines, Mar\u00eda Jos\u00e9 Freire \u00c1rea de construcci\u00f3n 520 m2 Fotograf\u00eda Christoph Hirtz Casa HV se concibe bajo la premisa del dinamismo espacial y la conexi\u00f3n visual ininterrumpida. Su morfolog\u00eda responde a la b\u00fasqueda de&#8230;<\/p>\n","protected":false},"author":1,"featured_media":988114,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27],"class_list":["post-988110","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-proyectos","tag-public-buildings"],"_links":{"self":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts\/988110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"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=988110"}],"version-history":[{"count":64,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts\/988110\/revisions"}],"predecessor-version":[{"id":990424,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts\/988110\/revisions\/990424"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/media\/988114"}],"wp:attachment":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/media?parent=988110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/categories?post=988110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/tags?post=988110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}