Casa Frailej\u00f3n | 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\r\n \/* =========================================================\r\n 7. SECCI\u00d3N SPLIT: TEXTO (30PX) + FOTO\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 8. 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 9. RESPONSIVIDAD\r\n ========================================================= *\/\r\n\r\n @media (max-width: 1024px) {\r\n .project-header-section,\r\n .project-contained-image,\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-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-split-text {\r\n font-size: 26px !important;\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-header-section,\r\n .project-contained-image,\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-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\r\n <section class=\"project-hero-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/02\/Casa-Frailejon-2_D808151-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Fachada Principal\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n \r\n\r\n <section class=\"project-header-section\">\r\n\r\n <div class=\"project-header-grid\">\r\n\r\n \r\n <div class=\"project-info-col\">\r\n\r\n <h1 class=\"project-main-title\">\r\n CASA FRAILEJ\u00d3N\r\n <\/h1>\r\n\r\n <div class=\"project-meta-list\">\r\n\r\n \r\n <div class=\"meta-item\">\r\n <span class=\"meta-label\">Ubicaci\u00f3n<\/span>\r\n <span class=\"meta-value\">Tulc\u00e1n, Carchi, Ecuador<\/span>\r\n <\/div>\r\n\r\n \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 \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 \r\n <div class=\"meta-item\">\r\n <span class=\"meta-label\">\u00c1rea de construcci\u00f3n<\/span>\r\n <span class=\"meta-value\">2134 m2<\/span>\r\n <\/div>\r\n\r\n \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 \r\n <div class=\"project-desc-col\">\r\n\r\n <p class=\"project-desc-text\">\r\n La casa se encuentra ubicada dentro de una reserva ecol\u00f3gica con un clima h\u00famedo y pantanoso en el sector del Frailej\u00f3n en el Carchi. Debido a lo anterior, el principal objetivo de partido fue mantener el ecosistema a trav\u00e9s de un dise\u00f1o autosustentable. Para esto se respet\u00f3 un \u00e1rbol milenario que exist\u00eda en el lugar y se utiliz\u00f3 el agua de manera eficiente.\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\r\n <section class=\"project-contained-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/02\/Casa-Frailejon-0_D808052-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Fachada y Detalle\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n \r\n\r\n <section class=\"project-split-section\">\r\n\r\n \r\n <div class=\"project-split-text-col\">\r\n\r\n <p class=\"project-split-text\">\r\n Con el fin de aprovecharla para riego, el agua de las vertientes se canaliz\u00f3 a trav\u00e9s de la casa y posteriormente se la recondujo a su cauce natural en contraparte a las aguas servidas que fueron tratadas y recicladas para convertirlas en fertilizante. Por otro lado, la casa se encuentra orientada para aprovechar al m\u00e1ximo el asolamiento y poder generar varias espacialidades con diferentes microclimas.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \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\/02\/Casa-Frailejon-5_D808166-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Vista Estructural\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\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\/02\/Casa-Frailejon-4_D808172-Enhanced-NR-2-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Entorno y Vista Panor\u00e1mica\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n \r\n\r\n <section class=\"project-dual-image-section\">\r\n\r\n \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\/02\/Casa-Frailejon-6_D808060-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Espacios Exteriores\"\r\n >\r\n\r\n <\/div>\r\n\r\n \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\/02\/Casa-Frailejon-7_D808097-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Detalles y Terminaciones\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\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\/Casa-Frailejon-croquis-.png.jpg\"\r\n alt=\"Casa Frailej\u00f3n - Boceto y Croquis\"\r\n >\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-16817b5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"16817b5\" 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-d95e57f\" data-id=\"d95e57f\" 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-1f1df4d elementor-widget elementor-widget-spacer\" data-id=\"1f1df4d\" 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 Frailej\u00f3n | Constructiva CASA FRAILEJ\u00d3N Ubicaci\u00f3n Tulc\u00e1n, Carchi, 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 2134 m2 Fotograf\u00eda Christoph Hirtz La casa se encuentra ubicada dentro de una reserva ecol\u00f3gica con un clima h\u00famedo y pantanoso en el sector del Frailej\u00f3n en…<\/p>\n","protected":false},"author":1,"featured_media":988150,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27],"class_list":["post-988152","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\/988152","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=988152"}],"version-history":[{"count":81,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts\/988152\/revisions"}],"predecessor-version":[{"id":990418,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts\/988152\/revisions\/990418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/media\/988150"}],"wp:attachment":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/media?parent=988152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/categories?post=988152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/tags?post=988152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\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 Frailej\u00f3n | 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\r\n \/* =========================================================\r\n 7. SECCI\u00d3N SPLIT: TEXTO (30PX) + FOTO\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 8. 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 9. RESPONSIVIDAD\r\n ========================================================= *\/\r\n\r\n @media (max-width: 1024px) {\r\n .project-header-section,\r\n .project-contained-image,\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-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-split-text {\r\n font-size: 26px !important;\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-header-section,\r\n .project-contained-image,\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-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\r\n <section class=\"project-hero-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/02\/Casa-Frailejon-2_D808151-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Fachada Principal\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n \r\n\r\n <section class=\"project-header-section\">\r\n\r\n <div class=\"project-header-grid\">\r\n\r\n \r\n <div class=\"project-info-col\">\r\n\r\n <h1 class=\"project-main-title\">\r\n CASA FRAILEJ\u00d3N\r\n <\/h1>\r\n\r\n <div class=\"project-meta-list\">\r\n\r\n \r\n <div class=\"meta-item\">\r\n <span class=\"meta-label\">Ubicaci\u00f3n<\/span>\r\n <span class=\"meta-value\">Tulc\u00e1n, Carchi, Ecuador<\/span>\r\n <\/div>\r\n\r\n \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 \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 \r\n <div class=\"meta-item\">\r\n <span class=\"meta-label\">\u00c1rea de construcci\u00f3n<\/span>\r\n <span class=\"meta-value\">2134 m2<\/span>\r\n <\/div>\r\n\r\n \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 \r\n <div class=\"project-desc-col\">\r\n\r\n <p class=\"project-desc-text\">\r\n La casa se encuentra ubicada dentro de una reserva ecol\u00f3gica con un clima h\u00famedo y pantanoso en el sector del Frailej\u00f3n en el Carchi. Debido a lo anterior, el principal objetivo de partido fue mantener el ecosistema a trav\u00e9s de un dise\u00f1o autosustentable. Para esto se respet\u00f3 un \u00e1rbol milenario que exist\u00eda en el lugar y se utiliz\u00f3 el agua de manera eficiente.\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\r\n <section class=\"project-contained-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/constructiva1.com\/wp-content\/uploads\/2026\/02\/Casa-Frailejon-0_D808052-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Fachada y Detalle\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n \r\n\r\n <section class=\"project-split-section\">\r\n\r\n \r\n <div class=\"project-split-text-col\">\r\n\r\n <p class=\"project-split-text\">\r\n Con el fin de aprovecharla para riego, el agua de las vertientes se canaliz\u00f3 a trav\u00e9s de la casa y posteriormente se la recondujo a su cauce natural en contraparte a las aguas servidas que fueron tratadas y recicladas para convertirlas en fertilizante. Por otro lado, la casa se encuentra orientada para aprovechar al m\u00e1ximo el asolamiento y poder generar varias espacialidades con diferentes microclimas.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n \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\/02\/Casa-Frailejon-5_D808166-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Vista Estructural\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\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\/02\/Casa-Frailejon-4_D808172-Enhanced-NR-2-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Entorno y Vista Panor\u00e1mica\"\r\n >\r\n\r\n <\/section>\r\n\r\n\r\n \r\n\r\n <section class=\"project-dual-image-section\">\r\n\r\n \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\/02\/Casa-Frailejon-6_D808060-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Espacios Exteriores\"\r\n >\r\n\r\n <\/div>\r\n\r\n \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\/02\/Casa-Frailejon-7_D808097-scaled.jpeg\"\r\n alt=\"Casa Frailej\u00f3n - Detalles y Terminaciones\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\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\/Casa-Frailejon-croquis-.png.jpg\"\r\n alt=\"Casa Frailej\u00f3n - Boceto y Croquis\"\r\n >\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-16817b5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"16817b5\" 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-d95e57f\" data-id=\"d95e57f\" 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-1f1df4d elementor-widget elementor-widget-spacer\" data-id=\"1f1df4d\" 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 Frailej\u00f3n | Constructiva CASA FRAILEJ\u00d3N Ubicaci\u00f3n Tulc\u00e1n, Carchi, 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 2134 m2 Fotograf\u00eda Christoph Hirtz La casa se encuentra ubicada dentro de una reserva ecol\u00f3gica con un clima h\u00famedo y pantanoso en el sector del Frailej\u00f3n en…<\/p>\n","protected":false},"author":1,"featured_media":988150,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27],"class_list":["post-988152","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\/988152","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=988152"}],"version-history":[{"count":81,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts\/988152\/revisions"}],"predecessor-version":[{"id":990418,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/posts\/988152\/revisions\/990418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/media\/988150"}],"wp:attachment":[{"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/media?parent=988152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/categories?post=988152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/constructiva1.com\/index.php\/wp-json\/wp\/v2\/tags?post=988152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}