{"id":525,"date":"2025-01-14T14:28:27","date_gmt":"2025-01-14T19:28:27","guid":{"rendered":"https:\/\/arquitectura.mauryarte.com\/?page_id=525"},"modified":"2025-07-21T16:43:26","modified_gmt":"2025-07-21T21:43:26","slug":"templo-del-samurai","status":"publish","type":"page","link":"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/templo-del-samurai\/","title":{"rendered":"Templo del Samurai"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"525\" class=\"elementor elementor-525\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc2b713 e-flex e-con-boxed e-con e-parent\" data-id=\"bc2b713\" 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-f59e097 elementor-widget elementor-widget-html\" data-id=\"f59e097\" data-element_type=\"widget\" id=\"seccion1-portfolio2\" 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-portfolio2\">\n    <a href=\"#seccion1-portfolio2\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion2-portfolio2\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion3-portfolio2\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion4-portfolio2\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion5-portfolio2\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion6-portfolio2\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion7-portfolio2\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion8-portfolio2\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion9-portfolio2\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion10-portfolio2\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion11-portfolio2\" 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-174c2ef8 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"174c2ef8\" data-element_type=\"section\" 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-6dd542b6\" data-id=\"6dd542b6\" 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-296b5cea elementor-widget elementor-widget-html\" data-id=\"296b5cea\" 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=\"templo-samurai-section\" class=\"templo-samurai-wrapper\">\n  <div class=\"templo-text-content\">\n    <!-- Subt\u00edtulo 1 -->\n    <div class=\"templo-subtitle-first\">\n      <p class=\"templo-subtitle-text\">\n        <span class=\"templo-line-first\">Residential Luxury DESIGN<span class=\"templo-divider\">|<\/span> Client: DCERO<\/span>\n        <span class=\"templo-line-second\">Design & Render: MAURYARTE + DCERO<\/span>\n      <\/p>\n    <\/div>\n    \n    <!-- T\u00edtulo -->\n    <div class=\"templo-main-title\">\n      <p class=\"templo-title-text\">TEMPLO DEL SAMURAI<\/p>\n    <\/div>\n    \n    <!-- Subt\u00edtulo 2 -->\n    <div class=\"templo-subtitle-second\">\n      <p class=\"templo-subtitle-text-second\">\n        <span class=\"templo-line-second-text\">A luxury countryside home, remodeled atop a mountain in Santa Fe de Antioquia, blending Japanese zen with tropical lushness.<\/span>\n      <\/p>\n    <\/div>\n\n    <!-- Bot\u00f3n -->\n    <div class=\"templo-button-area\">\n      <a href=\"#seccion2-portfolio2\" class=\"templo-read-more\">READ MORE<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Scroll suave b\u00e1sico *\/\nhtml {\n  scroll-behavior: smooth;\n}\n\n\/* Encapsulamiento con ID espec\u00edfico *\/\n#templo-samurai-section.templo-samurai-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#templo-samurai-section .templo-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#templo-samurai-section .templo-subtitle-first .templo-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#templo-samurai-section .templo-subtitle-first .templo-line-first {\n  display: block;\n}\n\n#templo-samurai-section .templo-subtitle-first .templo-line-second {\n  display: block;\n  margin-top: 4px;\n}\n\n#templo-samurai-section .templo-subtitle-first .templo-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#templo-samurai-section .templo-main-title .templo-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#templo-samurai-section .templo-subtitle-second .templo-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#templo-samurai-section .templo-button-area {\n  margin-top: 20px;\n}\n\n#templo-samurai-section .templo-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#templo-samurai-section .templo-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#templo-samurai-section .templo-read-more:hover::before {\n  width: 100%;\n}\n\n#templo-samurai-section .templo-read-more:hover {\n  color: #1a1a1a;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #templo-samurai-section .templo-subtitle-first .templo-subtitle-text {\n    font-size: 0.8em;\n    letter-spacing: 6px;\n  }\n  #templo-samurai-section .templo-main-title .templo-title-text {\n    font-size: 1.8em;\n  }\n  #templo-samurai-section .templo-subtitle-second .templo-subtitle-text-second {\n    font-size: 0.75em;\n  }\n  #templo-samurai-section .templo-subtitle-first .templo-divider {\n    margin: 0 8px;\n  }\n  #templo-samurai-section .templo-read-more {\n    padding: 12px 25px;\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  #templo-samurai-section .templo-text-content {\n    padding: 15px;\n  }\n  #templo-samurai-section .templo-subtitle-first .templo-subtitle-text {\n    font-size: 0.7em;\n    letter-spacing: 4px;\n  }\n  #templo-samurai-section .templo-main-title .templo-title-text {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n  #templo-samurai-section .templo-subtitle-second .templo-subtitle-text-second {\n    font-size: 0.7em;\n  }\n  #templo-samurai-section .templo-subtitle-first .templo-divider {\n    margin: 0 6px;\n    font-size: 1.2em;\n  }\n  #templo-samurai-section .templo-read-more {\n    padding: 10px 20px;\n    font-size: 0.85em;\n  }\n}\n\n@media (max-width: 480px) {\n  #templo-samurai-section .templo-main-title .templo-title-text {\n    font-size: 1.3em;\n  }\n  #templo-samurai-section .templo-subtitle-second .templo-subtitle-text-second {\n    font-size: 0.65em;\n  }\n  #templo-samurai-section .templo-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-457e6027 e-con-full e-flex e-con e-parent\" data-id=\"457e6027\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1aa71817 elementor-widget elementor-widget-html\" data-id=\"1aa71817\" data-element_type=\"widget\" id=\"seccion2-portfolio2\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"templo-del-samurai-seccion-1\" class=\"templo-samurai-wrapper\">\n  <div class=\"templo-content-wrapper\">\n    <!-- Contenedor para la imagen a la izquierda -->\n    <div class=\"templo-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1.1_3-scaled.jpg\" alt=\"Templo del Samurai\" class=\"templo-reveal-image\">\n    <\/div>\n    <!-- Contenedor para el texto y la barra a la derecha -->\n    <div class=\"templo-text-container\">\n      <div class=\"templo-vertical-bar\"><\/div>\n      <div class=\"templo-text-content\">\n        <!-- T\u00edtulo -->\n        <div class=\"templo-main-title\">\n          <p class=\"templo-title-text\">DESIGN BRIEF<\/p>\n        <\/div>\n        <!-- P\u00e1rrafos -->\n        <div class=\"templo-paragraphs\">\n          <p class=\"templo-paragraph\">\n            The Samurai Temple is a luxury countryside home in Santa Fe de Antioquia, remodeled atop a mountain, blending Japanese zen with tropical lushness. Executed by DCERO Design (Daniel Londo\u00f1o), it balances minimalism and natural materials through clean lines, suspended volumes, and bold woodwork, creating a contemplative sanctuary. Water mirrors, decks, and abundant vegetation strengthen its connection to the landscape.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estructura base *\/\n#templo-del-samurai-seccion-1.templo-samurai-wrapper {\n  background-color: #E3E4E5;\n  color: #000000;\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  min-height: 100vh;\n  display: flex;\n  align-items: stretch;\n  justify-content: flex-start;\n  margin: 0;\n}\n\n#templo-del-samurai-seccion-1 .templo-content-wrapper {\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 0PX 20px 0PX 0;\n  box-sizing: border-box;\n  gap: 100px; \/* Added gap to separate image from text *\/\n}\n\n#templo-del-samurai-seccion-1 .templo-image-container {\n  width: 70%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  position: relative;\n  margin-left: 0;\n  padding-left: 0;\n  overflow: hidden; \/* Added to clip excess image *\/\n}\n\n#templo-del-samurai-seccion-1 .templo-reveal-image {\n  width: 120%; \/* Increased to show more content *\/\n  height: 100%;\n  object-fit: cover; \/* Keep cover for cropping *\/\n  object-position: left center; \/* Ensures left side is prioritized *\/\n  opacity: 1;\n  -webkit-mask-image: linear-gradient(135deg, transparent 0%, transparent 0%, black 0%, black 0%);\n  mask-image: linear-gradient(135deg, transparent 0%, transparent 0%, black 0%, black 0%);\n  transition: -webkit-mask-image 1s ease-out, mask-image 1s ease-out;\n  margin: 0;\n  padding: 0;\n}\n\n\/* Contenedor del texto y la barra a la derecha *\/\n#templo-del-samurai-seccion-1 .templo-text-container {\n  position: relative;\n  width: calc(50% - 100px);\n  max-width: 700px;\n  padding-left: 60px;\n  padding-right: 40px; \/* Added 40px right padding for margin from screen edge *\/\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n\n\/* Barra vertical con animaci\u00f3n *\/\n#templo-del-samurai-seccion-1 .templo-vertical-bar {\n  position: absolute;\n  left: 20px; \/* Shifted right from 0 to separate from image *\/\n  top: 0;\n  width: 0.1px;\n  background-color: rgba(0, 0, 0, 0.2);\n  height: 0;\n  transition: height 1s ease-out;\n  transform-origin: top;\n}\n\n\/* Estilos \u00fanicos para el t\u00edtulo *\/\n#templo-del-samurai-seccion-1 .templo-main-title .templo-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  text-align: left;\n}\n\n\/* Estilos \u00fanicos para los p\u00e1rrafos *\/\n#templo-del-samurai-seccion-1 .templo-paragraphs .templo-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  text-align: justify; \/* Changed back to justified as requested *\/\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #templo-del-samurai-seccion-1 .templo-content-wrapper {\n    flex-direction: column;\n    align-items: center;\n    padding: 0 20px;\n    gap: 40px; \/* Adjusted for mobile *\/\n  }\n  #templo-del-samurai-seccion-1 .templo-image-container {\n    width: 70%;\n    height: auto;\n    margin-bottom: 0; \/* Let gap handle spacing *\/\n  }\n  #templo-del-samurai-seccion-1 .templo-text-container {\n    width: 70%;\n    padding-left: 30px; \/* Reduced for mobile *\/\n  }\n  #templo-del-samurai-seccion-1 .templo-vertical-bar {\n    left: 0; \/* Reset for mobile *\/\n  }\n  #templo-del-samurai-seccion-1 .templo-main-title .templo-title-text {\n    font-size: 1.8em;\n  }\n  #templo-del-samurai-seccion-1 .templo-paragraphs .templo-paragraph {\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  #templo-del-samurai-seccion-1 .templo-content-wrapper {\n    padding: 0 15px;\n    gap: 30px; \/* Adjusted for smaller screens *\/\n  }\n  #templo-del-samurai-seccion-1 .templo-image-container {\n    width: 90%;\n    height: auto;\n  }\n  #templo-del-samurai-seccion-1 .templo-text-container {\n    width: 90%;\n    padding-left: 20px;\n  }\n  #templo-del-samurai-seccion-1 .templo-main-title .templo-title-text {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n  #templo-del-samurai-seccion-1 .templo-paragraphs .templo-paragraph {\n    font-size: 0.8em;\n  }\n  #templo-del-samurai-seccion-1 .templo-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;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const verticalBar = document.querySelector('#templo-del-samurai-seccion-1 .templo-vertical-bar');\n  const contentContainer = document.querySelector('#templo-del-samurai-seccion-1 .templo-text-container');\n  const revealImage = document.querySelector('#templo-del-samurai-seccion-1 .templo-reveal-image');\n  let isMobile = window.innerWidth <= 768;\n\n  \/\/ Funci\u00f3n para la animaci\u00f3n de la barra vertical\n  function updateBarHeight() {\n    if (!contentContainer || !verticalBar) return;\n\n    const rect = contentContainer.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const startPoint = windowHeight * 0.7;\n    const endPoint = windowHeight * 0.3;\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\n  \/\/ Funci\u00f3n para la animaci\u00f3n de la imagen\n  function revealImageOnScroll() {\n    if (!contentContainer || !revealImage) return;\n\n    const rect = contentContainer.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const startPoint = windowHeight * 0.9;\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    const revealPoint = progress * 150;\n    const fadeStart = Math.max(0, revealPoint - 30);\n    const fadeEnd = revealPoint;\n\n    const mask = `linear-gradient(135deg, black ${fadeStart}%, transparent ${fadeEnd}%)`;\n    revealImage.style.webkitMaskImage = mask;\n    revealImage.style.maskImage = mask;\n  }\n\n  \/\/ Ejecutar animaciones en el evento de scroll\n  window.addEventListener('scroll', () => {\n    updateBarHeight();\n    revealImageOnScroll();\n  });\n\n  \/\/ Ejecutar animaciones en el evento de resize\n  window.addEventListener('resize', function () {\n    isMobile = window.innerWidth <= 768;\n    updateBarHeight();\n    revealImageOnScroll();\n  });\n\n  \/\/ Ejecutar 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<\/div>\n\t\t<div class=\"elementor-element elementor-element-2237bbf8 e-flex e-con-boxed e-con e-parent\" data-id=\"2237bbf8\" 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-3d85d164 elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"3d85d164\" data-element_type=\"widget\" id=\"seccion3-portfolio2\" 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=\"2560\" height=\"1440\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a7-scaled.jpg\" class=\"attachment-full size-full wp-image-3662\" alt=\"\" srcset=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a7-scaled.jpg 2560w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a7-300x169.jpg 300w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a7-1024x576.jpg 1024w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a7-768x432.jpg 768w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a7-1536x864.jpg 1536w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a7-2048x1152.jpg 2048w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a7-18x10.jpg 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\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-5ca1b1b e-flex e-con-boxed e-con e-parent\" data-id=\"5ca1b1b\" 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-a87d345 elementor-widget elementor-widget-html\" data-id=\"a87d345\" data-element_type=\"widget\" id=\"seccion4-portfolio2\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"templo-del-samurai-seccion-2\" class=\"templo-samurai-wrapper\">\n  <div class=\"templo-content-wrapper\">\n    <!-- Contenedor para el texto y la barra a la izquierda -->\n    <div class=\"templo-text-container\">\n      <div class=\"templo-vertical-bar\"><\/div>\n      <div class=\"templo-text-content\">\n        <!-- T\u00edtulo -->\n        <div class=\"templo-main-title\">\n          <p class=\"templo-title-text\"><\/p>\n        <\/div>\n        <!-- P\u00e1rrafos -->\n        <div class=\"templo-paragraphs\">\n          <p class=\"templo-paragraph\">\n            The exterior redesign focused on two key areas: the expansion of the Master Bedroom with its private garden and the extension of the Pool Deck. The first, a cantilevered structure, features a jacuzzi surrounded by reflecting pools and a Buddha sculpture among palm trees, creating a sanctuary for contemplation. Materials such as ipe wood and polished concrete provide durability and warmth, while strategic lighting enhances the ambiance. The second deck extends the pool with floating platforms made of steel and wood, blending seamlessly with the topography and framing panoramic views.\n\n\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- Contenedor para la imagen a la derecha -->\n    <div class=\"templo-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a4-1-scaled.jpg\" alt=\"Espacios Exteriores\" class=\"templo-reveal-image\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estructura base *\/\n#templo-del-samurai-seccion-2.templo-samurai-wrapper {\n  background-color: #E3E4E5;\n  color: #000000;\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  min-height: 100vh;\n  display: flex;\n  align-items: stretch;\n  justify-content: flex-start;\n  margin: 0;\n}\n\n#templo-del-samurai-seccion-2 .templo-content-wrapper {\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 0PX 0 0PX 20px;\n  box-sizing: border-box;\n  gap: 100px;\n}\n\n#templo-del-samurai-seccion-2 .templo-image-container {\n  width: 70%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  position: relative;\n  margin-right: 0;\n  padding-right: 0;\n  overflow: hidden;\n}\n\n#templo-del-samurai-seccion-2 .templo-reveal-image {\n  width: 100%;\n  height: 80%;\n  object-fit: cover;\n  object-position: right center;\n  opacity: 1;\n  margin: 0;\n  padding: 0;\n}\n\n\/* Contenedor del texto y la barra a la izquierda *\/\n#templo-del-samurai-seccion-2 .templo-text-container {\n  position: relative;\n  width: calc(50% - 100px);\n  max-width: 700px;\n  padding-right: 40px;\n  padding-left: 60px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  order: -1;\n}\n\n\/* Barra vertical con animaci\u00f3n *\/\n#templo-del-samurai-seccion-2 .templo-vertical-bar {\n  position: absolute;\n  right: 20px;\n  left: auto;\n  top: 0;\n  width: 0.1px;\n  background-color: rgba(0, 0, 0, 0.2);\n  height: 0;\n  transition: height 1s ease-out;\n  transform-origin: top;\n}\n\n\/* Estilos \u00fanicos para el t\u00edtulo *\/\n#templo-del-samurai-seccion-2 .templo-main-title .templo-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  text-align: left;\n}\n\n\/* Estilos \u00fanicos para los p\u00e1rrafos *\/\n#templo-del-samurai-seccion-2 .templo-paragraphs .templo-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  text-align: justify;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #templo-del-samurai-seccion-2 .templo-content-wrapper {\n    flex-direction: column;\n    align-items: center;\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #templo-del-samurai-seccion-2 .templo-image-container {\n    width: 70%;\n    height: auto;\n    margin-bottom: 0;\n    order: -1;\n  }\n  #templo-del-samurai-seccion-2 .templo-text-container {\n    width: 70%;\n    padding-right: 30px;\n    padding-left: 30px;\n  }\n  #templo-del-samurai-seccion-2 .templo-vertical-bar {\n    right: 0;\n    left: auto;\n  }\n  #templo-del-samurai-seccion-2 .templo-main-title .templo-title-text {\n    font-size: 1.8em;\n  }\n  #templo-del-samurai-seccion-2 .templo-paragraphs .templo-paragraph {\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  #templo-del-samurai-seccion-2 .templo-content-wrapper {\n    padding: 0 15px;\n    gap: 30px;\n  }\n  #templo-del-samurai-seccion-2 .templo-image-container {\n    width: 90%;\n    height: auto;\n  }\n  #templo-del-samurai-seccion-2 .templo-text-container {\n    width: 90%;\n    padding-right: 20px;\n    padding-left: 20px;\n  }\n  #templo-del-samurai-seccion-2 .templo-main-title .templo-title-text {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n  #templo-del-samurai-seccion-2 .templo-paragraphs .templo-paragraph {\n    font-size: 0.8em;\n  }\n  #templo-del-samurai-seccion-2 .templo-vertical-bar {\n    width: 80%;\n    height: 0.1px;\n    position: relative;\n    right: auto;\n    left: auto;\n    margin: 0 auto 20px auto;\n    transition: width 1s ease-out;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const verticalBar = document.querySelector('#templo-del-samurai-seccion-2 .templo-vertical-bar');\n  const contentContainer = document.querySelector('#templo-del-samurai-seccion-2 .templo-text-container');\n  let isMobile = window.innerWidth <= 768;\n\n  \/\/ Funci\u00f3n para la animaci\u00f3n de la barra vertical\n  function updateBarHeight() {\n    if (!contentContainer || !verticalBar) return;\n\n    const rect = contentContainer.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const startPoint = windowHeight * 0.7;\n    const endPoint = windowHeight * 0.3;\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\n  \/\/ Ejecutar animaci\u00f3n en el evento de scroll\n  window.addEventListener('scroll', updateBarHeight);\n\n  \/\/ Ejecutar animaci\u00f3n en el evento de resize\n  window.addEventListener('resize', function () {\n    isMobile = window.innerWidth <= 768;\n    updateBarHeight();\n  });\n\n  \/\/ Ejecutar animaci\u00f3n al cargar la p\u00e1gina\n  updateBarHeight();\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-d12e74c e-flex e-con-boxed e-con e-parent\" data-id=\"d12e74c\" 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-1592876 elementor-widget elementor-widget-html\" data-id=\"1592876\" data-element_type=\"widget\" id=\"seccion5-portfolio2\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"templo-del-samurai-seccion-3\" class=\"templo-samurai-wrapper\">\n  <div class=\"templo-content-wrapper\">\n    <!-- Contenedor para la imagen a la izquierda -->\n    <div class=\"templo-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a5-scaled.jpg\" alt=\"Deck en la Piscina\" class=\"templo-reveal-image\">\n    <\/div>\n    <!-- Contenedor para el texto y la barra a la derecha -->\n    <div class=\"templo-text-container\">\n      <div class=\"templo-vertical-bar\"><\/div>\n      <div class=\"templo-text-content\">\n        <!-- T\u00edtulo -->\n        <div class=\"templo-main-title\">\n          <p class=\"templo-title-text\"><\/p>\n        <\/div>\n        <!-- P\u00e1rrafos -->\n        <div class=\"templo-paragraphs\">\n          <p class=\"templo-paragraph\">\n            The pool deck incorporates a sculptural structure with three large wooden leaves, supported by steel pillars that create an imposing presence. Inspired by organic fluidity, these forms cast dynamic shadows and define elevated resting areas that blend into the landscape. Beside it, the Open-Air Tropical Bathroom maintains a strong connection with the outdoors through natural materials and lush vegetation, enhancing the sense of freshness and privacy with abundant natural light.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estructura base *\/\n#templo-del-samurai-seccion-3.templo-samurai-wrapper {\n  background-color: #E3E4E5;\n  color: #000000;\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  min-height: 100vh;\n  display: flex;\n  align-items: stretch;\n  justify-content: flex-start;\n  margin: 0;\n}\n\n#templo-del-samurai-seccion-3 .templo-content-wrapper {\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 0PX 20px 0PX 0;\n  box-sizing: border-box;\n  gap: 100px;\n}\n\n#templo-del-samurai-seccion-3 .templo-image-container {\n  width: 70%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  position: relative;\n  margin-left: 0;\n  padding-left: 0;\n  overflow: hidden;\n}\n\n#templo-del-samurai-seccion-3 .templo-reveal-image {\n  width: 100%;\n  height: 80%;\n  object-fit: cover;\n  object-position: left center;\n  opacity: 1;\n  margin: 0;\n  padding: 0;\n}\n\n\/* Contenedor del texto y la barra a la derecha *\/\n#templo-del-samurai-seccion-3 .templo-text-container {\n  position: relative;\n  width: calc(50% - 100px);\n  max-width: 700px;\n  padding-left: 60px;\n  padding-right: 40px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n\/* Barra vertical con animaci\u00f3n *\/\n#templo-del-samurai-seccion-3 .templo-vertical-bar {\n  position: absolute;\n  left: 20px;\n  top: 0;\n  width: 0.1px;\n  background-color: rgba(0, 0, 0, 0.2);\n  height: 0;\n  transition: height 1s ease-out;\n  transform-origin: top;\n}\n\n\/* Estilos \u00fanicos para el t\u00edtulo *\/\n#templo-del-samurai-seccion-3 .templo-main-title .templo-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  text-align: left;\n}\n\n\/* Estilos \u00fanicos para los p\u00e1rrafos *\/\n#templo-del-samurai-seccion-3 .templo-paragraphs .templo-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  text-align: justify;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #templo-del-samurai-seccion-3 .templo-content-wrapper {\n    flex-direction: column;\n    align-items: center;\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #templo-del-samurai-seccion-3 .templo-image-container {\n    width: 70%;\n    height: auto;\n    margin-bottom: 0;\n  }\n  #templo-del-samurai-seccion-3 .templo-text-container {\n    width: 70%;\n    padding-left: 30px;\n  }\n  #templo-del-samurai-seccion-3 .templo-vertical-bar {\n    left: 0;\n  }\n  #templo-del-samurai-seccion-3 .templo-main-title .templo-title-text {\n    font-size: 1.8em;\n  }\n  #templo-del-samurai-seccion-3 .templo-paragraphs .templo-paragraph {\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  #templo-del-samurai-seccion-3 .templo-content-wrapper {\n    padding: 0 15px;\n    gap: 30px;\n  }\n  #templo-del-samurai-seccion-3 .templo-image-container {\n    width: 90%;\n    height: auto;\n  }\n  #templo-del-samurai-seccion-3 .templo-text-container {\n    width: 90%;\n    padding-left: 20px;\n  }\n  #templo-del-samurai-seccion-3 .templo-main-title .templo-title-text {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n  #templo-del-samurai-seccion-3 .templo-paragraphs .templo-paragraph {\n    font-size: 0.8em;\n  }\n  #templo-del-samurai-seccion-3 .templo-vertical-bar {\n    width: 80%;\n    height: 0.1px;\n    position: relative;\n    left: 0;\n    margin: 0 auto 20px auto;\n    transition: width 1s ease-out;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const verticalBar = document.querySelector('#templo-del-samurai-seccion-3 .templo-vertical-bar');\n  const contentContainer = document.querySelector('#templo-del-samurai-seccion-3 .templo-text-container');\n  let isMobile = window.innerWidth <= 768;\n\n  \/\/ Funci\u00f3n para la animaci\u00f3n de la barra vertical\n  function updateBarHeight() {\n    if (!contentContainer || !verticalBar) return;\n\n    const rect = contentContainer.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const startPoint = windowHeight * 0.7;\n    const endPoint = windowHeight * 0.3;\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\n  \/\/ Ejecutar animaci\u00f3n en el evento de scroll\n  window.addEventListener('scroll', updateBarHeight);\n\n  \/\/ Ejecutar animaci\u00f3n en el evento de resize\n  window.addEventListener('resize', function () {\n    isMobile = window.innerWidth <= 768;\n    updateBarHeight();\n  });\n\n  \/\/ Ejecutar animaci\u00f3n al cargar la p\u00e1gina\n  updateBarHeight();\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-33996393 e-con-full e-flex e-con e-parent\" data-id=\"33996393\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10108fa elementor-widget__width-inherit elementor-widget-mobile__width-auto elementor-widget elementor-widget-image\" data-id=\"10108fa\" data-element_type=\"widget\" id=\"seccion6-portfolio2\" 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 decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a2-1-scaled.jpg\" class=\"attachment-full size-full wp-image-3657\" alt=\"\" srcset=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a2-1-scaled.jpg 2560w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a2-1-300x169.jpg 300w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a2-1-1024x576.jpg 1024w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a2-1-768x432.jpg 768w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a2-1-1536x864.jpg 1536w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a2-1-2048x1152.jpg 2048w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a2-1-18x10.jpg 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\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<div class=\"elementor-element elementor-element-7e3163e e-flex e-con-boxed e-con e-child\" data-id=\"7e3163e\" 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-247fde6 elementor-widget elementor-widget-html\" data-id=\"247fde6\" data-element_type=\"widget\" id=\"seccion7-portfolio2\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"templo-del-samurai-seccion-4\" class=\"templo-samurai-wrapper\">\n  <div class=\"templo-content-wrapper\">\n    <!-- Contenedor para el texto y la barra a la izquierda -->\n    <div class=\"templo-text-container\">\n      <div class=\"templo-vertical-bar\"><\/div>\n      <div class=\"templo-text-content\">\n        <!-- T\u00edtulo -->\n        <div class=\"templo-main-title\">\n          <p class=\"templo-title-text\"> \nINTERIORS: WABI SABI & MODERNITY<\/p>\n        <\/div>\n        <!-- P\u00e1rrafos -->\n        <div class=\"templo-paragraphs\">\n          <p class=\"templo-paragraph\">\n            The interior design stands out in the Master Bedroom and the Open-Air Tropical Bathroom. The bedroom, inspired by the wabi-sabi philosophy, features earthy tones, natural oak, and raw linen, with an elevated tatami platform and a panoramic window framing the mountain. The bathroom, designed as a spa retreat, combines a dual volcanic stone shower, a freestanding bathtub, and aged bronze details. Adjacent to the pool, the Outdoor Bathroom blends rusticity and luxury, featuring an open shower surrounded by heliconias and handcrafted brick walls.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- Contenedor para la imagen a la derecha -->\n    <div class=\"templo-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a10-1-scaled.jpg\" alt=\"Interiores Wabi Sabi\" class=\"templo-reveal-image\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estructura base *\/\n#templo-del-samurai-seccion-4.templo-samurai-wrapper {\n  background-color: #E3E4E5;\n  color: #000000;\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  min-height: 100vh;\n  display: flex;\n  align-items: stretch;\n  justify-content: flex-start;\n  margin: 0;\n}\n\n#templo-del-samurai-seccion-4 .templo-content-wrapper {\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 0PX 0 0PX 20px;\n  box-sizing: border-box;\n  gap: 100px;\n}\n\n#templo-del-samurai-seccion-4 .templo-image-container {\n  width: 70%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  position: relative;\n  margin-right: 0;\n  padding-right: 0;\n  overflow: hidden;\n}\n\n#templo-del-samurai-seccion-4 .templo-reveal-image {\n  width: 100%;\n  height: 80%;\n  object-fit: cover;\n  object-position: right center;\n  opacity: 1;\n  margin: 0;\n  padding: 0;\n}\n\n\/* Contenedor del texto y la barra a la izquierda *\/\n#templo-del-samurai-seccion-4 .templo-text-container {\n  position: relative;\n  width: calc(50% - 100px);\n  max-width: 700px;\n  padding-right: 40px;\n  padding-left: 60px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  order: -1;\n}\n\n\/* Barra vertical con animaci\u00f3n *\/\n#templo-del-samurai-seccion-4 .templo-vertical-bar {\n  position: absolute;\n  right: 20px;\n  left: auto;\n  top: 0;\n  width: 0.1px;\n  background-color: rgba(0, 0, 0, 0.2);\n  height: 0;\n  transition: height 1s ease-out;\n  transform-origin: top;\n}\n\n\/* Estilos \u00fanicos para el t\u00edtulo *\/\n#templo-del-samurai-seccion-4 .templo-main-title .templo-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  text-align: left;\n}\n\n\/* Estilos \u00fanicos para los p\u00e1rrafos *\/\n#templo-del-samurai-seccion-4 .templo-paragraphs .templo-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  text-align: justify;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #templo-del-samurai-seccion-4 .templo-content-wrapper {\n    flex-direction: column;\n    align-items: center;\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #templo-del-samurai-seccion-4 .templo-image-container {\n    width: 70%;\n    height: auto;\n    margin-bottom: 0;\n    order: -1;\n  }\n  #templo-del-samurai-seccion-4 .templo-text-container {\n    width: 70%;\n    padding-right: 30px;\n    padding-left: 30px;\n  }\n  #templo-del-samurai-seccion-4 .templo-vertical-bar {\n    right: 0;\n    left: auto;\n  }\n  #templo-del-samurai-seccion-4 .templo-main-title .templo-title-text {\n    font-size: 1.8em;\n  }\n  #templo-del-samurai-seccion-4 .templo-paragraphs .templo-paragraph {\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  #templo-del-samurai-seccion-4 .templo-content-wrapper {\n    padding: 0 15px;\n    gap: 30px;\n  }\n  #templo-del-samurai-seccion-4 .templo-image-container {\n    width: 90%;\n    height: auto;\n  }\n  #templo-del-samurai-seccion-4 .templo-text-container {\n    width: 90%;\n    padding-right: 20px;\n    padding-left: 20px;\n  }\n  #templo-del-samurai-seccion-4 .templo-main-title .templo-title-text {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n  #templo-del-samurai-seccion-4 .templo-paragraphs .templo-paragraph {\n    font-size: 0.8em;\n  }\n  #templo-del-samurai-seccion-4 .templo-vertical-bar {\n    width: 80%;\n    height: 0.1px;\n    position: relative;\n    right: auto;\n    left: auto;\n    margin: 0 auto 20px auto;\n    transition: width 1s ease-out;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const verticalBar = document.querySelector('#templo-del-samurai-seccion-4 .templo-vertical-bar');\n  const contentContainer = document.querySelector('#templo-del-samurai-seccion-4 .templo-text-container');\n  let isMobile = window.innerWidth <= 768;\n\n  \/\/ Funci\u00f3n para la animaci\u00f3n de la barra vertical\n  function updateBarHeight() {\n    if (!contentContainer || !verticalBar) return;\n\n    const rect = contentContainer.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const startPoint = windowHeight * 0.7;\n    const endPoint = windowHeight * 0.3;\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\n  \/\/ Ejecutar animaci\u00f3n en el evento de scroll\n  window.addEventListener('scroll', updateBarHeight);\n\n  \/\/ Ejecutar animaci\u00f3n en el evento de resize\n  window.addEventListener('resize', function () {\n    isMobile = window.innerWidth <= 768;\n    updateBarHeight();\n  });\n\n  \/\/ Ejecutar animaci\u00f3n al cargar la p\u00e1gina\n  updateBarHeight();\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-1c883ed7 e-con-full e-flex e-con e-child\" data-id=\"1c883ed7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23f9ec19 elementor-widget__width-inherit elementor-widget-mobile__width-auto elementor-widget elementor-widget-image\" data-id=\"23f9ec19\" data-element_type=\"widget\" id=\"seccion8-portfolio2\" 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 decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a3-scaled.jpg\" class=\"attachment-full size-full wp-image-3658\" alt=\"\" srcset=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a3-scaled.jpg 2560w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a3-300x169.jpg 300w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a3-1024x576.jpg 1024w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a3-768x432.jpg 768w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a3-1536x864.jpg 1536w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a3-2048x1152.jpg 2048w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a3-18x10.jpg 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\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<div class=\"elementor-element elementor-element-1b38971 e-con-full e-flex e-con e-child\" data-id=\"1b38971\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0a5695 elementor-widget elementor-widget-html\" data-id=\"d0a5695\" data-element_type=\"widget\" id=\"seccion9-portfolio2\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"templo-del-samurai-seccion-5\" class=\"templo-samurai-wrapper\">\n  <div class=\"templo-content-wrapper\">\n    <!-- Contenedor para la imagen a la izquierda -->\n    <div class=\"templo-image-container\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/templo-del-samurai-web.webp\" alt=\"Filosof\u00eda y Ejecuci\u00f3n\" class=\"templo-reveal-image\">\n    <\/div>\n    <!-- Contenedor para el texto y la barra a la derecha -->\n    <div class=\"templo-text-container\">\n      <div class=\"templo-vertical-bar\"><\/div>\n      <div class=\"templo-text-content\">\n        <!-- T\u00edtulo -->\n        <div class=\"templo-main-title\">\n          <p class=\"templo-title-text\">PRECISION AND VISUAL ART<\/p>\n        <\/div>\n        <!-- P\u00e1rrafos -->\n        <div class=\"templo-paragraphs\">\n          <p class=\"templo-paragraph\">\n           DCERO Design was responsible for the project's execution. However, it is in the hyperrealistic renders by Mauryarte where the architectural vision comes to life. Each image captures the precise interplay of light, reflections, and textures, highlighting the fusion of Japanese minimalism and tropical nature. The composition of volumes, the warmth of wood, and the weightlessness of the overhangs are presented with a realism that anticipates the experience of inhabiting this sanctuary of serenity and timeless design.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estructura base *\/\n#templo-del-samurai-seccion-5.templo-samurai-wrapper {\n  background-color: #b4bcbf;\n  color: #000000;\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  min-height: 100vh;\n  display: flex;\n  align-items: stretch;\n  justify-content: flex-start;\n  margin: 0;\n}\n\n#templo-del-samurai-seccion-5 .templo-content-wrapper {\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 0PX 20px 0PX 0;\n  box-sizing: border-box;\n  gap: 100px;\n}\n\n#templo-del-samurai-seccion-5 .templo-image-container {\n  width: 70%;\n  height: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  position: relative;\n  margin-left: 0;\n  padding-left: 0;\n  overflow: hidden;\n}\n\n#templo-del-samurai-seccion-5 .templo-reveal-image {\n  width: 100%;\n  height: 80%;\n  object-fit: cover;\n  object-position: left center;\n  opacity: 1;\n  margin: 0;\n  padding: 0;\n}\n\n\/* Contenedor del texto y la barra a la derecha *\/\n#templo-del-samurai-seccion-5 .templo-text-container {\n  position: relative;\n  width: calc(50% - 100px);\n  max-width: 700px;\n  padding-left: 60px;\n  padding-right: 40px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n\/* Barra vertical con animaci\u00f3n *\/\n#templo-del-samurai-seccion-5 .templo-vertical-bar {\n  position: absolute;\n  left: 20px;\n  top: 0;\n  width: 0.1px;\n  background-color: rgba(0, 0, 0, 0.2);\n  height: 0;\n  transition: height 1s ease-out;\n  transform-origin: top;\n}\n\n\/* Estilos \u00fanicos para el t\u00edtulo *\/\n#templo-del-samurai-seccion-5 .templo-main-title .templo-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  text-align: left;\n}\n\n\/* Estilos \u00fanicos para los p\u00e1rrafos *\/\n#templo-del-samurai-seccion-5 .templo-paragraphs .templo-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  text-align: justify;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  #templo-del-samurai-seccion-5 .templo-content-wrapper {\n    flex-direction: column;\n    align-items: center;\n    padding: 0 20px;\n    gap: 40px;\n  }\n  #templo-del-samurai-seccion-5 .templo-image-container {\n    width: 70%;\n    height: auto;\n    margin-bottom: 0;\n  }\n  #templo-del-samurai-seccion-5 .templo-text-container {\n    width: 70%;\n    padding-left: 30px;\n  }\n  #templo-del-samurai-seccion-5 .templo-vertical-bar {\n    left: 0;\n  }\n  #templo-del-samurai-seccion-5 .templo-main-title .templo-title-text {\n    font-size: 1.8em;\n  }\n  #templo-del-samurai-seccion-5 .templo-paragraphs .templo-paragraph {\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  #templo-del-samurai-seccion-5 .templo-content-wrapper {\n    padding: 0 15px;\n    gap: 30px;\n  }\n  #templo-del-samurai-seccion-5 .templo-image-container {\n    width: 90%;\n    height: auto;\n  }\n  #templo-del-samurai-seccion-5 .templo-text-container {\n    width: 90%;\n    padding-left: 20px;\n  }\n  #templo-del-samurai-seccion-5 .templo-main-title .templo-title-text {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n  #templo-del-samurai-seccion-5 .templo-paragraphs .templo-paragraph {\n    font-size: 0.8em;\n  }\n  #templo-del-samurai-seccion-5 .templo-vertical-bar {\n    width: 80%;\n    height: 0.1px;\n    position: relative;\n    left: 0;\n    margin: 0 auto 20px auto;\n    transition: width 1s ease-out;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const verticalBar = document.querySelector('#templo-del-samurai-seccion-5 .templo-vertical-bar');\n  const contentContainer = document.querySelector('#templo-del-samurai-seccion-5 .templo-text-container');\n  let isMobile = window.innerWidth <= 768;\n\n  \/\/ Funci\u00f3n para la animaci\u00f3n de la barra vertical\n  function updateBarHeight() {\n    if (!contentContainer || !verticalBar) return;\n\n    const rect = contentContainer.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const startPoint = windowHeight * 0.7;\n    const endPoint = windowHeight * 0.3;\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\n  \/\/ Ejecutar animaci\u00f3n en el evento de scroll\n  window.addEventListener('scroll', updateBarHeight);\n\n  \/\/ Ejecutar animaci\u00f3n en el evento de resize\n  window.addEventListener('resize', function () {\n    isMobile = window.innerWidth <= 768;\n    updateBarHeight();\n  });\n\n  \/\/ Ejecutar animaci\u00f3n al cargar la p\u00e1gina\n  updateBarHeight();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60bbcd85 elementor-widget__width-inherit elementor-widget-mobile__width-auto elementor-widget elementor-widget-image\" data-id=\"60bbcd85\" data-element_type=\"widget\" id=\"seccion10-portfolio2\" 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 loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1441\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/2024_05_14_templo-del-samurai_-12-scaled.jpg\" class=\"attachment-full size-full wp-image-3675\" alt=\"\" srcset=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/2024_05_14_templo-del-samurai_-12-scaled.jpg 2560w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/2024_05_14_templo-del-samurai_-12-300x169.jpg 300w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/2024_05_14_templo-del-samurai_-12-1024x576.jpg 1024w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/2024_05_14_templo-del-samurai_-12-768x432.jpg 768w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/2024_05_14_templo-del-samurai_-12-1536x864.jpg 1536w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/2024_05_14_templo-del-samurai_-12-2048x1153.jpg 2048w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/2024_05_14_templo-del-samurai_-12-18x10.jpg 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1aafb7a e-flex e-con-boxed e-con e-parent\" data-id=\"1aafb7a\" 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-3081e39 elementor-widget elementor-widget-html\" data-id=\"3081e39\" data-element_type=\"widget\" id=\"seccion11-portfolio2\" 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 DESIGN| Client: DCERO Design &#038; Render: MAURYARTE + DCERO TEMPLO DEL SAMURAI A luxury countryside home, remodeled atop a mountain in Santa Fe de Antioquia, blending Japanese zen with tropical lushness. READ MORE DESIGN BRIEF The Samurai Temple is a luxury countryside home in Santa Fe de Antioquia, remodeled atop a mountain, blending [&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-525","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>Templo del Samurai - Mauryarte Arquitectura<\/title>\n<meta name=\"description\" content=\"Discover Templo del Samurai, a spiritual and architectural fusion where Japanese design principles meet modern minimalism. A place of balance, silence, and strength.\" \/>\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\/templo-del-samurai\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Templo del Samurai - Mauryarte Arquitectura\" \/>\n<meta property=\"og:description\" content=\"Discover Templo del Samurai, a spiritual and architectural fusion where Japanese design principles meet modern minimalism. A place of balance, silence, and strength.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/templo-del-samurai\/\" \/>\n<meta property=\"og:site_name\" content=\"Mauryarte Arquitectura\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-21T21:43:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1.1_3-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/\",\"name\":\"Templo del Samurai - Mauryarte Arquitectura\",\"isPartOf\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1.1_3-scaled.jpg\",\"datePublished\":\"2025-01-14T19:28:27+00:00\",\"dateModified\":\"2025-07-21T21:43:26+00:00\",\"description\":\"Discover Templo del Samurai, a spiritual and architectural fusion where Japanese design principles meet modern minimalism. A place of balance, silence, and strength.\",\"breadcrumb\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/#primaryimage\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1.1_3-scaled.jpg\",\"contentUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1.1_3-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/#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\":\"Templo del Samurai\"}]},{\"@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":"Templo del Samurai - Mauryarte Arquitectura","description":"Discover Templo del Samurai, a spiritual and architectural fusion where Japanese design principles meet modern minimalism. A place of balance, silence, and strength.","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\/templo-del-samurai\/","og_locale":"es_ES","og_type":"article","og_title":"Templo del Samurai - Mauryarte Arquitectura","og_description":"Discover Templo del Samurai, a spiritual and architectural fusion where Japanese design principles meet modern minimalism. A place of balance, silence, and strength.","og_url":"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/templo-del-samurai\/","og_site_name":"Mauryarte Arquitectura","article_modified_time":"2025-07-21T21:43:26+00:00","og_image":[{"url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1.1_3-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/","url":"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/","name":"Templo del Samurai - Mauryarte Arquitectura","isPartOf":{"@id":"https:\/\/arquitectura.mauryarte.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/#primaryimage"},"image":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/#primaryimage"},"thumbnailUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1.1_3-scaled.jpg","datePublished":"2025-01-14T19:28:27+00:00","dateModified":"2025-07-21T21:43:26+00:00","description":"Discover Templo del Samurai, a spiritual and architectural fusion where Japanese design principles meet modern minimalism. A place of balance, silence, and strength.","breadcrumb":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/"]}]},{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/#primaryimage","url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1.1_3-scaled.jpg","contentUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1.1_3-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/#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":"Templo del Samurai"}]},{"@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\/525","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=525"}],"version-history":[{"count":223,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/525\/revisions"}],"predecessor-version":[{"id":6089,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/525\/revisions\/6089"}],"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=525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}