{"id":987980,"date":"2026-02-20T15:55:46","date_gmt":"2026-02-20T15:55:46","guid":{"rendered":"https:\/\/constructiva1.com\/?p=987980"},"modified":"2026-09-04T19:15:42","modified_gmt":"2026-09-04T19:15:42","slug":"casa-p","status":"publish","type":"post","link":"https:\/\/constructiva1.com\/index.php\/2026\/02\/20\/casa-p\/","title":{"rendered":"Casa P"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"987980\" class=\"elementor elementor-987980\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-16684530 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"16684530\" 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-182065a5\" data-id=\"182065a5\" 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-500c2e2b elementor-widget elementor-widget-html\" data-id=\"500c2e2b\" 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 P | 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: Primer 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: SEGUNDO 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: 20px;\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-P-1-scaled.png\"\r\n            alt=\"Casa P - Vista Principal\"\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 P\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<\/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\">2024<\/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\">6845 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: Primer Texto Conceptual (30px y Justificado) -->\r\n            <div class=\"project-desc-col\">\r\n\r\n                <p class=\"project-desc-text\">\r\n                    Ser moderno es minimizar el l\u00edmite entre el interior y el exterior, para lo cual en esta casa se utiliz\u00f3 el pliegue que contiene, por un lado el vac\u00edo y por otro el volumen lleno.\r\n                <\/p>\r\n\r\n                <p class=\"project-desc-text\">\r\n                    Bajo esta l\u00f3gica, la luz deja de ser un elemento accesorio para convertirse en el material de construcci\u00f3n principal.\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-P-2-scaled.png\"\r\n            alt=\"Casa P - 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                    El \u2018vac\u00edo\u2019 del pliegue funciona como un lienzo din\u00e1mico que captura el paso del sol a lo largo del d\u00eda, mientras que la masa s\u00f3lida ofrece el contrapunto necesario de silencio y resguardo.\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-P-3-scaled.png\"\r\n                    alt=\"Casa P - 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-P-4-scaled.png\"\r\n            alt=\"Casa P - Vista Exterior y Volumetr\u00eda\"\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            En el vac\u00edo se ubican todos los espacios sociales orientados de este a oeste, enfatizando la transparencia entre frontal y posterior logrando de esta manera un adecuado asoleamiento y las vistas hacia las cordilleras. El volumen suspendido contiene las habitaciones, y el anclado a la tierra contiene los servicios y enfatiza la entrada.\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-P-5-scaled.png\"\r\n            alt=\"Casa P - Transparencia y Luz\"\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                La tensi\u00f3n formal entre los cuerpos s\u00f3lidos y las \u00e1reas abiertas organiza las secuencias de recorrido, generando una continuidad visual fluida que conecta directamente los ambientes interiores con el horizonte.\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-P-6-scaled.png\"\r\n                alt=\"Casa P - Detalle Arquitect\u00f3nico\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         9. IMAGEN 7: 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-P-7-scaled.png\"\r\n            alt=\"Casa P - Fachada Posterior\"\r\n        >\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         10. IMAGEN 8 Y 9: DOS IM\u00c1GENES LADO A LADO (ALTURA EXACTA 500PX)\r\n    ===================================================== -->\r\n\r\n    <section class=\"project-dual-image-section\">\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-P-8-scaled.png\"\r\n                alt=\"Casa P - Detalle Constructivo 1\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n        <!-- Imagen 9 -->\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-P-9-scaled.png\"\r\n                alt=\"Casa P - Detalle Constructivo 2\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         11. IMAGEN 10: 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-P-10-scaled.png\"\r\n            alt=\"Casa P - Espacio Interior y Acabados\"\r\n        >\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         12. IMAGEN 11 Y 12: 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 11 -->\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-P-11-scaled.png\"\r\n                alt=\"Casa P - Vista Nocturna 1\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n        <!-- Imagen 12 -->\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-P-12-scaled.png\"\r\n                alt=\"Casa P - Vista Nocturna 2\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         13. BOCETO \/ CROQUIS (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\/09\/Croquis-Casa-P.jpg\"\r\n            alt=\"Casa P - Boceto y Croquis\"\r\n        >\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         14. 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-P-Corte_page-0001.jpg\"\r\n                alt=\"Casa P - 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-P-Planta_page-0001.jpg\"\r\n                alt=\"Casa P - 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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Casa P | Constructiva CASA P Ubicaci\u00f3n Quito A\u00f1o de construcci\u00f3n 2024 Autores CONSTRUCTIVA C.E.V. CIA. LTDA. Juan Erazo Solines Mar\u00eda Jos\u00e9 Freire \u00c1rea de construcci\u00f3n 6845 m2 Fotograf\u00eda Christoph Hirtz Ser moderno es minimizar el l\u00edmite entre el interior y el exterior, para lo cual en esta casa se utiliz\u00f3 el pliegue que contiene,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":988010,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27],"class_list":["post-987980","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\/987980","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=987980"}],"version-history":[{"count":58,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts\/987980\/revisions"}],"predecessor-version":[{"id":990436,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts\/987980\/revisions\/990436"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/media\/988010"}],"wp:attachment":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/media?parent=987980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/categories?post=987980"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/tags?post=987980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}