{"id":853,"date":"2025-01-20T20:33:06","date_gmt":"2025-01-21T01:33:06","guid":{"rendered":"https:\/\/arquitectura.mauryarte.com\/?page_id=853"},"modified":"2025-07-21T16:44:23","modified_gmt":"2025-07-21T21:44:23","slug":"edificio-feeling","status":"publish","type":"page","link":"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/edificio-feeling\/","title":{"rendered":"Edificio Feeling"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"853\" class=\"elementor elementor-853\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-544eb0b e-flex e-con-boxed e-con e-parent\" data-id=\"544eb0b\" 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-dd2a071 elementor-widget elementor-widget-html\" data-id=\"dd2a071\" 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-Feeling\">\n    <a href=\"#seccion1-Feeling\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion2-Feeling\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion3-Feeling\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion4-Feeling\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion5-Feeling\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion6-Feeling\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion7-Feeling\" 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-1628c4fe elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"1628c4fe\" data-element_type=\"section\" id=\"seccion1-Feeling\" 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-1650da8\" data-id=\"1650da8\" 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-21d5013e elementor-widget elementor-widget-html\" data-id=\"21d5013e\" 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=\"feeling\" class=\"feeling-wrapper\">\n  <div class=\"feeling-text-content\">\n    <!-- First Subtitle -->\n    <div class=\"feeling-subtitle-first\">\n      <p class=\"feeling-subtitle-text\">\n        <span class=\"feeling-line-first\">RESIDENTIAL LUXURY BUILDING RENDERS<span class=\"feeling-divider\">|<\/span> El Poblado, Medell\u00edn<\/span>\n        <span class=\"feeling-line-second\">Client: M+GROUP | Rendering: MAURYARTE<\/span>\n      <\/p>\n    <\/div>\n    \n    <!-- Main Title -->\n    <div class=\"feeling-main-title\">\n      <p class=\"feeling-title-text\">FEELING<\/p>\n    <\/div>\n    \n    <!-- Second Subtitle -->\n    <div class=\"feeling-subtitle-second\">\n      <p class=\"feeling-subtitle-text-second\">\n        <span class=\"feeling-line-second-text\">The Feeling project redefines coliving as an innovative architectural and social experience.<\/span>\n      <\/p>\n    <\/div>\n\n    <!-- Button -->\n    <div class=\"feeling-button-area\">\n      <a href=\"#seccion2-Feeling\" class=\"feeling-read-more\">READ MORE<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Encapsulamiento con ID espec\u00edfico *\/\n#feeling.feeling-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}\n\n\/* Contenedor de texto *\/\n#feeling .feeling-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#feeling .feeling-subtitle-first .feeling-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#feeling .feeling-subtitle-first .feeling-line-first {\n  display: block;\n}\n\n#feeling .feeling-subtitle-first .feeling-line-second {\n  display: block;\n  margin-top: 4px;\n}\n\n#feeling .feeling-subtitle-first .feeling-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#feeling .feeling-main-title .feeling-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#feeling .feeling-subtitle-second .feeling-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#feeling .feeling-button-area {\n  margin-top: 20px;\n}\n\n#feeling .feeling-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#feeling .feeling-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#feeling .feeling-read-more:hover::before {\n  width: 100%;\n}\n\n#feeling .feeling-read-more:hover {\n  color: #1a1a1a;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #feeling .feeling-subtitle-first .feeling-subtitle-text {\n    font-size: 0.8em;\n    letter-spacing: 6px;\n  }\n  #feeling .feeling-main-title .feeling-title-text {\n    font-size: 1.8em;\n  }\n  #feeling .feeling-subtitle-second .feeling-subtitle-text-second {\n    font-size: 0.75em;\n  }\n  #feeling .feeling-subtitle-first .feeling-divider {\n    margin: 0 8px;\n  }\n  #feeling .feeling-read-more {\n    padding: 12px 25px;\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  #feeling .feeling-text-content {\n    padding: 15px;\n  }\n  #feeling .feeling-subtitle-first .feeling-subtitle-text {\n    font-size: 0.7em;\n    letter-spacing: 4px;\n  }\n  #feeling .feeling-main-title .feeling-title-text {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n  #feeling .feeling-subtitle-second .feeling-subtitle-text-second {\n    font-size: 0.7em;\n  }\n  #feeling .feeling-subtitle-first .feeling-divider {\n    margin: 0 6px;\n    font-size: 1.2em;\n  }\n  #feeling .feeling-read-more {\n    padding: 10px 20px;\n    font-size: 0.85em;\n  }\n}\n\n@media (max-width: 480px) {\n  #feeling .feeling-main-title .feeling-title-text {\n    font-size: 1.3em;\n  }\n  #feeling .feeling-subtitle-second .feeling-subtitle-text-second {\n    font-size: 0.65em;\n  }\n  #feeling .feeling-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-79203f1 e-flex e-con-boxed e-con e-parent\" data-id=\"79203f1\" 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-8413c24 elementor-widget elementor-widget-html\" data-id=\"8413c24\" data-element_type=\"widget\" id=\"seccion2-Feeling\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION 1 -->\n<div id=\"feeling-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\/Plano-Feeling-1.jpg\" alt=\"Feeling Tower 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\">CONCEPT & CONTEXT<\/p>\n        <\/div>\n        <div class=\"cliff-paragraphs\">\n          <p class=\"cliff-paragraph\">\n            Designed by M+GROUP, Feeling redefines coliving with a cutting-edge architectural approach in El Poblado, Medell\u00edn. This 26-story tower, featuring sleek forms and curved floor slabs, balances structural monumentality with spatial fluidity. Mauryarte was responsible for translating this vision into hyper-realistic renders, capturing the interplay of light, materials, and geometry to convey its urban and social impact.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos encapsulados para evitar conflictos *\/\n#feeling-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#feeling-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#feeling-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#feeling-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#feeling-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#feeling-section-1 .cliff-vertical-bar {\n  position: absolute;\n  left: 10px;\n  top: 0;\n  width: 1px;  \/* Cambiado de 0.1px a 1px para mejor visibilidad *\/\n  background-color: rgba(0,0,0,0.5); \/* Aumentado contraste *\/\n  height: 0;\n  transition: height 1s ease-out;\n}\n\n#feeling-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#feeling-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  #feeling-section-1 .cliff-content-wrapper {\n    flex-direction: column;\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #feeling-section-1 .cliff-image-container {\n    width: 100%;\n  }\n  #feeling-section-1 .cliff-text-container {\n    width: 90%;\n    padding-left: 30px;\n  }\n}\n\n@media (max-width: 768px) {\n  #feeling-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('feeling-section-1');\n  if (!section1) return;\n\n  const bar = section1.querySelector('.cliff-vertical-bar');\n  const img = section1.querySelector('.cliff-reveal-image');\n  let isMobile = window.innerWidth <= 768; \/\/ A\u00f1adido 'let' para variable mutable\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))); \/\/ Par\u00e9ntesis corregido\n    \n    if (isMobile) {\n      bar.style.width = `${Math.max(1, progress * 80)}%`; \/\/ Aseguramos m\u00ednimo 1%\n    } else {\n      bar.style.height = `${Math.max(10, progress * 100)}%`; \/\/ Aseguramos m\u00ednimo 10px\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-f061fd6 e-flex e-con-boxed e-con e-parent\" data-id=\"f061fd6\" 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-25cc012 elementor-widget elementor-widget-html\" data-id=\"25cc012\" data-element_type=\"widget\" id=\"seccion3-Feeling\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION 2 MODIFICADA -->\n<div id=\"feeling-section-2\" class=\"cliff-wrapper\">\n  <div class=\"cliff-content-wrapper\">\n    <!-- Texto izquierdo -->\n    <div class=\"cliff-text-container\">\n      <div class=\"cliff-text-content\">\n        <div class=\"cliff-main-title\">\n          <p class=\"cliff-title-text\">FACADE: URBAN SCULPTURAL ART<\/p>\n        <\/div>\n        <div class=\"cliff-paragraphs\">\n          <p class=\"cliff-paragraph\">\n            The Feeling facade is conceived as a vertical luminous sculpture, where reflective glass, metallic frames, and polished concrete create a dynamic composition. Mauryarte's renders highlight how light shapes its forms throughout the day, transforming the building's perception. At the entrance, vegetation and dark metal contrast with the transparency of the glass, marking the transition from urban to private space.\n          <\/p>\n        <\/div>\n      <\/div>\n      <div class=\"cliff-vertical-bar\"><\/div>\n    <\/div>\n    <!-- Imagen derecha -->\n    <div class=\"cliff-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-colife-feeling-torre-a1.5_post_cambios-scaled.jpg\" alt=\"Feeling Facade by Mauryarte\" class=\"cliff-reveal-image\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos encapsulados para evitar conflictos *\/\n#feeling-section-2.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#feeling-section-2 .cliff-content-wrapper {\n  width: 100%;\n  display: flex;\n  justify-content: flex-end; \/* Cambiado a flex-end *\/\n  align-items: center;\n  padding-left: 80px; \/* Cambiado de padding-right *\/\n  gap: 100px;\n}\n\n#feeling-section-2 .cliff-image-container {\n  width: 70%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-end; \/* Cambiado a flex-end *\/\n  overflow: hidden;\n}\n\n#feeling-section-2 .cliff-reveal-image {\n  width: 120%;\n  height: 100%;\n  object-fit: cover;\n  object-position: right center; \/* Cambiado a right *\/\n  -webkit-mask-image: linear-gradient(225deg, transparent 0%, black 20%); \/* Cambiado \u00e1ngulo a 225deg *\/\n  mask-image: linear-gradient(225deg, transparent 0%, black 20%); \/* Cambiado \u00e1ngulo a 225deg *\/\n  transition: mask-image 1s ease-out;\n}\n\n#feeling-section-2 .cliff-text-container {\n  width: calc(50% - 140px);\n  max-width: 700px;\n  padding-right: 60px; \/* Cambiado de padding-left *\/\n  position: relative;\n  margin-left: 20px; \/* Cambiado de margin-right *\/\n  display: flex;\n  justify-content: space-between;\n}\n\n#feeling-section-2 .cliff-vertical-bar {\n  position: absolute;\n  right: 10px; \/* Cambiado de left *\/\n  top: 0;\n  width: 1px;\n  background-color: rgba(0,0,0,0.5);\n  height: 0;\n  transition: height 1s ease-out;\n}\n\n#feeling-section-2 .cliff-text-content {\n  width: calc(100% - 20px); \/* Asegura espacio para la barra *\/\n}\n\n#feeling-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#feeling-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  #feeling-section-2 .cliff-content-wrapper {\n    flex-direction: column-reverse; \/* Cambiado a column-reverse *\/\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #feeling-section-2 .cliff-image-container {\n    width: 100%;\n    justify-content: flex-start; \/* Reset a flex-start en mobile *\/\n  }\n  #feeling-section-2 .cliff-reveal-image {\n    object-position: left center; \/* Reset a left en mobile *\/\n    -webkit-mask-image: linear-gradient(135deg, transparent 0%, black 20%); \/* Reset \u00e1ngulo en mobile *\/\n    mask-image: linear-gradient(135deg, transparent 0%, black 20%); \/* Reset \u00e1ngulo en mobile *\/\n  }\n  #feeling-section-2 .cliff-text-container {\n    width: 90%;\n    padding-right: 30px; \/* Cambiado de padding-left *\/\n  }\n}\n\n@media (max-width: 768px) {\n  #feeling-section-2 .cliff-vertical-bar {\n    width: 80%;\n    height: 1px; \/* Cambiado de 0.1px *\/\n    right: auto; \/* Reset position *\/\n    left: 10px;\n    top: auto;\n    bottom: -20px;\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('feeling-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 = `${Math.max(1, progress * 80)}%`;\n      bar.style.height = '1px';\n    } else {\n      bar.style.height = `${Math.max(10, progress * 100)}%`;\n      bar.style.width = '1px';\n    }\n    \n    const maskProgress = progress * 150;\n    if (isMobile) {\n      img.style.maskImage = `linear-gradient(135deg, black ${maskProgress - 30}%, transparent ${maskProgress}%)`;\n    } else {\n      img.style.maskImage = `linear-gradient(225deg, black ${maskProgress - 30}%, transparent ${maskProgress}%)`;\n    }\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-6676c57 e-flex e-con-boxed e-con e-parent\" data-id=\"6676c57\" 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-233a96a elementor-widget elementor-widget-html\" data-id=\"233a96a\" data-element_type=\"widget\" id=\"seccion4-Feeling\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION 3 -->\n<div id=\"feeling-section-3\" 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\/render-acceso-cofeling-grayscale-render-2.jpg\" alt=\"Feeling Renders 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\">RENDERING PRECISION<\/p>\n        <\/div>\n        <div class=\"cliff-paragraphs\">\n          <p class=\"cliff-paragraph\">\n            Mauryarte's work not only visualized M+GROUP's design but enhanced its impact with extreme hyperrealism. The grayscale render reveals the complexity of the 3D modeling, emphasizing geometric purity and the play of light and shadow. Another render showcases the panoramic view of the tower, highlighting its verticality and sculpted balconies, reinforcing its iconic character.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos encapsulados para evitar conflictos *\/\n#feeling-section-3.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: center; \/* Cambiado de stretch a center *\/\n}\n\n#feeling-section-3 .cliff-content-wrapper {\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  padding-right: 80px;\n  gap: 100px;\n}\n\n#feeling-section-3 .cliff-image-container {\n  width: 70%; \/* Controla el ancho (reducido para dejar m\u00e1s espacio al texto) *\/\n  height: 70vh; \/* Altura basada en el viewport (ajusta este valor) *\/\n  display: flex;\n  justify-content: center; \/* Centra horizontalmente *\/\n  align-items: center; \/* Centra verticalmente *\/\n  overflow: hidden; \/* Oculta excesos *\/\n}\n\n#feeling-section-3 .cliff-reveal-image {\n  width: 120%; \/* Mantener este valor para el efecto de revelado *\/\n  height: 100%;\n  object-fit: cover;\n  object-position: center center; \/* Cambiado de 'left center' a 'center center' *\/\n  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);\n  mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);\n}\n\n#feeling-section-3 .cliff-text-container {\n  width: calc(50% - 140px);\n  max-width: 700px;\n  padding-left: 60px;\n  position: relative;\n  margin-right: 20px;\n}\n\n#feeling-section-3 .cliff-vertical-bar {\n  position: absolute;\n  left: 10px;\n  top: 0;\n  width: 1px;  \/* Cambiado de 0.1px a 1px para mejor visibilidad *\/\n  background-color: rgba(0,0,0,0.5); \/* Aumentado contraste *\/\n  height: 0;\n  transition: height 1s ease-out;\n}\n\n#feeling-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#feeling-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  #feeling-section-3 .cliff-content-wrapper {\n    flex-direction: column;\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #feeling-section-3 .cliff-image-container {\n    width: 100%;\n  }\n  #feeling-section-3 .cliff-text-container {\n    width: 90%;\n    padding-left: 30px;\n  }\n}\n\n@media (max-width: 768px) {\n  #feeling-section-3 .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 section3 = document.getElementById('feeling-section-3');\n  if (!section3) return;\n\n  const bar = section3.querySelector('.cliff-vertical-bar');\n  const img = section3.querySelector('.cliff-reveal-image');\n  let isMobile = window.innerWidth <= 768; \/\/ A\u00f1adido 'let' para variable mutable\n\n  function animateSection() {\n    const rect = section3.getBoundingClientRect();\n    const progress = Math.min(1, Math.max(0, (window.innerHeight * 0.7 - rect.top) \/ (window.innerHeight * 0.4))); \/\/ Par\u00e9ntesis corregido\n    \n    if (isMobile) {\n      bar.style.width = `${Math.max(1, progress * 80)}%`; \/\/ Aseguramos m\u00ednimo 1%\n    } else {\n      bar.style.height = `${Math.max(10, progress * 100)}%`; \/\/ Aseguramos m\u00ednimo 10px\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-508126e e-flex e-con-boxed e-con e-parent\" data-id=\"508126e\" 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-9a7340c elementor-widget elementor-widget-html\" data-id=\"9a7340c\" data-element_type=\"widget\" id=\"seccion5-Feeling\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SECTION 4 MODIFICADA -->\n<div id=\"feeling-section-4\" class=\"cliff-wrapper\">\n  <div class=\"cliff-content-wrapper\">\n    <!-- Texto izquierdo -->\n    <div class=\"cliff-text-container\">\n      <div class=\"cliff-text-content\">\n        <div class=\"cliff-main-title\">\n          <p class=\"cliff-title-text\">VISUAL NARRATIVE & EMOTION<\/p>\n        <\/div>\n        <div class=\"cliff-paragraphs\">\n          <p class=\"cliff-paragraph\">\n            Beyond commercial tools, these renders evoke emotions and experiences. The contrast between the glass's brilliance, the textured concrete, and sky reflections builds an immersive atmosphere. Feeling not only redefines residential architecture in Latin America but, thanks to M+GROUP's vision and Mauryarte's representation, stands as a benchmark of modernity and sophistication.\n          <\/p>\n        <\/div>\n      <\/div>\n      <div class=\"cliff-vertical-bar\"><\/div>\n    <\/div>\n    <!-- Imagen derecha -->\n    <div class=\"cliff-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/felling-scaled.jpg\" alt=\"Feeling Visual Narrative by Mauryarte\" class=\"cliff-reveal-image\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos encapsulados para evitar conflictos *\/\n#feeling-section-4.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#feeling-section-4 .cliff-content-wrapper {\n  width: 100%;\n  display: flex;\n  justify-content: flex-end; \/* Cambiado a flex-end *\/\n  align-items: center;\n  padding-left: 80px; \/* Cambiado de padding-right *\/\n  gap: 100px;\n}\n\n#feeling-section-4 .cliff-image-container {\n  width: 70%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-end; \/* Cambiado a flex-end *\/\n  overflow: hidden;\n}\n\n#feeling-section-4 .cliff-reveal-image {\n  width: 120%;\n  height: 100%;\n  object-fit: cover;\n  object-position: right center; \/* Cambiado a right *\/\n  -webkit-mask-image: linear-gradient(225deg, transparent 0%, black 20%); \/* \u00c1ngulo 225\u00b0 *\/\n  mask-image: linear-gradient(225deg, transparent 0%, black 20%); \/* \u00c1ngulo 225\u00b0 *\/\n  transition: mask-image 1s ease-out;\n}\n\n#feeling-section-4 .cliff-text-container {\n  width: calc(50% - 140px);\n  max-width: 700px;\n  padding-right: 60px; \/* Cambiado de padding-left *\/\n  position: relative;\n  margin-left: 20px; \/* Cambiado de margin-right *\/\n  display: flex;\n  justify-content: space-between;\n}\n\n#feeling-section-4 .cliff-vertical-bar {\n  position: absolute;\n  right: 10px; \/* Cambiado de left *\/\n  top: 0;\n  width: 1px;\n  background-color: rgba(0,0,0,0.5);\n  height: 0;\n  transition: height 1s ease-out;\n}\n\n#feeling-section-4 .cliff-text-content {\n  width: calc(100% - 20px); \/* Espacio para la barra *\/\n}\n\n#feeling-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#feeling-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  #feeling-section-4 .cliff-content-wrapper {\n    flex-direction: column-reverse; \/* Cambiado a column-reverse *\/\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #feeling-section-4 .cliff-image-container {\n    width: 100%;\n    justify-content: flex-start; \/* Reset en mobile *\/\n  }\n  #feeling-section-4 .cliff-reveal-image {\n    object-position: left center; \/* Reset en mobile *\/\n    -webkit-mask-image: linear-gradient(135deg, transparent 0%, black 20%); \/* Reset \u00e1ngulo *\/\n    mask-image: linear-gradient(135deg, transparent 0%, black 20%); \/* Reset \u00e1ngulo *\/\n  }\n  #feeling-section-4 .cliff-text-container {\n    width: 90%;\n    padding-right: 30px; \/* Cambiado de padding-left *\/\n  }\n}\n\n@media (max-width: 768px) {\n  #feeling-section-4 .cliff-vertical-bar {\n    width: 80%;\n    height: 1px; \/* Grosor visible *\/\n    right: auto;\n    left: 10px;\n    top: auto;\n    bottom: -20px;\n    margin-bottom: 20px;\n    transition: width 1s ease-out;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const section4 = document.getElementById('feeling-section-4');\n  if (!section4) return;\n\n  const bar = section4.querySelector('.cliff-vertical-bar');\n  const img = section4.querySelector('.cliff-reveal-image');\n  let isMobile = window.innerWidth <= 768;\n\n  function animateSection() {\n    const rect = section4.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 = `${Math.max(1, progress * 80)}%`;\n      bar.style.height = '1px';\n    } else {\n      bar.style.height = `${Math.max(10, progress * 100)}%`;\n      bar.style.width = '1px';\n    }\n    \n    const maskProgress = progress * 150;\n    if (isMobile) {\n      img.style.maskImage = `linear-gradient(135deg, black ${maskProgress - 30}%, transparent ${maskProgress}%)`;\n    } else {\n      img.style.maskImage = `linear-gradient(225deg, black ${maskProgress - 30}%, transparent ${maskProgress}%)`;\n    }\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-3cf2337 e-flex e-con-boxed e-con e-parent\" data-id=\"3cf2337\" 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-5ce8ae77 elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"5ce8ae77\" data-element_type=\"widget\" id=\"seccion6-Feeling\" 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=\"960\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-version-mejorada-3.jpg\" class=\"attachment-full size-full wp-image-3716\" alt=\"\" srcset=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-version-mejorada-3.jpg 2048w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-version-mejorada-3-300x141.jpg 300w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-version-mejorada-3-1024x480.jpg 1024w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-version-mejorada-3-768x360.jpg 768w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-version-mejorada-3-1536x720.jpg 1536w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-version-mejorada-3-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-27ab2c8 e-flex e-con-boxed e-con e-parent\" data-id=\"27ab2c8\" 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-d3ee5eb elementor-widget elementor-widget-html\" data-id=\"d3ee5eb\" data-element_type=\"widget\" id=\"seccion7-Feeling\" 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 BUILDING RENDERS| El Poblado, Medell\u00edn Client: M+GROUP | Rendering: MAURYARTE FEELING The Feeling project redefines coliving as an innovative architectural and social experience. READ MORE CONCEPT &#038; CONTEXT Designed by M+GROUP, Feeling redefines coliving with a cutting-edge architectural approach in El Poblado, Medell\u00edn. This 26-story tower, featuring sleek forms and curved floor slabs, [&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-853","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>Edificio Feeling - Mauryarte Arquitectura<\/title>\n<meta name=\"description\" content=\"Explore the hyperrealistic render of Edificio Feeling, a modern residential building brought to life through light, texture, and visual storytelling. Designed by Christian Maury.\" \/>\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\/edificio-feeling\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Edificio Feeling - Mauryarte Arquitectura\" \/>\n<meta property=\"og:description\" content=\"Explore the hyperrealistic render of Edificio Feeling, a modern residential building brought to life through light, texture, and visual storytelling. Designed by Christian Maury.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/edificio-feeling\/\" \/>\n<meta property=\"og:site_name\" content=\"Mauryarte Arquitectura\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-21T21:44:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Plano-Feeling-1.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=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/\",\"name\":\"Edificio Feeling - Mauryarte Arquitectura\",\"isPartOf\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Plano-Feeling-1.jpg\",\"datePublished\":\"2025-01-21T01:33:06+00:00\",\"dateModified\":\"2025-07-21T21:44:23+00:00\",\"description\":\"Explore the hyperrealistic render of Edificio Feeling, a modern residential building brought to life through light, texture, and visual storytelling. Designed by Christian Maury.\",\"breadcrumb\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/#primaryimage\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Plano-Feeling-1.jpg\",\"contentUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Plano-Feeling-1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/#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\":\"Edificio Feeling\"}]},{\"@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":"Edificio Feeling - Mauryarte Arquitectura","description":"Explore the hyperrealistic render of Edificio Feeling, a modern residential building brought to life through light, texture, and visual storytelling. Designed by Christian Maury.","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\/edificio-feeling\/","og_locale":"es_ES","og_type":"article","og_title":"Edificio Feeling - Mauryarte Arquitectura","og_description":"Explore the hyperrealistic render of Edificio Feeling, a modern residential building brought to life through light, texture, and visual storytelling. Designed by Christian Maury.","og_url":"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/edificio-feeling\/","og_site_name":"Mauryarte Arquitectura","article_modified_time":"2025-07-21T21:44:23+00:00","og_image":[{"url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Plano-Feeling-1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/","url":"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/","name":"Edificio Feeling - Mauryarte Arquitectura","isPartOf":{"@id":"https:\/\/arquitectura.mauryarte.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/#primaryimage"},"image":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/#primaryimage"},"thumbnailUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Plano-Feeling-1.jpg","datePublished":"2025-01-21T01:33:06+00:00","dateModified":"2025-07-21T21:44:23+00:00","description":"Explore the hyperrealistic render of Edificio Feeling, a modern residential building brought to life through light, texture, and visual storytelling. Designed by Christian Maury.","breadcrumb":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/"]}]},{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/#primaryimage","url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Plano-Feeling-1.jpg","contentUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Plano-Feeling-1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/#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":"Edificio Feeling"}]},{"@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\/853","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=853"}],"version-history":[{"count":102,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/853\/revisions"}],"predecessor-version":[{"id":5775,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/853\/revisions\/5775"}],"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=853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}