{"id":144,"date":"2025-01-07T14:25:49","date_gmt":"2025-01-07T19:25:49","guid":{"rendered":"https:\/\/arquitectura.mauryarte.com\/?page_id=144"},"modified":"2025-07-21T11:31:17","modified_gmt":"2025-07-21T16:31:17","slug":"our-history","status":"publish","type":"page","link":"https:\/\/arquitectura.mauryarte.com\/es\/our-history\/","title":{"rendered":"Our History"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"144\" class=\"elementor elementor-144\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c33450 e-flex e-con-boxed e-con e-parent\" data-id=\"6c33450\" 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-b184da5 elementor-widget elementor-widget-html\" data-id=\"b184da5\" 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-about\">\n    <a href=\"#seccion1-about\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion2-about\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion3-about\" class=\"punto-navegacion\"><\/a>\n      <a href=\"#seccion4-about\" class=\"punto-navegacion\"><\/a>\n      <a href=\"#seccion5-about\" 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-57a63ca2 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"57a63ca2\" data-element_type=\"section\" id=\"seccion1-about\" 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-e3e349c\" data-id=\"e3e349c\" 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-d352cf9 elementor-widget elementor-widget-html\" data-id=\"d352cf9\" 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=\"about-text\" class=\"about-text-section\">\n  <div class=\"text-container\">\n    <!-- Subt\u00edtulo 1 -->\n    <div class=\"subtitle-1\">\n      <p class=\"new-subtitle\">\n        <span class=\"subtitle-line\">ABOUT <span class=\"vertical-divider\">|<\/span> ARCHITECTURE AND INTERIOR DESIGN STUDIO<\/span>\n      <\/p>\n    <\/div>\n    \n    <!-- T\u00edtulo 1 -->\n    <div class=\"title-1\">\n      <p class=\"new-title\">MAURYARTE<\/p>\n    <\/div>\n    \n    <!-- Subt\u00edtulo 2 -->\n    <div class=\"subtitle-2\">\n      <p class=\"new-subtitle-2\">\n        <span class=\"subtitle-line-2\">Good design is invisible. Great design is unforgettable.<\/span>\n      <\/p>\n    <\/div>\n\n    <!-- Bot\u00f3n -->\n    <div class=\"contact-button-container\">\n      <a href=\"#seccion2-about\" class=\"contact-button\">READ MORE<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos generales de la secci\u00f3n *\/\n.about-text-section {\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\/* Estilos generales del contenedor *\/\n.about-text-section .text-container {\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\u00cdTULO 1 ===== *\/\n.about-text-section .subtitle-1 .new-subtitle {\n  font-size: 0.9em;\n  font-weight: 600;\n  letter-spacing: 8px;\n  margin: 0;\n  line-height: 1.6;\n  text-transform: uppercase;\n}\n\n.about-text-section .subtitle-1 .subtitle-line {\n  display: block;\n}\n\n\/* Barra vertical para Subt\u00edtulo 1 *\/\n.about-text-section .subtitle-1 .vertical-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\u00cdTULO 1 ===== *\/\n.about-text-section .title-1 .new-title {\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\u00cdTULO 2 ===== *\/\n.about-text-section .subtitle-2 .new-subtitle-2 {\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\u00d3N ===== *\/\n.about-text-section .contact-button-container {\n  margin-top: 20px;\n}\n\n.about-text-section .contact-button {\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\/* Efecto de llenado desde la izquierda *\/\n.about-text-section .contact-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\/* Al pasar el mouse, el fondo se llena desde la izquierda *\/\n.about-text-section .contact-button:hover::before {\n  width: 100%;\n}\n\n\/* Al pasar el mouse, el texto cambia a negro (para contraste con el fondo blanco) *\/\n.about-text-section .contact-button:hover {\n  color: #1a1a1a;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .about-text-section .subtitle-1 .new-subtitle {\n    font-size: 0.8em;\n    letter-spacing: 6px;\n  }\n  .about-text-section .title-1 .new-title {\n    font-size: 1.8em;\n  }\n  .about-text-section .subtitle-2 .new-subtitle-2 {\n    font-size: 0.75em;\n  }\n  .about-text-section .subtitle-1 .vertical-divider {\n    margin: 0 8px;\n  }\n  .about-text-section .contact-button {\n    padding: 12px 25px;\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  .about-text-section .text-container {\n    padding: 15px;\n  }\n  .about-text-section .subtitle-1 .new-subtitle {\n    font-size: 0.7em;\n    letter-spacing: 4px;\n  }\n  .about-text-section .title-1 .new-title {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n  .about-text-section .subtitle-2 .new-subtitle-2 {\n    font-size: 0.7em;\n  }\n  .about-text-section .subtitle-1 .vertical-divider {\n    margin: 0 6px;\n    font-size: 1.2em;\n  }\n  .about-text-section .contact-button {\n    padding: 10px 20px;\n    font-size: 0.85em;\n  }\n}\n\n@media (max-width: 480px) {\n  .about-text-section .title-1 .new-title {\n    font-size: 1.3em;\n  }\n  .about-text-section .subtitle-2 .new-subtitle-2 {\n    font-size: 0.65em;\n  }\n  .about-text-section .contact-button {\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-0d8b33d e-flex e-con-boxed e-con e-parent\" data-id=\"0d8b33d\" 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-8ac066f elementor-widget elementor-widget-html\" data-id=\"8ac066f\" data-element_type=\"widget\" id=\"seccion2-about\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"about-section\">\n  <div class=\"content-wrapper\">\n    <!-- Contenedor para la imagen a la izquierda -->\n    <div class=\"image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/New-Project-1.png\" alt=\"Ilustraci\u00f3n de casa\" class=\"reveal-image-about\">\n    <\/div>\n    <!-- Contenedor para el texto y la barra a la derecha -->\n    <div class=\"content-container\">\n      <div class=\"about-vertical-bar\"><\/div>\n      <div class=\"about-content\">\n        <!-- T\u00edtulo -->\n        <div class=\"about-main-title\">\n          <p class=\"about-title-text\">MAURYARTE STUDIO<\/p>\n        <\/div>\n        <!-- P\u00e1rrafos -->\n        <div class=\"about-paragraphs\">\n          <p class=\"about-paragraph\">\n            We are experts in high-end architectural design and hyper-realistic rendering. Founded by Christian Maury, we fuse art and architecture to create spaces that transcend the conventional. Our approach integrates sacred geometry, the golden ratio, and spatial frequencies, developing projects with timeless balance and impactful visual narratives.\n          <\/p>\n          <p class=\"about-paragraph\">\n            Specializing in high-level architectural visualization, we transform concepts into immersive experiences. We offer customized solutions for demanding architects, developers, and investors, where every detail - from the initial sketch to the final render - reflects technological innovation and artistic sensitivity.\n          <\/p>\n          <p class=\"about-paragraph\">\n            With international connections in Colombia, Australia, the United States, and England, our studio redefines the boundaries of contemporary architectural design. MauryArte: where technical precision and artistic vision converge to create architecture with soul.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estructura base *\/\n.about-section {\n  background-color: #1a1a1a;\n  color: #ffffff;\n  padding: 50px 0;\n  min-height: 100vh;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.content-wrapper {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 20px;\n  box-sizing: border-box;\n}\n\n\/* Contenedor de la imagen a la izquierda *\/\n.image-container {\n  width: 50%;\n  max-width: 500px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.reveal-image-about {\n  max-width: 100%;\n  opacity: 1; \/* La opacidad ahora se controla con la m\u00e1scara *\/\n  -webkit-mask-image: linear-gradient(\n    135deg,\n    transparent 0%,\n    transparent 0%,\n    black 0%,\n    black 0%\n  ); \/* M\u00e1scara inicial: completamente transparente *\/\n  mask-image: linear-gradient(\n    135deg,\n    transparent 0%,\n    transparent 0%,\n    black 0%,\n    black 0%\n  );\n  transition: -webkit-mask-image 1s ease-out, mask-image 1s ease-out; \/* Transici\u00f3n suave para la m\u00e1scara *\/\n}\n\n\/* Contenedor del texto y la barra a la derecha *\/\n.content-container {\n  position: relative;\n  width: calc(50% - 100px);\n  max-width: 700px;\n  padding-left: 30px;\n  box-sizing: border-box;\n}\n\n\/* Barra vertical con animaci\u00f3n *\/\n.about-vertical-bar {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 0.1px;\n  background-color: rgba(255, 255, 255, 0.2);\n  height: 0;\n  transition: height 1s ease-out; \/* Misma duraci\u00f3n que la imagen para sincronizaci\u00f3n *\/\n  transform-origin: top;\n}\n\n\/* Estilos \u00fanicos para el t\u00edtulo *\/\n.about-main-title .about-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 \u00fanicos para los p\u00e1rrafos *\/\n.about-paragraphs .about-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\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .content-wrapper {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .image-container {\n    width: 70%;\n    margin-bottom: 40px;\n  }\n\n  .content-container {\n    width: 70%;\n  }\n\n  .about-main-title .about-title-text {\n    font-size: 1.8em;\n  }\n\n  .about-paragraphs .about-paragraph {\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  .content-wrapper {\n    padding: 0 15px;\n  }\n\n  .image-container {\n    width: 90%;\n    margin-bottom: 30px;\n  }\n\n  .content-container {\n    width: 90%;\n    padding-left: 20px;\n  }\n\n  .about-main-title .about-title-text {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n\n  .about-paragraphs .about-paragraph {\n    font-size: 0.8em;\n  }\n\n  .about-vertical-bar {\n    width: 80%;\n    height: 0.1px;\n    position: relative;\n    left: 0;\n    top: 0;\n    margin: 0 auto 20px auto;\n    transition: width 1s ease-out; \/* Misma duraci\u00f3n que la imagen *\/\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const verticalBar = document.querySelector('.about-vertical-bar');\n  const contentContainer = document.querySelector('.content-container');\n  const revealImage = document.querySelector('.reveal-image-about');\n  let isMobile = window.innerWidth <= 768;\n\n  \/\/ Depuraci\u00f3n: Verificar si los elementos se seleccionan correctamente\n  console.log('Vertical Bar:', verticalBar);\n  console.log('Content Container:', contentContainer);\n  console.log('Reveal Image:', revealImage);\n\n  \/\/ Funci\u00f3n para la animaci\u00f3n de la barra vertical\n  function updateBarHeight() {\n    if (!contentContainer || !verticalBar) {\n      console.error('Content Container o Vertical Bar no encontrados');\n      return;\n    }\n\n    const rect = contentContainer.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const startPoint = windowHeight * 0.7; \/\/ Punto de inicio para la barra (70% desde abajo)\n    const endPoint = windowHeight * 0.3; \/\/ Punto de fin para la barra (30% desde arriba)\n    const topPosition = rect.top;\n    let progress = 0;\n\n    if (topPosition <= startPoint && topPosition >= endPoint) {\n      progress = (startPoint - topPosition) \/ (startPoint - endPoint);\n    } else if (topPosition < endPoint) {\n      progress = 1;\n    } else if (topPosition > startPoint) {\n      progress = 0;\n    }\n\n    if (isMobile) {\n      verticalBar.style.width = `${progress * 80}%`;\n    } else {\n      verticalBar.style.height = `${progress * 100}%`;\n    }\n\n    \/\/ Depuraci\u00f3n: Verificar el progress de la barra\n    console.log('Bar Progress:', progress);\n  }\n\n  \/\/ Funci\u00f3n para la animaci\u00f3n de la imagen (independiente de la barra)\n  function revealImageOnScroll() {\n    if (!contentContainer || !revealImage) {\n      console.error('Content Container o Reveal Image no encontrados');\n      return;\n    }\n\n    const rect = contentContainer.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const startPoint = windowHeight * 0.9; \/\/ Punto de inicio para la imagen (90% desde abajo)\n    const endPoint = windowHeight * 0.5; \/\/ Punto de fin para la imagen (50% desde arriba)\n    const topPosition = rect.top;\n    let progress = 0;\n\n    if (topPosition <= startPoint && topPosition >= endPoint) {\n      progress = (startPoint - topPosition) \/ (startPoint - endPoint);\n    } else if (topPosition < endPoint) {\n      progress = 1;\n    } else if (topPosition > startPoint) {\n      progress = 0;\n    }\n\n    \/\/ Depuraci\u00f3n: Verificar el progress de la imagen\n    console.log('Image Progress:', progress);\n\n    \/\/ Ajustar la m\u00e1scara para un barrido diagonal con borde suave\n    const revealPoint = progress * 150; \/\/ 150% para que el degradado sea m\u00e1s amplio y suave\n    const fadeStart = Math.max(0, revealPoint - 30); \/\/ El degradado comienza 30% antes para un borde suave\n    const fadeEnd = revealPoint; \/\/ El punto donde la imagen es completamente visible\n\n    \/\/ Aplicar la m\u00e1scara con un degradado suave\n    const mask = `linear-gradient(135deg, black ${fadeStart}%, transparent ${fadeEnd}%)`;\n    revealImage.style.webkitMaskImage = mask;\n    revealImage.style.maskImage = mask;\n\n    \/\/ Depuraci\u00f3n: Verificar la m\u00e1scara aplicada\n    console.log('Mask Applied:', mask);\n  }\n\n  \/\/ Ejecutar ambas animaciones en el evento de scroll\n  window.addEventListener('scroll', () => {\n    updateBarHeight(); \/\/ Animaci\u00f3n de la barra\n    revealImageOnScroll(); \/\/ Animaci\u00f3n de la imagen\n  });\n\n  \/\/ Ejecutar ambas animaciones en el evento de resize\n  window.addEventListener('resize', function () {\n    isMobile = window.innerWidth <= 768;\n    updateBarHeight();\n    revealImageOnScroll();\n  });\n\n  \/\/ Ejecutar ambas animaciones al cargar la p\u00e1gina\n  updateBarHeight();\n  revealImageOnScroll();\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-f0f0483 e-flex e-con-boxed e-con e-parent\" data-id=\"f0f0483\" 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-4176e8d elementor-widget elementor-widget-html\" data-id=\"4176e8d\" data-element_type=\"widget\" id=\"seccion3-about\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"philosophy-section\">\n  <div class=\"philosophy-wrapper\">\n    <!-- Contenedor para la imagen a la izquierda -->\n    <div class=\"image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/yo-e1742508696207.jpg\" alt=\"Ilustraci\u00f3n de casa\" class=\"reveal-image-philosophy\">\n    <\/div>\n    <div class=\"philosophy-container\">\n      <div class=\"philosophy-vertical-bar\"><\/div>\n      <div class=\"philosophy-content\">\n        <!-- T\u00edtulo -->\n        <div class=\"philosophy-main-title\">\n          <p class=\"philosophy-title-text\">Interior Design Studio Philosophy<\/p>\n        <\/div>\n        <!-- P\u00e1rrafos -->\n        <div class=\"philosophy-paragraphs\">\n          <p class=\"philosophy-paragraph\">\n            Great design should last, rather than follow fashion or trends. Maintaining a creative vision that spans architecture to interiors and bespoke furniture style, our quality of work is defined by a refined and timeless style. Design Matters.\n          <\/p>\n          <p class=\"philosophy-paragraph\">\n            The creation of space in the context of our environment is at the forefront of our studio ethos. We believe that architecture and design is for people, and as such, great sensitivity is given to understanding how thoughtful design can enhance people\u2019s lives.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estructura base para la secci\u00f3n Philosophy *\/\n.philosophy-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.philosophy-wrapper {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 20px;\n  box-sizing: border-box;\n}\n\n\/* Contenedor de la imagen a la izquierda *\/\n.image-container {\n  width: 50%;\n  max-width: 500px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.reveal-image-philosophy {\n  max-width: 100%;\n  opacity: 0;\n  transition: opacity 0.6s ease-out;\n}\n\n\/* Contenedor del texto y la barra a la derecha *\/\n.philosophy-container {\n  position: relative;\n  width: calc(50% - 100px);\n  max-width: 700px;\n  padding-left: 30px;\n  box-sizing: border-box;\n}\n\n\/* Barra vertical con animaci\u00f3n *\/\n.philosophy-vertical-bar {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 0.1px;\n  background-color: rgba(0, 0, 0, 0.2);\n  height: 0;\n  transition: height 0.6s ease-out;\n  transform-origin: top;\n}\n\n\/* Estilos \u00fanicos para el t\u00edtulo *\/\n.philosophy-main-title .philosophy-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 \u00fanicos para los p\u00e1rrafos *\/\n.philosophy-paragraphs .philosophy-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\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .philosophy-wrapper {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .image-container {\n    width: 70%;\n    margin-bottom: 40px;\n  }\n\n  .philosophy-container {\n    width: 70%;\n  }\n\n  .philosophy-main-title .philosophy-title-text {\n    font-size: 1.8em;\n  }\n\n  .philosophy-paragraphs .philosophy-paragraph {\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  .philosophy-wrapper {\n    padding: 0 15px;\n  }\n\n  .image-container {\n    width: 90%;\n    margin-bottom: 30px;\n  }\n\n  .philosophy-container {\n    width: 90%;\n    padding-left: 20px;\n  }\n\n  .philosophy-main-title .philosophy-title-text {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n\n  .philosophy-paragraphs .philosophy-paragraph {\n    font-size: 0.8em;\n  }\n\n  .philosophy-vertical-bar {\n    width: 80%;\n    height: 0.1px;\n    position: relative;\n    left: 0;\n    top: 0;\n    margin: 0 auto 20px auto;\n    transition: width 0.6s ease-out;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const philosophyVerticalBar = document.querySelector('.philosophy-vertical-bar');\n  const philosophyContainer = document.querySelector('.philosophy-container');\n  const revealImage = document.querySelector('.reveal-image-philosophy');\n  let isMobile = window.innerWidth <= 768;\n\n  function updatePhilosophyBarHeight() {\n    const rect = philosophyContainer.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const startPoint = windowHeight * 0.8;\n    const endPoint = windowHeight * 0.2 + 50;\n    const topPosition = rect.top;\n    let progress = 0;\n\n    if (topPosition <= startPoint && topPosition >= endPoint) {\n      progress = (startPoint - topPosition) \/ (startPoint - endPoint);\n    } else if (topPosition < endPoint) {\n      progress = 1;\n    } else if (topPosition > startPoint) {\n      progress = 0;\n    }\n\n    if (isMobile) {\n      philosophyVerticalBar.style.width = `${progress * 80}%`;\n    } else {\n      philosophyVerticalBar.style.height = `${progress * 100}%`;\n    }\n  }\n\n  function revealImageOnScroll() {\n    const rect = philosophyContainer.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const startPoint = windowHeight * 0.8;\n    const endPoint = windowHeight * 0.5;\n    const topPosition = rect.top;\n    let progress = 0;\n\n    if (topPosition <= startPoint && topPosition >= endPoint) {\n      progress = (startPoint - topPosition) \/ (startPoint - endPoint);\n    } else if (topPosition < endPoint) {\n      progress = 1;\n    } else if (topPosition > startPoint) {\n      progress = 0;\n    }\n\n    if (revealImage) {\n      revealImage.style.opacity = progress;\n    }\n  }\n\n  window.addEventListener('scroll', () => {\n    updatePhilosophyBarHeight();\n    revealImageOnScroll();\n  });\n\n  window.addEventListener('resize', function () {\n    isMobile = window.innerWidth <= 768;\n    updatePhilosophyBarHeight();\n    revealImageOnScroll();\n  });\n\n  updatePhilosophyBarHeight();\n  revealImageOnScroll();\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-99ccf9b e-flex e-con-boxed e-con e-parent\" data-id=\"99ccf9b\" 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-4b46da4 elementor-widget elementor-widget-html\" data-id=\"4b46da4\" data-element_type=\"widget\" id=\"seccion4-about\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"logos-section\">\n  <div class=\"logos-wrapper\">\n    <div class=\"logos-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/mgroup-LOGO-negro.png\" alt=\"Logo MGroup\" class=\"partner-logo logo-1\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/2id-Interiors_logo-negro.png\" alt=\"Logo 2ID Interiors\" class=\"partner-logo logo-2\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/man-y-obra-logo-negro.png\" alt=\"Logo Man y Obra\" class=\"partner-logo logo-3\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Logo-GRUPO-BETA.png\" alt=\"Logo Grupo Beta\" class=\"partner-logo logo-4\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Club-del-Dinero-1.png\" alt=\"Logo Club del Dinero\" class=\"partner-logo logo-5\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estructura base para la secci\u00f3n de logos *\/\n.logos-section {\n  background-color: #ffffff; \/* Fondo blanco *\/\n  padding: 80px 0; \/* Espacio arriba y abajo *\/\n  height: auto; \/* La altura se ajusta al contenido *\/\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.logos-wrapper {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center; \/* Centra el contenedor de logos *\/\n  padding: 0 20px;\n  box-sizing: border-box;\n}\n\n\/* Contenedor de los logos *\/\n.logos-container {\n  display: flex;\n  justify-content: center; \/* Centra los logos horizontalmente *\/\n  align-items: center;\n  gap: 40px; \/* Espacio entre los logos *\/\n  flex-wrap: wrap; \/* Permite que los logos se ajusten en pantallas peque\u00f1as *\/\n}\n\n\/* Estilo base para los logos *\/\n.partner-logo {\n  object-fit: contain; \/* Asegura que el logo se ajuste sin distorsionarse *\/\n  opacity: 0; \/* Comienza transparente *\/\n  transition: opacity 0.6s ease-out; \/* Animaci\u00f3n suave *\/\n}\n\n\/* Tama\u00f1os personalizados para cada logo *\/\n.logo-1 {\n  width: 80px; \/* Tama\u00f1o personalizado para el logo de MGroup *\/\n  height: auto;\n}\n\n.logo-2 {\n  width: 80px; \/* Tama\u00f1o personalizado para el logo de 2ID Interiors *\/\n  height: auto;\n}\n\n.logo-3 {\n  width: 120px; \/* Tama\u00f1o personalizado para el logo de Man y Obra *\/\n  height: auto;\n}\n\n.logo-4 {\n  width: 130px; \/* Tama\u00f1o personalizado para el logo de Grupo Beta *\/\n  height: auto;\n}\n\n.logo-5 {\n  width: 80px; \/* Tama\u00f1o personalizado para el logo de Club del Dinero *\/\n  height: auto;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .logos-container {\n    gap: 15px; \/* Reduce el espacio entre logos *\/\n  }\n\n  .logo-1 {\n    width: 80px; \/* Ajuste para pantallas medianas *\/\n    height: 48px;\n  }\n\n  .logo-2 {\n    width: 96px;\n    height: 40px;\n  }\n\n  .logo-3 {\n    width: 72px;\n    height: 56px;\n  }\n\n  .logo-4 {\n    width: 88px;\n    height: 44px;\n  }\n\n  .logo-5 {\n    width: 64px;\n    height: 64px;\n  }\n}\n\n@media (max-width: 768px) {\n  .logos-wrapper {\n    padding: 0 15px;\n  }\n\n  .logos-container {\n    gap: 10px; \/* Reduce a\u00fan m\u00e1s el espacio entre logos *\/\n  }\n\n  .logo-1 {\n    width: 60px; \/* Ajuste para pantallas peque\u00f1as *\/\n    height: 36px;\n  }\n\n  .logo-2 {\n    width: 72px;\n    height: 30px;\n  }\n\n  .logo-3 {\n    width: 54px;\n    height: 42px;\n  }\n\n  .logo-4 {\n    width: 66px;\n    height: 33px;\n  }\n\n  .logo-5 {\n    width: 48px;\n    height: 48px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const logosContainer = document.querySelector('.logos-container');\n  const partnerLogos = document.querySelectorAll('.partner-logo');\n\n  \/\/ Animaci\u00f3n de los logos (basada en opacidad)\n  function revealLogosOnScroll() {\n    const rect = logosContainer.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const startPoint = windowHeight * 0.8; \/\/ 20% desde abajo\n    const endPoint = windowHeight * 0.5; \/\/ 50% (centro de la pantalla)\n\n    const topPosition = rect.top;\n    let progress = 0;\n\n    if (topPosition <= startPoint && topPosition >= endPoint) {\n      progress = (startPoint - topPosition) \/ (startPoint - endPoint);\n    } else if (topPosition < endPoint) {\n      progress = 1; \/\/ Logos completamente visibles\n    } else if (topPosition > startPoint) {\n      progress = 0; \/\/ Logos transparentes\n    }\n\n    \/\/ Aplica la opacidad a todos los logos\n    partnerLogos.forEach(logo => {\n      logo.style.opacity = progress;\n    });\n  }\n\n  \/\/ Actualizar la animaci\u00f3n al hacer scroll\n  window.addEventListener('scroll', revealLogosOnScroll);\n\n  \/\/ Actualizar al redimensionar la ventana\n  window.addEventListener('resize', revealLogosOnScroll);\n\n  \/\/ Ejecutar al cargar la p\u00e1gina\n  revealLogosOnScroll();\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-96957a3 e-flex e-con-boxed e-con e-parent\" data-id=\"96957a3\" 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-3727038 elementor-widget elementor-widget-html\" data-id=\"3727038\" data-element_type=\"widget\" id=\"seccion5-about\" 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>ABOUT | ARCHITECTURE AND INTERIOR DESIGN STUDIO MAURYARTE Good design is invisible. Great design is unforgettable. READ MORE MAURYARTE STUDIO We are experts in high-end architectural design and hyper-realistic rendering. Founded by Christian Maury, we fuse art and architecture to create spaces that transcend the conventional. Our approach integrates sacred geometry, the golden ratio, and [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-144","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>Our History - Mauryarte Arquitectura<\/title>\n<meta name=\"description\" content=\"Discover the story behind Mauryarte Arquitectura, a firm dedicated to architectural design and hyperrealistic rendering with an artistic and professional vision.\" \/>\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\/our-history\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Our History - Mauryarte Arquitectura\" \/>\n<meta property=\"og:description\" content=\"Discover the story behind Mauryarte Arquitectura, a firm dedicated to architectural design and hyperrealistic rendering with an artistic and professional vision.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arquitectura.mauryarte.com\/es\/our-history\/\" \/>\n<meta property=\"og:site_name\" content=\"Mauryarte Arquitectura\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-21T16:31:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/New-Project-1.png\" \/>\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\/our-history\/\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/our-history\/\",\"name\":\"Our History - Mauryarte Arquitectura\",\"isPartOf\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/our-history\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/our-history\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/New-Project-1.png\",\"datePublished\":\"2025-01-07T19:25:49+00:00\",\"dateModified\":\"2025-07-21T16:31:17+00:00\",\"description\":\"Discover the story behind Mauryarte Arquitectura, a firm dedicated to architectural design and hyperrealistic rendering with an artistic and professional vision.\",\"breadcrumb\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/our-history\/#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/arquitectura.mauryarte.com\/our-history\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/our-history\/#primaryimage\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/New-Project-1.png\",\"contentUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/New-Project-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/our-history\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/arquitectura.mauryarte.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our History\"}]},{\"@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":"Our History - Mauryarte Arquitectura","description":"Discover the story behind Mauryarte Arquitectura, a firm dedicated to architectural design and hyperrealistic rendering with an artistic and professional vision.","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\/our-history\/","og_locale":"es_ES","og_type":"article","og_title":"Our History - Mauryarte Arquitectura","og_description":"Discover the story behind Mauryarte Arquitectura, a firm dedicated to architectural design and hyperrealistic rendering with an artistic and professional vision.","og_url":"https:\/\/arquitectura.mauryarte.com\/es\/our-history\/","og_site_name":"Mauryarte Arquitectura","article_modified_time":"2025-07-21T16:31:17+00:00","og_image":[{"url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/New-Project-1.png","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\/our-history\/","url":"https:\/\/arquitectura.mauryarte.com\/our-history\/","name":"Our History - Mauryarte Arquitectura","isPartOf":{"@id":"https:\/\/arquitectura.mauryarte.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arquitectura.mauryarte.com\/our-history\/#primaryimage"},"image":{"@id":"https:\/\/arquitectura.mauryarte.com\/our-history\/#primaryimage"},"thumbnailUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/New-Project-1.png","datePublished":"2025-01-07T19:25:49+00:00","dateModified":"2025-07-21T16:31:17+00:00","description":"Discover the story behind Mauryarte Arquitectura, a firm dedicated to architectural design and hyperrealistic rendering with an artistic and professional vision.","breadcrumb":{"@id":"https:\/\/arquitectura.mauryarte.com\/our-history\/#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arquitectura.mauryarte.com\/our-history\/"]}]},{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/arquitectura.mauryarte.com\/our-history\/#primaryimage","url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/New-Project-1.png","contentUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/New-Project-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/arquitectura.mauryarte.com\/our-history\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/arquitectura.mauryarte.com\/"},{"@type":"ListItem","position":2,"name":"Our History"}]},{"@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\/144","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=144"}],"version-history":[{"count":284,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/144\/revisions"}],"predecessor-version":[{"id":6076,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/144\/revisions\/6076"}],"wp:attachment":[{"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/media?parent=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}