{"id":4269,"date":"2025-03-19T06:35:44","date_gmt":"2025-03-19T11:35:44","guid":{"rendered":"https:\/\/arquitectura.mauryarte.com\/?page_id=4269"},"modified":"2025-07-21T16:40:52","modified_gmt":"2025-07-21T21:40:52","slug":"cliff-house","status":"publish","type":"page","link":"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/cliff-house\/","title":{"rendered":"Cliff House"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4269\" class=\"elementor elementor-4269\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe26cde e-flex e-con-boxed e-con e-parent\" data-id=\"fe26cde\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0651c59 elementor-widget elementor-widget-html\" data-id=\"0651c59\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav id=\"barra-navegacion-cliff-house\">\n    <a href=\"#seccion1-cliff-house\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion2-cliff-house\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion3-cliff-house\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion4-cliff-house\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion5-cliff-house\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion6-cliff-house\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion7-cliff-house\" class=\"punto-navegacion\"><\/a>\n<\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7baf033 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"7baf033\" data-element_type=\"section\" id=\"seccion1-cliff-house\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a3aacd4\" data-id=\"6a3aacd4\" data-element_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-7010e11c elementor-widget elementor-widget-html\" data-id=\"7010e11c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"the-hills-section\" class=\"luxury-house-wrapper\">\n  <div class=\"luxury-house-text-content\">\n    <!-- Subt\u00edtulo 1 -->\n    <div class=\"luxury-house-subtitle-first\">\n      <p class=\"luxury-house-subtitle-text\">\n        <span class=\"luxury-house-line-first\">RESIDENTIAL LUXURY HOUSE DESIGN<span class=\"luxury-house-divider\">|<\/span> Location: El Retiro, Medell\u00edn<\/span>\n        <span class=\"luxury-house-line-second\">Area: 300m\u00b2 | Lot: \u22482,000 m\u00b2\/lot | Lead Studio: MauryArte<\/span>\n      <\/p>\n    <\/div>\n    \n    <!-- T\u00edtulo -->\n    <div class=\"luxury-house-main-title\">\n      <p class=\"luxury-house-title-text\">CLIFF HOUSE<\/p>\n    <\/div>\n    \n    <!-- Subt\u00edtulo 2 -->\n    <div class=\"luxury-house-subtitle-second\">\n      <p class=\"luxury-house-subtitle-text-second\">\n        <span class=\"luxury-house-line-second-text\">A country house on the outskirts of Medellin, modern, luxury, relaxation, all while fusing Japanese zen essence with the natural exuberance of El Retiro's surroundings.<\/span>\n      <\/p>\n    <\/div>\n\n    <!-- Bot\u00f3n -->\n    <div class=\"luxury-house-button-area\">\n      <a href=\"#seccion2-cliff-house\" class=\"luxury-house-read-more\">READ MORE<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Encapsulamiento con ID espec\u00edfico *\/\n#the-hills-section.luxury-house-wrapper {\n  padding: 50px 0;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  overflow: hidden;\n  box-sizing: border-box;\n  background-color: transparent;\n}\n\n\/* Contenedor de texto *\/\n#the-hills-section .luxury-house-text-content {\n  text-align: left;\n  padding: 20px;\n  max-width: 100%;\n  color: #ffffff;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n\/* Subt\u00edtulo 1 *\/\n#the-hills-section .luxury-house-subtitle-first .luxury-house-subtitle-text {\n  font-size: 0.74em;\n  font-weight: 500;\n  letter-spacing: 3px;\n  margin: 0;\n  line-height: 1.6;\n  text-transform: uppercase;\n}\n\n#the-hills-section .luxury-house-subtitle-first .luxury-house-line-first {\n  display: block;\n}\n\n#the-hills-section .luxury-house-subtitle-first .luxury-house-line-second {\n  display: block;\n  margin-top: 4px;\n}\n\n#the-hills-section .luxury-house-subtitle-first .luxury-house-divider {\n  display: inline-block;\n  margin: 0 12px;\n  font-weight: 200;\n  opacity: 0.7;\n  font-size: 1.5em;\n  line-height: 0.5em;\n  vertical-align: middle;\n}\n\n\/* T\u00edtulo *\/\n#the-hills-section .luxury-house-main-title .luxury-house-title-text {\n  font-size: 2em;\n  font-weight: 700;\n  letter-spacing: 4px;\n  margin: 10px 0;\n  line-height: 1.2;\n  text-transform: uppercase;\n}\n\n\/* Subt\u00edtulo 2 *\/\n#the-hills-section .luxury-house-subtitle-second .luxury-house-subtitle-text-second {\n  font-size: 0.8em;\n  font-weight: 400;\n  letter-spacing: 2px;\n  margin: 0 0 30px 0;\n  line-height: 1.6;\n  text-transform: none;\n  font-style: italic;\n}\n\n\/* Bot\u00f3n *\/\n#the-hills-section .luxury-house-button-area {\n  margin-top: 20px;\n}\n\n#the-hills-section .luxury-house-read-more {\n  display: inline-block;\n  padding: 13px 30px;\n  font-size: 0.75em;\n  font-weight: 500;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  text-decoration: none;\n  color: #ffffff;\n  background-color: transparent;\n  border: 0.3px solid #ffffff;\n  position: relative;\n  overflow: hidden;\n  transition: color 0.5s ease;\n}\n\n#the-hills-section .luxury-house-read-more::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 100%;\n  background-color: #ffffff;\n  transition: width 0.5s ease;\n  z-index: -1;\n}\n\n#the-hills-section .luxury-house-read-more:hover::before {\n  width: 100%;\n}\n\n#the-hills-section .luxury-house-read-more:hover {\n  color: #1a1a1a;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #the-hills-section .luxury-house-subtitle-first .luxury-house-subtitle-text {\n    font-size: 0.8em;\n    letter-spacing: 6px;\n  }\n  #the-hills-section .luxury-house-main-title .luxury-house-title-text {\n    font-size: 1.8em;\n  }\n  #the-hills-section .luxury-house-subtitle-second .luxury-house-subtitle-text-second {\n    font-size: 0.75em;\n  }\n  #the-hills-section .luxury-house-subtitle-first .luxury-house-divider {\n    margin: 0 8px;\n  }\n  #the-hills-section .luxury-house-read-more {\n    padding: 12px 25px;\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  #the-hills-section .luxury-house-text-content {\n    padding: 15px;\n  }\n  #the-hills-section .luxury-house-subtitle-first .luxury-house-subtitle-text {\n    font-size: 0.7em;\n    letter-spacing: 4px;\n  }\n  #the-hills-section .luxury-house-main-title .luxury-house-title-text {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n  #the-hills-section .luxury-house-subtitle-second .luxury-house-subtitle-text-second {\n    font-size: 0.7em;\n  }\n  #the-hills-section .luxury-house-subtitle-first .luxury-house-divider {\n    margin: 0 6px;\n    font-size: 1.2em;\n  }\n  #the-hills-section .luxury-house-read-more {\n    padding: 10px 20px;\n    font-size: 0.85em;\n  }\n}\n\n@media (max-width: 480px) {\n  #the-hills-section .luxury-house-main-title .luxury-house-title-text {\n    font-size: 1.3em;\n  }\n  #the-hills-section .luxury-house-subtitle-second .luxury-house-subtitle-text-second {\n    font-size: 0.65em;\n  }\n  #the-hills-section .luxury-house-read-more {\n    padding: 8px 15px;\n    font-size: 0.8em;\n  }\n}\n<\/style>\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<div class=\"elementor-element elementor-element-45a5c75e e-flex e-con-boxed e-con e-parent\" data-id=\"45a5c75e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-356a6049 elementor-widget elementor-widget-html\" data-id=\"356a6049\" data-element_type=\"widget\" id=\"seccion2-cliff-house\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"the-cliff-section-1\" class=\"cliff-wrapper\">\n  <div class=\"cliff-content-wrapper\">\n    <!-- Imagen izquierda -->\n    <div class=\"cliff-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-Hosue-Concept.jpg\" alt=\"Cliff House by Mauryarte\" class=\"cliff-reveal-image\">\n    <\/div>\n    <!-- Texto derecho -->\n    <div class=\"cliff-text-container\">\n      <div class=\"cliff-vertical-bar\"><\/div>\n      <div class=\"cliff-text-content\">\n        <div class=\"cliff-main-title\">\n          <p class=\"cliff-title-text\">DESIGN BRIEF<\/p>\n        <\/div>\n        <div class=\"cliff-paragraphs\">\n          <p class=\"cliff-paragraph\">\n            The Cliff House is a luxury residence suspended over a cliff, designed by Mauryarte Arquitectura as a bold dialogue between engineering and landscape. Inspired by Paul McClean's minimalist sophistication and SAOTA's seamless integration with nature, this masterpiece redefines the boundaries of contemporary architecture with spectacular cantilevers that defy gravity.\n\nThe design merges reinforced concrete, panoramic glass, and corten steel, achieving a composition of pure geometries and layered volumes that seem to float above the mountain. Every element\u2014from the infinity pool to the floating terraces\u2014was conceived to create a unique sensory experience, where the inhabitant feels suspended between sky and earth, immersed in a perfect balance between architecture and nature.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos encapsulados para evitar conflictos *\/\n#the-cliff-section-1.cliff-wrapper {\n  background-color: #E3E4E5;\n  color: #000;\n  padding: 50px 0;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  overflow: hidden;\n  min-height: 100vh;\n  display: flex;\n  align-items: stretch;\n}\n\n#the-cliff-section-1 .cliff-content-wrapper {\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  padding-right: 80px; \/* Modificado *\/\n  gap: 100px;\n}\n\n#the-cliff-section-1 .cliff-image-container {\n  width: 70%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-start;\n  overflow: hidden;\n}\n\n#the-cliff-section-1 .cliff-reveal-image {\n  width: 120%;\n  height: 100%;\n  object-fit: cover;\n  object-position: left center;\n  -webkit-mask-image: linear-gradient(135deg, transparent 0%, black 20%);\n  mask-image: linear-gradient(135deg, transparent 0%, black 20%);\n  transition: mask-image 1s ease-out;\n}\n\n#the-cliff-section-1 .cliff-text-container {\n  width: calc(50% - 140px); \/* Modificado *\/\n  max-width: 700px;\n  padding-left: 60px;\n  position: relative;\n  margin-right: 20px; \/* Nuevo *\/\n}\n\n#the-cliff-section-1 .cliff-vertical-bar {\n  position: absolute;\n  left: 10px; \/* Modificado *\/\n  top: 0;\n  width: 0.1px;\n  background-color: rgba(0,0,0,0.2);\n  height: 0;\n  transition: height 1s ease-out;\n}\n\n#the-cliff-section-1 .cliff-main-title .cliff-title-text {\n  font-size: 1.6em;\n  font-weight: 700;\n  letter-spacing: 4px;\n  margin: 40px 0 20px;\n  text-transform: uppercase;\n  font-family: \"Helvetica Neue\", sans-serif;\n}\n\n#the-cliff-section-1 .cliff-paragraphs .cliff-paragraph {\n  font-size: 0.83em;\n  font-weight: 200;\n  letter-spacing: 1.5px;\n  line-height: 1.8;\n  text-align: justify;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #the-cliff-section-1 .cliff-content-wrapper {\n    flex-direction: column;\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #the-cliff-section-1 .cliff-image-container {\n    width: 100%;\n  }\n  #the-cliff-section-1 .cliff-text-container {\n    width: 90%;\n    padding-left: 30px;\n  }\n}\n\n@media (max-width: 768px) {\n  #the-cliff-section-1 .cliff-vertical-bar {\n    width: 80%;\n    height: 0.1px;\n    margin-bottom: 20px;\n    transition: width 1s ease-out;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const section1 = document.getElementById('the-cliff-section-1');\n  if (!section1) return;\n\n  const bar = section1.querySelector('.cliff-vertical-bar');\n  const img = section1.querySelector('.cliff-reveal-image');\n  const isMobile = window.innerWidth <= 768;\n\n  function animateSection() {\n    const rect = section1.getBoundingClientRect();\n    const progress = Math.min(1, Math.max(0, (window.innerHeight * 0.7 - rect.top) \/ (window.innerHeight * 0.4));\n\n    if (isMobile) {\n      bar.style.width = `${progress * 80}%`;\n    } else {\n      bar.style.height = `${progress * 100}%`;\n    }\n    \n    const maskProgress = progress * 150;\n    img.style.maskImage = `linear-gradient(135deg, black ${maskProgress - 30}%, transparent ${maskProgress}%)`;\n  }\n\n  window.addEventListener('scroll', animateSection);\n  window.addEventListener('resize', function() {\n    isMobile = window.innerWidth <= 768;\n    animateSection();\n  });\n  animateSection();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac90cc2 e-flex e-con-boxed e-con e-parent\" data-id=\"ac90cc2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eed1720 elementor-widget elementor-widget-html\" data-id=\"eed1720\" data-element_type=\"widget\" id=\"seccion3-cliff-house\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"the-cliff-section-2\" class=\"cliff-wrapper\">\n  <div class=\"cliff-content-wrapper\">\n    <div class=\"cliff-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-House-Exterior.jpg\" alt=\"Fachada Cliff House\" class=\"cliff-reveal-image\">\n    <\/div>\n    <div class=\"cliff-text-container\">\n      <div class=\"cliff-vertical-bar\"><\/div>\n      <div class=\"cliff-text-content\">\n        <div class=\"cliff-main-title\">\n          <p class=\"cliff-title-text\">SCULPTURAL FACADE<\/p>\n        <\/div>\n        <div class=\"cliff-paragraphs\">\n          <p class=\"cliff-paragraph\">\n            The facade of The Cliff House is a minimalist work of art. Mauryarte employs pure geometries, overlapping volumes, and pristine white surfaces to enhance the sense of lightness. The contrast between sculpted concrete and expansive glass windows creates a dialogue between solidity and transparency, achieving a seamless interaction with light and the landscape.\n\nWith a stunning modern pool that extends cantilevered up to 6 meters, the structure reaches out with an elegance that defies gravity. The horizontal lines emphasize visual amplitude, integrating the residence with the horizon. Each view has been strategically framed to offer infinite panoramas, while the architecture seamlessly merges with nature.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos encapsulados para evitar conflictos *\/\n#the-cliff-section-2.cliff-wrapper {\n  background-color: #F0F1F2;\n  color: #000;\n  padding: 50px 0;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  overflow: hidden;\n  min-height: 100vh;\n  display: flex;\n  align-items: stretch;\n}\n\n#the-cliff-section-2 .cliff-content-wrapper {\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  padding-right: 80px; \/* Aumentado de 20px a 80px *\/\n  gap: 100px;\n}\n\n#the-cliff-section-2 .cliff-image-container {\n  width: 70%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-start;\n  overflow: hidden;\n}\n\n#the-cliff-section-2 .cliff-reveal-image {\n  width: 120%;\n  height: 100%;\n  object-fit: cover;\n  object-position: left center;\n  -webkit-mask-image: linear-gradient(135deg, transparent 0%, black 20%);\n  mask-image: linear-gradient(135deg, transparent 0%, black 20%);\n  transition: mask-image 1s ease-out;\n}\n\n#the-cliff-section-2 .cliff-text-container {\n  width: calc(50% - 140px); \/* Ajustado de -100px a -140px *\/\n  max-width: 700px;\n  padding-left: 60px;\n  position: relative;\n  margin-right: 20px; \/* Nuevo margen *\/\n}\n\n#the-cliff-section-2 .cliff-vertical-bar {\n  position: absolute;\n  left: 10px; \/* Reducido de 20px a 10px *\/\n  top: 0;\n  width: 0.1px;\n  background-color: rgba(0,0,0,0.2);\n  height: 0;\n  transition: height 1s ease-out;\n}\n\n#the-cliff-section-2 .cliff-main-title .cliff-title-text {\n  font-size: 1.6em;\n  font-weight: 700;\n  letter-spacing: 4px;\n  margin: 40px 0 20px;\n  text-transform: uppercase;\n  font-family: \"Helvetica Neue\", sans-serif;\n}\n\n#the-cliff-section-2 .cliff-paragraphs .cliff-paragraph {\n  font-size: 0.83em;\n  font-weight: 200;\n  letter-spacing: 1.5px;\n  line-height: 1.8;\n  text-align: justify;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #the-cliff-section-2 .cliff-content-wrapper {\n    flex-direction: column;\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #the-cliff-section-2 .cliff-image-container {\n    width: 100%;\n  }\n  #the-cliff-section-2 .cliff-text-container {\n    width: 90%;\n    padding-left: 30px;\n  }\n}\n\n@media (max-width: 768px) {\n  #the-cliff-section-2 .cliff-vertical-bar {\n    width: 80%;\n    height: 0.1px;\n    margin-bottom: 20px;\n    transition: width 1s ease-out;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const section2 = document.getElementById('the-cliff-section-2');\n  if (!section2) return;\n\n  const bar = section2.querySelector('.cliff-vertical-bar');\n  const img = section2.querySelector('.cliff-reveal-image');\n  let isMobile = window.innerWidth <= 768;\n\n  function animateSection() {\n    const rect = section2.getBoundingClientRect();\n    const progress = Math.min(1, Math.max(0, (window.innerHeight * 0.7 - rect.top) \/ (window.innerHeight * 0.4)));\n\n    if (isMobile) {\n      bar.style.width = `${progress * 80}%`;\n    } else {\n      bar.style.height = `${progress * 100}%`;\n    }\n    \n    const maskProgress = progress * 150;\n    img.style.maskImage = `linear-gradient(135deg, black ${maskProgress - 30}%, transparent ${maskProgress}%)`;\n  }\n\n  window.addEventListener('scroll', animateSection);\n  window.addEventListener('resize', function() {\n    isMobile = window.innerWidth <= 768;\n    animateSection();\n  });\n  animateSection();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c674e28 e-flex e-con-boxed e-con e-parent\" data-id=\"c674e28\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4413d8 elementor-widget elementor-widget-html\" data-id=\"e4413d8\" data-element_type=\"widget\" id=\"seccion4-cliff-house\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"the-cliff-section-3\" class=\"cliff-wrapper\">\n  <div class=\"cliff-content-wrapper\">\n    <div class=\"cliff-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Image8.1-scaled-e1743522445951.jpg\" alt=\"Interior Cliff House\" class=\"cliff-reveal-image\">\n    <\/div>\n    <div class=\"cliff-text-container\">\n      <div class=\"cliff-vertical-bar\"><\/div>\n      <div class=\"cliff-text-content\">\n        <div class=\"cliff-main-title\">\n          <p class=\"cliff-title-text\">SPATIAL EXPERIENCE<\/p>\n        <\/div>\n        <div class=\"cliff-paragraphs\">\n          <p class=\"cliff-paragraph\">\n           The journey through The Cliff House is a choreography of light, shadow, and perspective. Mauryarte has designed spatial sequences that progressively unveil the landscape, from a discreet entrance to open spaces that extend seamlessly toward the horizon.\n\nThe material palette elevates understated luxury: polished marble, natural stone, and refined steel create a balance between cool and warm textures. A standout feature is the wood-clad ceiling, adding a sophisticated warmth that contrasts with the purity of the white volumes, creating a welcoming atmosphere while maintaining minimalist elegance. The spaces flow uninterrupted, with glass walls that erase the boundaries between the interior and the ocean. Floating terraces reinforce the connection with the void, offering a setting where architecture becomes landscape.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<style>\n\/* Estilos encapsulados para evitar conflictos *\/\n#the-cliff-section-3.cliff-wrapper {\n  background-color: #F0F1F2;\n  color: #000;\n  padding: 50px 0;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  overflow: hidden;\n  min-height: 100vh;\n  display: flex;\n  align-items: stretch;\n}\n\n#the-cliff-section-3 .cliff-content-wrapper {\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  padding-right: 80px; \/* Aumentado de 20px a 80px *\/\n  gap: 100px;\n}\n\n#the-cliff-section-3 .cliff-image-container {\n  width: 70%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-start;\n  overflow: hidden;\n}\n\n#the-cliff-section-3 .cliff-reveal-image {\n  width: 120%;\n  height: 100%;\n  object-fit: cover;\n  object-position:  center;\n  -webkit-mask-image: linear-gradient(135deg, transparent 0%, black 20%);\n  mask-image: linear-gradient(135deg, transparent 0%, black 20%);\n  transition: mask-image 1s ease-out;\n}\n\n#the-cliff-section-3 .cliff-text-container {\n  width: calc(50% - 140px); \/* Ajustado de -100px a -140px *\/\n  max-width: 700px;\n  padding-left: 60px;\n  position: relative;\n  margin-right: 20px; \/* Nuevo margen *\/\n}\n\n#the-cliff-section-3 .cliff-vertical-bar {\n  position: absolute;\n  left: 10px; \/* Reducido de 20px a 10px *\/\n  top: 0;\n  width: 0.1px;\n  background-color: rgba(0,0,0,0.2);\n  height: 0;\n  transition: height 1s ease-out;\n}\n\n#the-cliff-section-3 .cliff-main-title .cliff-title-text {\n  font-size: 1.6em;\n  font-weight: 700;\n  letter-spacing: 4px;\n  margin: 40px 0 20px;\n  text-transform: uppercase;\n  font-family: \"Helvetica Neue\", sans-serif;\n}\n\n#the-cliff-section-3 .cliff-paragraphs .cliff-paragraph {\n  font-size: 0.83em;\n  font-weight: 200;\n  letter-spacing: 1.5px;\n  line-height: 1.8;\n  text-align: justify;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #the-cliff-section-3 .cliff-content-wrapper {\n    flex-direction: column;\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #the-cliff-section-3 .cliff-image-container {\n    width: 100%;\n  }\n  #the-cliff-section-3 .cliff-text-container {\n    width: 90%;\n    padding-left: 30px;\n  }\n}\n\n@media (max-width: 768px) {\n  #the-cliff-section-2 .cliff-vertical-bar {\n    width: 80%;\n    height: 0.1px;\n    margin-bottom: 20px;\n    transition: width 1s ease-out;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const section2 = document.getElementById('the-cliff-section-2');\n  if (!section2) return;\n\n  const bar = section2.querySelector('.cliff-vertical-bar');\n  const img = section2.querySelector('.cliff-reveal-image');\n  let isMobile = window.innerWidth <= 768;\n\n  function animateSection() {\n    const rect = section2.getBoundingClientRect();\n    const progress = Math.min(1, Math.max(0, (window.innerHeight * 0.7 - rect.top) \/ (window.innerHeight * 0.4)));\n\n    if (isMobile) {\n      bar.style.width = `${progress * 80}%`;\n    } else {\n      bar.style.height = `${progress * 100}%`;\n    }\n    \n    const maskProgress = progress * 150;\n    img.style.maskImage = `linear-gradient(135deg, black ${maskProgress - 30}%, transparent ${maskProgress}%)`;\n  }\n\n  window.addEventListener('scroll', animateSection);\n  window.addEventListener('resize', function() {\n    isMobile = window.innerWidth <= 768;\n    animateSection();\n  });\n  animateSection();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bbea49 e-flex e-con-boxed e-con e-parent\" data-id=\"2bbea49\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc59c6f elementor-widget elementor-widget-html\" data-id=\"cc59c6f\" data-element_type=\"widget\" id=\"seccion5-cliff-house\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"the-cliff-section-4\" class=\"cliff-wrapper\">\n  <div class=\"cliff-content-wrapper\">\n    <div class=\"cliff-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Side-View-outline-1.png\" alt=\"Tecnolog\u00eda Cliff House\" class=\"cliff-reveal-image\">\n    <\/div>\n    <div class=\"cliff-text-container\">\n      <div class=\"cliff-vertical-bar\"><\/div>\n      <div class=\"cliff-text-content\">\n        <div class=\"cliff-main-title\">\n          <p class=\"cliff-title-text\">RENDERITATION<\/p>\n        <\/div>\n        <div class=\"cliff-paragraphs\">\n          <p class=\"cliff-paragraph\">\n            The renders of The Cliff House are not just representations; they are a sensory extension of the project. Mauryarte masterfully translates the essence of a design inspired by the timeless elegance of McClean Design and the structural boldness of SAOTA. Each image captures geometric purity, the serenity of clean lines, and the perfect interplay of natural light and materiality.\n\nThese visualizations do not just showcase the architecture\u2014they transform it into an object of desire. The crispness of the white volumes, the weightlessness of the cantilevers, and the subtle reflections in the infinity pool convey the unique experience of inhabiting a space suspended between sky and earth. Each render anticipates what it will feel like to live inside this architectural masterpiece, elevating design into a tangible art form that captivates even before it is built.\n\n\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos encapsulados para evitar conflictos *\/\n#the-cliff-section-4.cliff-wrapper {\n  background-color: #F0F1F2;\n  color: #000;\n  padding: 50px 0;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  overflow: hidden;\n  min-height: 100vh;\n  display: flex;\n  align-items: stretch;\n}\n\n#the-cliff-section-4 .cliff-content-wrapper {\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  padding-right: 80px; \/* Aumentado de 20px a 80px *\/\n  gap: 100px;\n}\n\n#the-cliff-section-4 .cliff-image-container {\n  width: 70%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-start;\n  overflow: hidden;\n}\n\n#the-cliff-section-4 .cliff-reveal-image {\n  width: 120%;\n  height: 100%;\n  object-fit: cover;\n  object-position:  center;\n  -webkit-mask-image: linear-gradient(135deg, transparent 0%, black 20%);\n  mask-image: linear-gradient(135deg, transparent 0%, black 20%);\n  transition: mask-image 1s ease-out;\n}\n\n#the-cliff-section-4 .cliff-text-container {\n  width: calc(50% - 140px); \/* Ajustado de -100px a -140px *\/\n  max-width: 700px;\n  padding-left: 60px;\n  position: relative;\n  margin-right: 20px; \/* Nuevo margen *\/\n}\n\n#the-cliff-section-4 .cliff-vertical-bar {\n  position: absolute;\n  left: 10px; \/* Reducido de 20px a 10px *\/\n  top: 0;\n  width: 0.1px;\n  background-color: rgba(0,0,0,0.2);\n  height: 0;\n  transition: height 1s ease-out;\n}\n\n#the-cliff-section-4 .cliff-main-title .cliff-title-text {\n  font-size: 1.6em;\n  font-weight: 700;\n  letter-spacing: 4px;\n  margin: 40px 0 20px;\n  text-transform: uppercase;\n  font-family: \"Helvetica Neue\", sans-serif;\n}\n\n#the-cliff-section-4 .cliff-paragraphs .cliff-paragraph {\n  font-size: 0.83em;\n  font-weight: 200;\n  letter-spacing: 1.5px;\n  line-height: 1.8;\n  text-align: justify;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #the-cliff-section-4 .cliff-content-wrapper {\n    flex-direction: column;\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #the-cliff-section-4 .cliff-image-container {\n    width: 100%;\n  }\n  #the-cliff-section-4 .cliff-text-container {\n    width: 90%;\n    padding-left: 30px;\n  }\n}\n\n@media (max-width: 768px) {\n  #the-cliff-section-4 .cliff-vertical-bar {\n    width: 80%;\n    height: 0.1px;\n    margin-bottom: 20px;\n    transition: width 1s ease-out;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const section2 = document.getElementById('the-cliff-section-2');\n  if (!section2) return;\n\n  const bar = section2.querySelector('.cliff-vertical-bar');\n  const img = section2.querySelector('.cliff-reveal-image');\n  let isMobile = window.innerWidth <= 768;\n\n  function animateSection() {\n    const rect = section2.getBoundingClientRect();\n    const progress = Math.min(1, Math.max(0, (window.innerHeight * 0.7 - rect.top) \/ (window.innerHeight * 0.4)));\n\n    if (isMobile) {\n      bar.style.width = `${progress * 80}%`;\n    } else {\n      bar.style.height = `${progress * 100}%`;\n    }\n    \n    const maskProgress = progress * 150;\n    img.style.maskImage = `linear-gradient(135deg, black ${maskProgress - 30}%, transparent ${maskProgress}%)`;\n  }\n\n  window.addEventListener('scroll', animateSection);\n  window.addEventListener('resize', function() {\n    isMobile = window.innerWidth <= 768;\n    animateSection();\n  });\n  animateSection();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d060744 e-flex e-con-boxed e-con e-parent\" data-id=\"7d060744\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29d74452 elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"29d74452\" data-element_type=\"widget\" id=\"seccion6-cliff-house\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2048\" height=\"928\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-House.jpg\" class=\"attachment-full size-full wp-image-5488\" alt=\"\" srcset=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-House.jpg 2048w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-House-300x136.jpg 300w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-House-1024x464.jpg 1024w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-House-768x348.jpg 768w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-House-1536x696.jpg 1536w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-House-18x8.jpg 18w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dae4e10 e-flex e-con-boxed e-con e-parent\" data-id=\"dae4e10\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12a6688 elementor-widget elementor-widget-html\" data-id=\"12a6688\" data-element_type=\"widget\" id=\"seccion7-cliff-house\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"contact-projects\" class=\"contact-projects-section\">\n  <div class=\"contact-projects-wrapper\">\n    <!-- Contenedor del texto y formulario centrado -->\n    <div class=\"contact-projects-container\">\n      <div class=\"contact-projects-horizontal-bar\"><\/div>\n      <div class=\"contact-projects-content\">\n        <!-- Informaci\u00f3n de contacto -->\n        <div class=\"contact-projects-main-title\">\n          <p class=\"contact-projects-title-text\">mauryarte studio<\/p>\n        <\/div>\n        <div class=\"contact-projects-details\">\n          <p class=\"contact-projects-paragraph\">\n        \n            Medell\u00edn, Colombia\n          <\/p>\n          <p class=\"contact-projects-paragraph\">\n            email: <a href=\"mailto:projects@mauryarte.com\">projects@mauryarte.com<\/a>\n          <\/p>\n        <\/div>\n        <!-- Formulario -->\n        <div class=\"contact-form-title\">\n          <p class=\"contact-form-title-text\">Get in Touch<\/p>\n        <\/div>\n        <form class=\"contact-form\" action=\"\/send-email.php\" method=\"POST\" data-trp-original-action=\"\/send-email.php\">\n          <div class=\"form-group\">\n            <input type=\"text\" name=\"name\" placeholder=\"Name*\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <input type=\"tel\" name=\"phone\" placeholder=\"Phone Number*\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <input type=\"email\" name=\"email\" placeholder=\"Email Address*\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <textarea name=\"message\" placeholder=\"Message\" rows=\"4\"><\/textarea>\n          <\/div>\n          <div class=\"form-group checkbox-group\">\n            <input type=\"checkbox\" name=\"privacy\" id=\"privacy\" value=\"Yes\" required>\n            <label for=\"privacy\">I understand that my data will be stored in accordance with the privacy policy<\/label>\n          <\/div>\n          <div style=\"display: none;\">\n            <input type=\"text\" name=\"honeypot\" value=\"\">\n          <\/div>\n          <div class=\"form-group\">\n            <button type=\"submit\" class=\"submit-button\">SUBMIT<\/button>\n          <\/div>\n          <div class=\"form-message\" style=\"display: none;\"><\/div>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estructura base para la secci\u00f3n de contacto *\/\n.contact-projects-section {\n  background-color: #ffffff;\n  color: #000000;\n  padding: 50px 0;\n  height: auto;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.contact-projects-wrapper {\n  width: 100%;\n  max-width: 800px; \/* M\u00e1s estrecho para centrado *\/\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 20px;\n  box-sizing: border-box;\n}\n\n\/* Contenedor del contenido centrado *\/\n.contact-projects-container {\n  position: relative;\n  width: 100%;\n  max-width: 700px;\n  box-sizing: border-box;\n  text-align: center;\n}\n\n\/* Barra horizontal *\/\n.contact-projects-horizontal-bar {\n  width: 100px;\n  height: 1px;\n  background-color: rgba(0, 0, 0, 0.2);\n  margin: 0 auto 30px auto;\n}\n\n\/* Estilos para el t\u00edtulo de la informaci\u00f3n de contacto *\/\n.contact-projects-main-title .contact-projects-title-text {\n  font-size: 1.6em;\n  font-weight: 700;\n  letter-spacing: 4px;\n  margin: 20px 0;\n  line-height: 1.2;\n  text-transform: uppercase;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n\/* Estilos para los detalles de contacto *\/\n.contact-projects-details .contact-projects-paragraph {\n  font-size: 0.83em;\n  font-weight: 200;\n  letter-spacing: 1.5px;\n  margin: 0 0 20px 0;\n  line-height: 1.8;\n  text-transform: none;\n  font-style: normal;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n.contact-projects-details a {\n  color: #000000;\n  text-decoration: none;\n}\n\n.contact-projects-details a:hover {\n  text-decoration: underline;\n}\n\n\/* Estilos para el t\u00edtulo del formulario *\/\n.contact-form-title .contact-form-title-text {\n  font-size: 1.6em;\n  font-weight: 700;\n  letter-spacing: 4px;\n  margin: 40px 0 20px 0;\n  line-height: 1.2;\n  text-transform: uppercase;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n\/* Estilos del formulario *\/\n.contact-form {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  max-width: 500px;\n  margin: 0 auto;\n}\n\n.form-group {\n  display: flex;\n  flex-direction: column;\n}\n\n.form-group input,\n.form-group textarea {\n  width: 100%;\n  padding: 10px;\n  font-size: 0.83em;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  border: 1px solid #1a1a1a;\n  background-color: transparent;\n  outline: none;\n  box-sizing: border-box;\n}\n\n.form-group textarea {\n  resize: vertical;\n}\n\n.form-group input::placeholder,\n.form-group textarea::placeholder {\n  color: #1a1a1a;\n  opacity: 0.7;\n}\n\n.checkbox-group {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 0.83em;\n  font-weight: 200;\n  letter-spacing: 1.5px;\n  line-height: 1.8;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  justify-content: center;\n  text-align: left;\n}\n\n.checkbox-group input {\n  width: auto;\n}\n\n.submit-button {\n  display: inline-block;\n  padding: 15px 30px;\n  font-size: 0.83em;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  text-decoration: none;\n  color: #1a1a1a;\n  background-color: transparent;\n  border: 2px solid #1a1a1a;\n  position: relative;\n  overflow: hidden;\n  transition: color 0.5s ease;\n  cursor: pointer;\n  margin-top: 20px;\n}\n\n.submit-button::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 100%;\n  background-color: #ffffff;\n  transition: width 0.5s ease;\n  z-index: -1;\n}\n\n.submit-button:hover::before {\n  width: 100%;\n}\n\n.submit-button:hover {\n  color: #1a1a1a;\n}\n\n.form-message {\n  margin-top: 15px;\n  font-size: 0.93em;\n  font-weight: 400;\n  letter-spacing: 1.5px;\n  line-height: 1.8;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  color: #28a785;\n  text-align: center;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 768px) {\n  .contact-projects-wrapper {\n    padding: 0 15px;\n  }\n\n  .contact-projects-main-title .contact-projects-title-text,\n  .contact-form-title .contact-form-title-text {\n    font-size: 1.4em;\n    letter-spacing: 2px;\n  }\n\n  .contact-projects-details .contact-projects-paragraph,\n  .form-group input,\n  .form-group textarea,\n  .checkbox-group {\n    font-size: 0.8em;\n  }\n\n  .submit-button {\n    padding: 12px 25px;\n    font-size: 0.8em;\n  }\n\n  .contact-projects-horizontal-bar {\n    margin-bottom: 20px;\n  }\n}\n\n@media (max-width: 480px) {\n  .contact-projects-section {\n    padding: 30px 0;\n  }\n\n  .contact-projects-main-title .contact-projects-title-text,\n  .contact-form-title .contact-form-title-text {\n    font-size: 1.2em;\n  }\n\n  .checkbox-group {\n    font-size: 0.75em;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  \/\/ Manejar el env\u00edo del formulario con AJAX\n  document.querySelector('.contact-form').addEventListener('submit', function (e) {\n    e.preventDefault(); \/\/ Evitar que la p\u00e1gina se recargue\n\n    const form = this;\n    const formMessage = document.querySelector('.form-message');\n    const formData = new FormData(form);\n\n    fetch(form.action, {\n      method: 'POST',\n      body: formData\n    })\n      .then(response => response.text())\n      .then(data => {\n        if (data === 'success') {\n          formMessage.style.display = 'block';\n          formMessage.textContent = 'Thank you for your message, it has been sent.';\n          form.reset(); \/\/ Limpiar el formulario\n        } else {\n          formMessage.style.display = 'block';\n          formMessage.style.color = '#dc3545'; \/\/ Rojo para errores\n          formMessage.textContent = data; \/\/ Mostrar el mensaje de error\n        }\n      })\n      .catch(error => {\n        formMessage.style.display = 'block';\n        formMessage.style.color = '#dc3545'; \/\/ Rojo para errores\n        formMessage.textContent = 'Error al enviar el formulario. Por favor, intenta de nuevo.';\n      });\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>RESIDENTIAL LUXURY HOUSE DESIGN| Location: El Retiro, Medell\u00edn Area: 300m\u00b2 | Lot: \u22482,000 m\u00b2\/lot | Lead Studio: MauryArte CLIFF HOUSE A country house on the outskirts of Medellin, modern, luxury, relaxation, all while fusing Japanese zen essence with the natural exuberance of El Retiro&#8217;s surroundings. READ MORE DESIGN BRIEF The Cliff House is a luxury [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":138,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4269","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cliff House - Mauryarte Arquitectura<\/title>\n<meta name=\"description\" content=\"Explore Cliff House: a modern architectural masterpiece perched on a cliff, offering panoramic views, minimalist elegance, and seamless integration with nature.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/cliff-house\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cliff House - Mauryarte Arquitectura\" \/>\n<meta property=\"og:description\" content=\"Explore Cliff House: a modern architectural masterpiece perched on a cliff, offering panoramic views, minimalist elegance, and seamless integration with nature.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/cliff-house\/\" \/>\n<meta property=\"og:site_name\" content=\"Mauryarte Arquitectura\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-21T21:40:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-Hosue-Concept.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/\",\"name\":\"Cliff House - Mauryarte Arquitectura\",\"isPartOf\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-Hosue-Concept.jpg\",\"datePublished\":\"2025-03-19T11:35:44+00:00\",\"dateModified\":\"2025-07-21T21:40:52+00:00\",\"description\":\"Explore Cliff House: a modern architectural masterpiece perched on a cliff, offering panoramic views, minimalist elegance, and seamless integration with nature.\",\"breadcrumb\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/#primaryimage\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-Hosue-Concept.jpg\",\"contentUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-Hosue-Concept.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/arquitectura.mauryarte.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cliff House\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#website\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/\",\"name\":\"Mauryarte Arquitectura\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/arquitectura.mauryarte.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-CO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#organization\",\"name\":\"Mauryarte Arquitectura\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Logo-Mauryarte-Texto-MAURYARTE-SOLO-SANSATION.png\",\"contentUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Logo-Mauryarte-Texto-MAURYARTE-SOLO-SANSATION.png\",\"width\":443,\"height\":65,\"caption\":\"Mauryarte Arquitectura\"},\"image\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cliff House - Mauryarte Arquitectura","description":"Explore Cliff House: a modern architectural masterpiece perched on a cliff, offering panoramic views, minimalist elegance, and seamless integration with nature.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/cliff-house\/","og_locale":"es_ES","og_type":"article","og_title":"Cliff House - Mauryarte Arquitectura","og_description":"Explore Cliff House: a modern architectural masterpiece perched on a cliff, offering panoramic views, minimalist elegance, and seamless integration with nature.","og_url":"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/cliff-house\/","og_site_name":"Mauryarte Arquitectura","article_modified_time":"2025-07-21T21:40:52+00:00","og_image":[{"url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-Hosue-Concept.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/","url":"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/","name":"Cliff House - Mauryarte Arquitectura","isPartOf":{"@id":"https:\/\/arquitectura.mauryarte.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/#primaryimage"},"image":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/#primaryimage"},"thumbnailUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-Hosue-Concept.jpg","datePublished":"2025-03-19T11:35:44+00:00","dateModified":"2025-07-21T21:40:52+00:00","description":"Explore Cliff House: a modern architectural masterpiece perched on a cliff, offering panoramic views, minimalist elegance, and seamless integration with nature.","breadcrumb":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/"]}]},{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/#primaryimage","url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-Hosue-Concept.jpg","contentUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-Hosue-Concept.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/arquitectura.mauryarte.com\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/arquitectura.mauryarte.com\/portfolio\/"},{"@type":"ListItem","position":3,"name":"Cliff House"}]},{"@type":"WebSite","@id":"https:\/\/arquitectura.mauryarte.com\/#website","url":"https:\/\/arquitectura.mauryarte.com\/","name":"Mauryarte Arquitectura","description":"","publisher":{"@id":"https:\/\/arquitectura.mauryarte.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arquitectura.mauryarte.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-CO"},{"@type":"Organization","@id":"https:\/\/arquitectura.mauryarte.com\/#organization","name":"Mauryarte Arquitectura","url":"https:\/\/arquitectura.mauryarte.com\/","logo":{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/arquitectura.mauryarte.com\/#\/schema\/logo\/image\/","url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Logo-Mauryarte-Texto-MAURYARTE-SOLO-SANSATION.png","contentUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Logo-Mauryarte-Texto-MAURYARTE-SOLO-SANSATION.png","width":443,"height":65,"caption":"Mauryarte Arquitectura"},"image":{"@id":"https:\/\/arquitectura.mauryarte.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/4269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/comments?post=4269"}],"version-history":[{"count":83,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/4269\/revisions"}],"predecessor-version":[{"id":6087,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/4269\/revisions\/6087"}],"up":[{"embeddable":true,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/138"}],"wp:attachment":[{"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/media?parent=4269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}