{"id":988169,"date":"2026-02-23T14:28:14","date_gmt":"2026-02-23T14:28:14","guid":{"rendered":"https:\/\/constructiva1.com\/?p=988169"},"modified":"2026-09-04T18:18:25","modified_gmt":"2026-09-04T18:18:25","slug":"casa-m","status":"publish","type":"post","link":"https:\/\/constructiva1.com\/index.php\/2026\/02\/23\/casa-m\/","title":{"rendered":"Casa M"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n \r\n \r\n Casa M | Constructiva<\/title>\r\n\r\n <style>\r\n\r\n \/* =========================================================\r\n 1. FUENTE OFICIAL: HELVETICA NEUE ULTRA LIGHT (@font-face)\r\n (Definida para todos los pesos para evitar que el navegador la sustituya)\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\", \"HelveticaNeue-UltraLight\", \"Helvetica Neue\", Arial, 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 font-family: var(--font-main) !important;\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 (COMPLETA AL 100% SIN RECORTES)\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 margin-top: 0 !important;\r\n margin-bottom: 0 !important;\r\n padding: 0 !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 box-sizing: border-box !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 margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n 5. BLOQUE 1: GRID DE 2 COLUMNAS NIVELADAS ARRIBA\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; \/* Nivel superior exacto *\/\r\n }\r\n\r\n \/* COLUMNA IZQUIERDA: CONTIENE EL T\u00cdTULO Y LA FICHA *\/\r\n .project-info-col {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n text-align: left !important;\r\n }\r\n\r\n \/* T\u00cdTULO A LA IZQUIERDA ARRIBA DE UBICACI\u00d3N *\/\r\n .project-main-title {\r\n font-family: var(--font-main) !important;\r\n margin: 0 0 30px 0 !important;\r\n padding: 0 !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: 1.5px !important;\r\n color: var(--primary-black) !important;\r\n line-height: 1 !important;\r\n text-align: left !important;\r\n display: block !important;\r\n }\r\n\r\n .project-meta-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .meta-item {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3px;\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: none !important;\r\n letter-spacing: 0.25px !important;\r\n color: var(--meta-gray) !important;\r\n font-weight: normal !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: SOLO TEXTO DESCRIPTIVO *\/\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 padding-top: 0 !important;\r\n margin-top: 0 !important;\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.45 !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 6. IM\u00c1GENES CONTENIDAS CON SEPARACI\u00d3N\r\n ========================================================= *\/\r\n\r\n .project-contained-image {\r\n width: 100%;\r\n max-width: var(--container-width);\r\n margin: 35px auto 45px 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 max-height: 750px;\r\n object-fit: cover;\r\n margin: 0 auto;\r\n border: 0;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n 7. BLOQUE MEDIO: TEXTO (30PX) + FOTO VERTICAL (PUERTA)\r\n ========================================================= *\/\r\n\r\n .project-mid-feature-section {\r\n width: 100%;\r\n max-width: var(--container-width);\r\n margin: 20px auto 45px 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 }\r\n\r\n .project-mid-image-col img {\r\n width: 100%;\r\n max-width: 460px;\r\n height: auto;\r\n max-height: 580px;\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: 20px 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.45 !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 PLANOS ARQUITECT\u00d3NICOS (PLANTA Y CORTES)\r\n ========================================================= *\/\r\n\r\n .project-plans-section {\r\n width: 100%;\r\n max-width: var(--container-width);\r\n margin: 20px auto 45px auto;\r\n padding: 0 40px;\r\n }\r\n\r\n .project-plans-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n }\r\n\r\n .project-plan-card {\r\n width: 100%;\r\n background: transparent;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .project-plan-card img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: contain;\r\n background: rgba(255, 255, 255, 0.4);\r\n padding: 10px;\r\n }\r\n\r\n .project-plan-caption {\r\n font-family: var(--font-main) !important;\r\n font-size: 20px !important;\r\n color: var(--primary-black) !important;\r\n margin-top: 15px;\r\n text-align: center;\r\n letter-spacing: 1px;\r\n font-weight: normal;\r\n }\r\n\r\n\r\n \/* =========================================================\r\n 10. SECCI\u00d3N SPLIT: TEXTO (30PX) + FOTO INTERIOR\r\n ========================================================= *\/\r\n\r\n .project-split-section {\r\n width: 100%;\r\n max-width: var(--container-width);\r\n margin: 30px auto 45px 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.45 !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 11. SECCI\u00d3N DE DOS IM\u00c1GENES LADO A LADO (ALTURA EXACTA 500PX)\r\n ========================================================= *\/\r\n\r\n .project-dual-image-section {\r\n width: 100%;\r\n max-width: var(--container-width);\r\n margin: 35px auto 45px 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 12. RESPONSIVIDAD\r\n ========================================================= *\/\r\n\r\n @media (max-width: 1024px) {\r\n .project-hero-image,\r\n .project-hero-image img {\r\n height: auto !important;\r\n max-height: none !important;\r\n }\r\n\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-plans-section,\r\n .project-split-section,\r\n .project-dual-image-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-plans-grid,\r\n .project-split-section {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n }\r\n\r\n .project-main-title {\r\n font-size: 44px !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\r\n @media (max-width: 768px) {\r\n .project-hero-image,\r\n .project-hero-image img {\r\n height: auto !important;\r\n max-height: none !important;\r\n }\r\n\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-plans-section,\r\n .project-split-section,\r\n .project-dual-image-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 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\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. FOTO HERO PRINCIPAL (COMPLETA SIN CORTES)\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-M-1-DSC_0176-scaled.webp\"\r\n alt=\"Casa M - Vista Principal\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n <!-- =====================================================\r\n 2. BLOQUE 1: FICHA A LA IZQUIERDA (CON T\u00cdTULO) + TEXTO A LA DERECHA\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 ================= -->\r\n <div class=\"project-info-col\">\r\n\r\n <!-- 1. T\u00cdTULO: A LA IZQUIERDA ARRIBA DE UBICACI\u00d3N -->\r\n <h1 class=\"project-main-title\">\r\n CASA M\r\n <\/h1>\r\n\r\n <!-- 2. FICHA T\u00c9CNICA -->\r\n <div class=\"project-meta-list\">\r\n\r\n <!-- 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 <!-- 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 <!-- 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 <!-- \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\">450 m2<\/span>\r\n <\/div>\r\n\r\n <!-- 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 ================= -->\r\n <div class=\"project-desc-col\">\r\n\r\n <p class=\"project-desc-text\">\r\n Casa M nace de la premisa de integrar el paisaje andino con la vida familiar contempor\u00e1nea. Su dise\u00f1o vanguardista prioriza la conexi\u00f3n ininterrumpida entre el entorno natural y los espacios habitables, creando un refugio donde la amplitud del valle se percibe desde el primer instante.\r\n <\/p>\r\n\r\n <p class=\"project-desc-text\">\r\n El proyecto arquitect\u00f3nico se concibe a trav\u00e9s de vol\u00famenes limpios y geometr\u00edas puras. La implantaci\u00f3n responde directamente a la topograf\u00eda del terreno, buscando la orientaci\u00f3n \u00f3ptima para garantizar el confort t\u00e9rmico y aprovechar al m\u00e1ximo las visuales panor\u00e1micas que ofrece su ubicaci\u00f3n privilegiada.\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. FOTO 3: 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-M-2-DSC_0169-scaled.webp\"\r\n alt=\"Casa M - Vista Arquitect\u00f3nica Exterior\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n <!-- =====================================================\r\n 4. BLOQUE MEDIO: TEXTO (30PX) + FOTO VERTICAL (PUERTA)\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: Texto Explicativo (30px) -->\r\n <div class=\"project-mid-text-col\">\r\n\r\n <p class=\"project-desc-text\">\r\n La selecci\u00f3n de materiales propone un di\u00e1logo constante con la naturaleza circundante. Acabados honestos y texturas sobrias delinean los umbrales de la vivienda, marcando una transici\u00f3n sutil pero imponente entre el exterior y la calidez del hogar.\r\n <\/p>\r\n\r\n <p class=\"project-desc-text\">\r\n Cada detalle constructivo ha sido pensado para generar un recorrido sensorial. Desde el p\u00f3rtico de ingreso hasta las circulaciones perimetrales, la arquitectura gu\u00eda al usuario a trav\u00e9s de pausas visuales que enmarcan el paisaje.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <!-- Columna Derecha: Foto 5 Vertical (Puerta) -->\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\/puerta.jpg\"\r\n alt=\"Casa M - Detalle de Acceso y Puerta\"\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. 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 dispone de modo que la barra social es la que goza de una relaci\u00f3n directa a doble altura con los espacios sociales. La barra principal, con la articulaci\u00f3n modular, contiene los espacios de reposo. El dormitorio principal est\u00e1 separado del dormitorio de los ni\u00f1os por un puente que marca el marco espacial de transparencia que divide la habitaci\u00f3n de los ni\u00f1os. Al cruzar hacia el oeste se encuentra el sector que contiene el dormitorio principal, que funciona a su vez como terraza-sol\u00e1rium que ofrece vistas hacia el valle del Guayllabamba. Esta estructura permite optimizar la ocupaci\u00f3n del terreno donde se expanden el jard\u00edn interior, el sol y las vistas.\r\n <\/p>\r\n\r\n <\/section>\r\n\r\n\r\n <!-- =====================================================\r\n 6. SECCI\u00d3N PLANOS ARQUITECT\u00d3NICOS (PLANTA Y CORTES)\r\n ===================================================== -->\r\n\r\n <section class=\"project-plans-section\">\r\n\r\n <div class=\"project-plans-grid\">\r\n\r\n <!-- Plano 2: Planta -->\r\n <div class=\"project-plan-card\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/Casa-M-Planta_page-0001.jpg\"\r\n alt=\"Casa M - Planta Arquitect\u00f3nica\"\r\n >\r\n\r\n <div class=\"project-plan-caption\">\r\n CASA M - PLANTA GENERAL\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Plano 1: Cortes y Fachada -->\r\n <div class=\"project-plan-card\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/08\/Casa-M-Corte-Fachada_page-0001.jpg\"\r\n alt=\"Casa M - Corte y Fachada\"\r\n >\r\n\r\n <div class=\"project-plan-caption\">\r\n CASA M - CORTE Y FACHADA\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <!-- =====================================================\r\n 7. FOTO 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-M-6-DSC_0175-scaled.webp\"\r\n alt=\"Casa M - Vista Fachada Exterior\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n <!-- =====================================================\r\n 8. FOTO 6: BLOQUE SPLIT (TEXTO 30PX + FOTO INTERIOR)\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 El coraz\u00f3n de la vivienda se define por su permeabilidad. Las \u00e1reas comunes se conciben como un lienzo fluido donde los l\u00edmites f\u00edsicos se desdibujan, integrando el jard\u00edn interior como un elemento vivo que transforma la atm\u00f3sfera a lo largo del d\u00eda. Por otro lado, los ambientes interiores se articulan para maximizar la entrada de luz natural en toda la doble altura.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <!-- Columna Derecha: Foto 6 Interior -->\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-M-3-Interior.jpg\"\r\n alt=\"Casa M - Espacio Interior y Doble Altura\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <!-- =====================================================\r\n 9. FOTO 7 Y FOTO 8: DOS IM\u00c1GENES LADO A LADO (ALTURA 500PX)\r\n ===================================================== -->\r\n\r\n <section class=\"project-dual-image-section\">\r\n\r\n <!-- Foto 7: Otro puente -->\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-M-4otro-puente.jpg\"\r\n alt=\"Casa M - Detalle de Puente y Conexi\u00f3n\"\r\n >\r\n\r\n <\/div>\r\n\r\n <!-- Foto 8: Puente -->\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-M-5-puente.jpg\"\r\n alt=\"Casa M - Vista Puente y Circulaci\u00f3n\"\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-124ca008 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"124ca008\" 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-1d66fc63\" data-id=\"1d66fc63\" 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-3d8a4743 elementor-widget elementor-widget-spacer\" data-id=\"3d8a4743\" 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 M | Constructiva CASA M 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 450 m2 Fotograf\u00eda Christoph Hirtz Casa M nace de la premisa de integrar el paisaje andino con la vida familiar contempor\u00e1nea. Su dise\u00f1o vanguardista prioriza la conexi\u00f3n…<\/p>\n","protected":false},"author":1,"featured_media":988178,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27],"class_list":["post-988169","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\/988169","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=988169"}],"version-history":[{"count":69,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts\/988169\/revisions"}],"predecessor-version":[{"id":990415,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts\/988169\/revisions\/990415"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/media\/988178"}],"wp:attachment":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/media?parent=988169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/categories?post=988169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/tags?post=988169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}