{"id":138,"date":"2025-01-07T14:22:57","date_gmt":"2025-01-07T19:22:57","guid":{"rendered":"https:\/\/arquitectura.mauryarte.com\/?page_id=138"},"modified":"2025-07-21T16:50:52","modified_gmt":"2025-07-21T21:50:52","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/","title":{"rendered":"Portafolio"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"138\" class=\"elementor elementor-138\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4884eaa e-flex e-con-boxed e-con e-parent\" data-id=\"4884eaa\" 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-dd4ddd3 elementor-widget elementor-widget-html\" data-id=\"dd4ddd3\" 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-portfolio\">\n    <a href=\"#seccion1-portfolio\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion2-portfolio\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion3-portfolio\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion4-portfolio\" 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-10b27d29 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"10b27d29\" data-element_type=\"section\" id=\"seccion1-portfolio\" 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-1fdd6ca5\" data-id=\"1fdd6ca5\" 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-6f4cb300 elementor-widget elementor-widget-html\" data-id=\"6f4cb300\" 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=\"portfolio-text-container\" class=\"portfolio-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\">PORTAFOLIO <span class=\"vertical-divider\">|<\/span> ARCHITECTURE <span class=\"vertical-divider\">|<\/span> DESIGN<\/span>\n      <\/p>\n    <\/div>\n    \n    <!-- T\u00edtulo 1 -->\n    <div class=\"title-1\">\n      <p class=\"new-title\">PORTAFOLIO<\/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\">Explore our curated collection of architectural and design projects.<\/span>\n      <\/p>\n    <\/div>\n\n    <!-- Bot\u00f3n -->\n    <div class=\"contact-button-container\">\n      <a href=\"#seccion2-portfolio\" class=\"contact-button\">READ MORE<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estilos generales de la secci\u00f3n *\/\n.portfolio-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.portfolio-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.portfolio-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.portfolio-text-section .subtitle-1 .subtitle-line {\n  display: block;\n}\n\n\/* Barra vertical para Subt\u00edtulo 1 *\/\n.portfolio-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.portfolio-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.portfolio-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.portfolio-text-section .contact-button-container {\n  margin-top: 20px;\n}\n\n.portfolio-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.portfolio-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.portfolio-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.portfolio-text-section .contact-button:hover {\n  color: #1a1a1a;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .portfolio-text-section .subtitle-1 .new-subtitle {\n    font-size: 0.8em;\n    letter-spacing: 6px;\n  }\n  .portfolio-text-section .title-1 .new-title {\n    font-size: 1.8em;\n  }\n  .portfolio-text-section .subtitle-2 .new-subtitle-2 {\n    font-size: 0.75em;\n  }\n  .portfolio-text-section .subtitle-1 .vertical-divider {\n    margin: 0 8px;\n  }\n  .portfolio-text-section .contact-button {\n    padding: 12px 25px;\n    font-size: 0.9em;\n  }\n}\n\n@media (max-width: 768px) {\n  .portfolio-text-section .text-container {\n    padding: 15px;\n  }\n  .portfolio-text-section .subtitle-1 .new-subtitle {\n    font-size: 0.7em;\n    letter-spacing: 4px;\n  }\n  .portfolio-text-section .title-1 .new-title {\n    font-size: 1.5em;\n    letter-spacing: 2px;\n  }\n  .portfolio-text-section .subtitle-2 .new-subtitle-2 {\n    font-size: 0.7em;\n  }\n  .portfolio-text-section .subtitle-1 .vertical-divider {\n    margin: 0 6px;\n    font-size: 1.2em;\n  }\n  .portfolio-text-section .contact-button {\n    padding: 10px 20px;\n    font-size: 0.85em;\n  }\n}\n\n@media (max-width: 480px) {\n  .portfolio-text-section .title-1 .new-title {\n    font-size: 1.3em;\n  }\n  .portfolio-text-section .subtitle-2 .new-subtitle-2 {\n    font-size: 0.65em;\n  }\n  .portfolio-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-21da46f e-con-full e-flex e-con e-parent\" data-id=\"21da46f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-109aa47 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"109aa47\" data-element_type=\"widget\" id=\"seccion2-portfolio\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"slider-container\">\n  <script type=\"module\">\n    \/\/ Eliminamos la dependencia de imagesLoaded ya que no usaremos precargado\n    console.clear();\n\n    \/\/ Math utilities\n    const wrap = (n, max) => (n + max) % max;\n    const lerp = (a, b, t) => a + (b - a) * t;\n\n    \/\/ DOM utilities\n    const genId = (() => {\n      let count = 0;\n      return () => (count++).toString();\n    })();\n\n    class Raf {\n      constructor() {\n        this.rafId = 0;\n        this.raf = this.raf.bind(this);\n        this.callbacks = [];\n        this.start();\n      }\n\n      start() {\n        this.raf();\n      }\n\n      stop() {\n        cancelAnimationFrame(this.rafId);\n      }\n\n      raf() {\n        this.callbacks.forEach(({ callback, id }) => callback({ id }));\n        this.rafId = requestAnimationFrame(this.raf);\n      }\n\n      add(callback, id) {\n        this.callbacks.push({ callback, id: id || genId() });\n      }\n\n      remove(id) {\n        this.callbacks = this.callbacks.filter((callback) => callback.id !== id);\n      }\n    }\n\n    class Vec2 {\n      constructor(x = 0, y = 0) {\n        this.x = x;\n        this.y = y;\n      }\n\n      set(x, y) {\n        this.x = x;\n        this.y = y;\n      }\n\n      lerp(v, t) {\n        this.x = lerp(this.x, v.x, t);\n        this.y = lerp(this.y, v.y, t);\n      }\n    }\n\n    const vec2 = (x = 0, y = 0) => new Vec2(x, y);\n\n    function tilt(node, options) {\n      let { trigger, target } = resolveOptions(node, options);\n      let lerpAmount = 0.06;\n      const rotDeg = { current: vec2(), target: vec2() };\n      const bgPos = { current: vec2(), target: vec2() };\n\n      const update = (newOptions) => {\n        destroy();\n        ({ trigger, target } = resolveOptions(node, newOptions));\n        init();\n      };\n\n      let rafId;\n\n      function ticker({ id }) {\n        rafId = id;\n        rotDeg.current.lerp(rotDeg.target, lerpAmount);\n        bgPos.current.lerp(bgPos.target, lerpAmount);\n\n        for (const el of target) {\n          el.style.setProperty(\"--rotX\", rotDeg.current.y.toFixed(2) + \"deg\");\n          el.style.setProperty(\"--rotY\", rotDeg.current.x.toFixed(2) + \"deg\");\n          el.style.setProperty(\"--bgPosX\", bgPos.current.x.toFixed(2) + \"%\");\n          el.style.setProperty(\"--bgPosY\", bgPos.current.y.toFixed(2) + \"%\");\n        }\n      }\n\n      const onMouseMove = ({ offsetX, offsetY }) => {\n        lerpAmount = 0.1;\n        for (const el of target) {\n          const ox = (offsetX - el.clientWidth * 0.5) \/ (Math.PI * 3);\n          const oy = -(offsetY - el.clientHeight * 0.5) \/ (Math.PI * 4);\n          rotDeg.target.set(ox, oy);\n          bgPos.target.set(-ox * 0.3, oy * 0.3);\n        }\n      };\n\n      const onMouseLeave = () => {\n        lerpAmount = 0.06;\n        rotDeg.target.set(0, 0);\n        bgPos.target.set(0, 0);\n      };\n\n      const addListeners = () => {\n        trigger.addEventListener(\"mousemove\", onMouseMove);\n        trigger.addEventListener(\"mouseleave\", onMouseLeave);\n      };\n\n      const removeListeners = () => {\n        trigger.removeEventListener(\"mousemove\", onMouseMove);\n        trigger.removeEventListener(\"mouseleave\", onMouseLeave);\n      };\n\n      const init = () => {\n        addListeners();\n        raf.add(ticker);\n      };\n\n      const destroy = () => {\n        removeListeners();\n        raf.remove(rafId);\n      };\n\n      init();\n\n      return { destroy, update };\n    }\n\n    function resolveOptions(node, options) {\n      return {\n        trigger: options?.trigger ?? node,\n        target: options?.target\n          ? Array.isArray(options.target)\n            ? options.target\n            : [options.target]\n          : [node],\n      };\n    }\n\n    const raf = new Raf();\n\n    function init() {\n      const slides = [...document.querySelectorAll(\".slider-container .slide\")];\n      const slidesInfo = [...document.querySelectorAll(\".slider-container .slide-info\")];\n      const buttons = {\n        prev: document.querySelector(\".slider-container .slider--btn__prev\"),\n        next: document.querySelector(\".slider-container .slider--btn__next\"),\n      };\n\n      slides.forEach((slide, i) => {\n        const slideInner = slide.querySelector(\".slide__inner\");\n        const slideInfoInner = slidesInfo[i].querySelector(\".slide-info__inner\");\n        tilt(slide, { target: [slideInner, slideInfoInner] });\n      });\n\n      buttons.prev.addEventListener(\"click\", change(-1));\n      buttons.next.addEventListener(\"click\", change(1));\n\n      \/\/ Add click event listeners for redirects\n      const slideLinks = [\n        \"https:\/\/arquitectura.mauryarte.com\/portfolio\/art-house\/\",\n        \"https:\/\/arquitectura.mauryarte.com\/portfolio\/cliff-house\/\",\n        \"https:\/\/arquitectura.mauryarte.com\/portfolio\/templo-del-samurai\/\",\n        \"https:\/\/arquitectura.mauryarte.com\/portfolio\/edificio-feeling\/\",\n        \"https:\/\/arquitectura.mauryarte.com\/portfolio\/modern-kitchens\/\",\n        \"https:\/\/arquitectura.mauryarte.com\/portfolio\/living-room-designs\/\",\n        \"https:\/\/arquitectura.mauryarte.com\/portfolio\/ilham-el-encuentro-perfecto-entre-lujo-y-naturaleza\/\",\n        \"https:\/\/arquitectura.mauryarte.com\/portfolio\/dolcezza-marina-condo-suites\/\",\n        \"https:\/\/arquitectura.mauryarte.com\/portfolio\/arborea\/\",\n        \"https:\/\/arquitectura.mauryarte.com\/portfolio\/casa-tolu\/\",\n        \"https:\/\/arquitectura.mauryarte.com\/portfolio\/cafe-patio-bonito\/\",\n        \"https:\/\/arquitectura.mauryarte.com\/\"\n      ];\n\n      slides.forEach((slide, index) => {\n        slide.addEventListener(\"click\", () => {\n          if (slide.hasAttribute(\"data-current\")) {\n            window.location.href = slideLinks[index];\n          }\n        });\n      });\n    }\n\n    function change(direction) {\n      return () => {\n        const slides = [...document.querySelectorAll(\".slider-container .slide\")];\n        const slidesInfo = [...document.querySelectorAll(\".slider-container .slide-info\")];\n        const slidesBg = [...document.querySelectorAll(\".slider-container .slide__bg\")];\n        const currentIndex = slides.findIndex((slide) => slide.hasAttribute(\"data-current\"));\n        const previousIndex = wrap(currentIndex - 1, slides.length);\n        const nextIndex = wrap(currentIndex + 1, slides.length);\n        const previousIndex2 = wrap(currentIndex - 2, slides.length);\n        const nextIndex2 = wrap(currentIndex + 2, slides.length);\n\n        slides.forEach((slide) => {\n          slide.removeAttribute(\"data-current\");\n          slide.removeAttribute(\"data-previous\");\n          slide.removeAttribute(\"data-next\");\n          slide.removeAttribute(\"data-previous-2\");\n          slide.removeAttribute(\"data-next-2\");\n        });\n\n        slidesInfo.forEach((slideInfo) => {\n          slideInfo.removeAttribute(\"data-current\");\n          slideInfo.removeAttribute(\"data-previous\");\n          slideInfo.removeAttribute(\"data-next\");\n          slideInfo.removeAttribute(\"data-previous-2\");\n          slideInfo.removeAttribute(\"data-next-2\");\n        });\n\n        slidesBg.forEach((slideBg) => {\n          slideBg.removeAttribute(\"data-current\");\n          slideBg.removeAttribute(\"data-previous\");\n          slideBg.removeAttribute(\"data-next\");\n          slideBg.removeAttribute(\"data-previous-2\");\n          slideBg.removeAttribute(\"data-next-2\");\n        });\n\n        if (direction === 1) {\n          slides[currentIndex].setAttribute(\"data-previous\", \"\");\n          slidesInfo[currentIndex].setAttribute(\"data-previous\", \"\");\n          slidesBg[currentIndex].setAttribute(\"data-previous\", \"\");\n          slides[nextIndex].setAttribute(\"data-current\", \"\");\n          slidesInfo[nextIndex].setAttribute(\"data-current\", \"\");\n          slidesBg[nextIndex].setAttribute(\"data-current\", \"\");\n          slides[previousIndex].setAttribute(\"data-next\", \"\");\n          slidesInfo[previousIndex].setAttribute(\"data-next\", \"\");\n          slidesBg[previousIndex].setAttribute(\"data-next\", \"\");\n          slides[previousIndex2].setAttribute(\"data-previous-2\", \"\");\n          slidesInfo[previousIndex2].setAttribute(\"data-previous-2\", \"\");\n          slidesBg[previousIndex2].setAttribute(\"data-previous-2\", \"\");\n          slides[nextIndex2].setAttribute(\"data-next-2\", \"\");\n          slidesInfo[nextIndex2].setAttribute(\"data-next-2\", \"\");\n          slidesBg[nextIndex2].setAttribute(\"data-next-2\", \"\");\n        } else if (direction === -1) {\n          slides[currentIndex].setAttribute(\"data-next\", \"\");\n          slidesInfo[currentIndex].setAttribute(\"data-next\", \"\");\n          slidesBg[currentIndex].setAttribute(\"data-next\", \"\");\n          slides[previousIndex].setAttribute(\"data-current\", \"\");\n          slidesInfo[previousIndex].setAttribute(\"data-current\", \"\");\n          slidesBg[previousIndex].setAttribute(\"data-current\", \"\");\n          slides[nextIndex].setAttribute(\"data-previous\", \"\");\n          slidesInfo[nextIndex].setAttribute(\"data-previous\", \"\");\n          slidesBg[nextIndex].setAttribute(\"data-previous\", \"\");\n          slides[previousIndex2].setAttribute(\"data-previous-2\", \"\");\n          slidesInfo[previousIndex2].setAttribute(\"data-previous-2\", \"\");\n          slidesBg[previousIndex2].setAttribute(\"data-previous-2\", \"\");\n          slides[nextIndex2].setAttribute(\"data-next-2\", \"\");\n          slidesInfo[nextIndex2].setAttribute(\"data-next-2\", \"\");\n          slidesBg[nextIndex2].setAttribute(\"data-next-2\", \"\");\n        }\n\n        slides.forEach((slide) => {\n          if (slide.hasAttribute(\"data-current\")) {\n            slide.style.zIndex = \"20\";\n          } else if (slide.hasAttribute(\"data-previous\")) {\n            slide.style.zIndex = \"5\";\n          } else if (slide.hasAttribute(\"data-next\")) {\n            slide.style.zIndex = \"5\";\n          } else if (slide.hasAttribute(\"data-previous-2\") || slide.hasAttribute(\"data-next-2\")) {\n            slide.style.zIndex = \"2\";\n          } else {\n            slide.style.zIndex = \"0\";\n          }\n        });\n      };\n    }\n\n    \/\/ Iniciamos directamente sin precargado\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      init();\n    });\n  <\/script>\n\n  <style>\n    @import url(\"https:\/\/api.fontshare.com\/v2\/css?f[]=archivo@100,200,300,400,500,600,700,800,900&f[]=clash-display@200,300,400,500,600,700&display=swap\");\n\n    :root {\n      --slide-width: min(30vw, 400px);\n      --slide-aspect: 2.4 \/ 3;\n      --slide-transition-duration: 800ms;\n      --slide-transition-easing: ease;\n      --font-archivo: \"Archivo\", sans-serif;\n      --font-clash-display: \"Clash Display\", sans-serif;\n    }\n\n    .slider-container {\n      width: 100vw;\n      max-width: 100%;\n      margin: 0;\n      padding: 0;\n      overflow: hidden;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba(0, 0, 0, 0);\n      box-sizing: border-box;\n      height: 100vh;\n    }\n\n    .slider-container * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    .slider-container button {\n      border: none;\n      background: none;\n      cursor: pointer;\n    }\n\n    .slider-container button:focus {\n      outline: none;\n      border: none;\n    }\n\n    .slider-container .slider {\n      width: 100%;\n      max-width: 100%;\n      height: auto;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      position: relative;\n    }\n\n    .slider-container .slider--btn {\n      --size: 40px;\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      opacity: 0.7;\n      transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);\n      z-index: 100;\n    }\n\n    .slider-container .slider--btn__prev {\n      left: 8px;\n    }\n\n    .slider-container .slider--btn__next {\n      right: 8px;\n    }\n\n    .slider-container .slider--btn svg {\n      width: var(--size);\n      height: var(--size);\n      stroke: white;\n    }\n\n    .slider-container .slider--btn:hover {\n      opacity: 1;\n    }\n\n    .slider-container .slides__wrapper {\n      width: 100%;\n      height: 100%;\n      display: grid;\n      place-items: center;\n    }\n\n    .slider-container .slides__wrapper > * {\n      grid-area: 1 \/ -1;\n    }\n\n    .slider-container .slides,\n    .slider-container .slides--infos {\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      display: grid;\n      place-items: center;\n    }\n\n    .slider-container .slides > *,\n    .slider-container .slides--infos > * {\n      grid-area: 1 \/ -1;\n    }\n\n    .slider-container .slide {\n      --slide-tx: 0px;\n      --slide-ty: 0vh;\n      --padding: 0px;\n      width: var(--slide-width);\n      height: auto;\n      aspect-ratio: var(--slide-aspect);\n      user-select: none;\n      perspective: 800px;\n      transform: perspective(1500px)\n        translate3d(var(--slide-tx), var(--slide-ty), var(--slide-tz, 0))\n        rotateY(var(--slide-rotY)) scale(var(--slide-scale));\n      transition: transform var(--slide-transition-duration)\n        var(--slide-transition-easing);\n    }\n\n    .slider-container .slide[data-current] {\n      --slide-scale: 1.2;\n      --slide-tz: 0px;\n      --slide-tx: 0px;\n      --slide-rotY: 0;\n      pointer-events: auto;\n      filter: brightness(1);\n      z-index: 20;\n      cursor: pointer; \/* Cambiar el cursor a una manita en el slide actual *\/\n    }\n\n    .slider-container .slide[data-next],\n    .slider-container .slide[data-previous] {\n      --slide-scale: 1;\n      --slide-tz: -100px;\n      --slide-rotY: 0;\n      filter: brightness(0.5);\n    }\n\n    .slider-container .slide[data-next] {\n      --slide-tx: calc(var(--slide-width) + 10px);\n      --slide-rotY: -45deg;\n      --slide-tz: -30px;\n      z-index: 10;\n    }\n\n    .slider-container .slide[data-previous] {\n      --slide-tx: calc(-1 * var(--slide-width) - 10px);\n      --slide-rotY: 45deg;\n      --slide-tz: -30px;\n      z-index: 10;\n    }\n\n    .slider-container .slide[data-previous-2] {\n      --slide-tx: calc(-2 * var(--slide-width) - 15px);\n      --slide-rotY: 60deg;\n      --slide-tz: -60px;\n      filter: brightness(0.3);\n      z-index: 5;\n    }\n\n    .slider-container .slide[data-next-2] {\n      --slide-tx: calc(2 * var(--slide-width) + 15px);\n      --slide-rotY: -60deg;\n      --slide-tz: -60px;\n      filter: brightness(0.3);\n      z-index: 5;\n    }\n\n    .slider-container .slide:not([data-current]):not([data-previous]):not([data-next]):not([data-previous-2]):not([data-next-2]) {\n      opacity: 0;\n      pointer-events: none;\n      transform: translateX(-100%);\n    }\n\n    .slider-container .slide__inner {\n      --rotX: 0;\n      --rotY: 0;\n      --bgPosX: 0%;\n      --bgPosY: 0%;\n      position: relative;\n      left: calc(var(--padding) \/ 2);\n      top: calc(var(--padding) \/ 2);\n      width: calc(100% - var(--padding));\n      height: calc(100% - var(--padding));\n      transform-style: preserve-3d;\n      transform: rotateX(var(--rotX)) rotateY(var(--rotY));\n    }\n\n    .slider-container .slide--image__wrapper {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .slider-container .slide--image {\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: var(--slide-img-top, 50%);\n      left: var(--slide-img-left, 50%);\n      object-fit: var(--slide-img-fit, cover);\n      transform: translate(var(--slide-img-translateX, -50%), var(--slide-img-translateY, -50%)) \n                scale(var(--slide-img-zoom, 1.0)) \n                translate3d(var(--bgPosX), var(--bgPosY), 0);\n      transition: filter var(--slide-transition-duration) var(--slide-transition-easing);\n    }\n\n    .slider-container .slide__bg {\n      position: fixed;\n      inset: -20%;\n      background-image: var(--bg);\n      background-size: cover;\n      background-position: center center;\n      z-index: -1;\n      pointer-events: none;\n      transition: opacity var(--slide-transition-duration) ease,\n        transform var(--slide-transition-duration) ease;\n    }\n\n    .slider-container .slide__bg::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: rgba(0, 0, 0, 0.8);\n      backdrop-filter: blur(8px);\n    }\n\n    .slider-container .slide__bg:not([data-current]) {\n      opacity: 0;\n    }\n\n    .slider-container .slide__bg[data-previous] {\n      transform: translateX(-10%);\n    }\n\n    .slider-container .slide__bg[data-next] {\n      transform: translateX(10%);\n    }\n\n    .slider-container .slide-info {\n      --padding: 0px;\n      position: relative;\n      width: var(--slide-width);\n      height: 100%;\n      aspect-ratio: var(--slide-aspect);\n      user-select: none;\n      perspective: 800px;\n      z-index: 20;\n    }\n\n    .slider-container .slide-info[data-current] .slide-info--text span {\n      opacity: 1;\n      transform: translate3d(0, 0, 0);\n      transition-delay: 250ms;\n    }\n\n    .slider-container .slide-info:not([data-current]) .slide-info--text span {\n      opacity: 0;\n      transform: translate3d(0, 100%, 0);\n      transition-delay: 0ms;\n    }\n\n    .slider-container .slide-info__inner {\n      position: relative;\n      left: calc(var(--padding) \/ 2);\n      top: calc(var(--padding) \/ 2);\n      width: calc(100% - var(--padding));\n      height: calc(150% - var(--padding));\n      transform-style: preserve-3d;\n      transform: rotateX(var(--rotX)) rotateY(var(--rotY));\n      z-index: 20;\n    }\n\n    .slider-container .slide-info--text__wrapper {\n      --z-offset: 5px;\n      --text-offset-x: -25%;\n      --text-offset-y: 15%;\n      position: absolute;\n      height: fit-content;\n      left: var(--text-offset-x);\n      bottom: var(--text-offset-y);\n      transform: translateZ(var(--z-offset));\n      z-index: 30;\n      pointer-events: none;\n    }\n\n    .slider-container .slide-info--text {\n      font-family: var(--font-clash-display);\n      color: #fff;\n      overflow: hidden;\n    }\n\n    .slider-container .slide-info--text span {\n      display: block;\n      white-space: nowrap;\n      transition: var(--slide-transition-duration) var(--slide-transition-easing);\n      transition-property: opacity, transform;\n    }\n\n    .slider-container .slide-info--text[data-title],\n    .slider-container .slide-info--text[data-subtitle] {\n      font-size: min(0.3cqw, 1.1rem);\n      font-weight: 500;\n      letter-spacing: 0.2cqw;\n      white-space: nowrap;\n      text-transform: uppercase;\n    }\n\n    .slider-container .slide-info--text[data-subtitle] {\n      margin-top: 0.5cqw;\n      margin-left: 2cqw;\n      font-size: min(1.5cqw, 1.8rem);\n      font-weight: 400;\n    }\n\n    .slider-container .slide-info--text[data-description] {\n      margin-top: 0.2cqw;\n      margin-left: 1cqw;\n      font-size: min(1.3cqw, 0.95rem);\n      font-family: var(--font-archivo);\n      font-weight: 300;\n      text-transform: uppercase;\n    }\n\n    @media (max-width: 767px) {\n      :root {\n        --slide-width: 45vw;\n      }\n\n      .slider-container {\n        height: 50vh;\n      }\n\n      .slider-container .slide[data-next] {\n        --slide-tx: calc(var(--slide-width) + 8px);\n        --slide-rotY: -30deg;\n        --slide-tz: -20px;\n      }\n\n      .slider-container .slide[data-previous] {\n        --slide-tx: calc(-1 * var(--slide-width) - 8px);\n        --slide-rotY: 30deg;\n        --slide-tz: -20px;\n      }\n\n      .slider-container .slide[data-previous-2] {\n        --slide-tx: calc(-2 * var(--slide-width) - 12px);\n      }\n\n      .slider-container .slide[data-next-2] {\n        --slide-tx: calc(2 * var(--slide-width) + 12px);\n      }\n\n      .slider-container .slider--btn__prev {\n        left: 2px;\n      }\n\n      .slider-container .slider--btn__next {\n        right: 2px;\n      }\n\n      .slider-container .slide-info--text__wrapper {\n        --text-offset-x: -10%;\n        --text-offset-y: 10%;\n      }\n\n      .slider-container .slide-info--text[data-title] {\n        font-size: 1.3rem;\n      }\n\n      .slider-container .slide-info--text[data-subtitle] {\n        font-size: 1.0rem;\n      }\n\n      .slider-container .slide-info--text[data-description] {\n        font-size: 0.7rem;\n      }\n    }\n\n    @media (min-width: 768px) and (max-width: 1023px) {\n      :root {\n        --slide-width: 35vw;\n      }\n\n      .slider-container {\n        height: 80vh;\n      }\n\n      .slider-container .slide[data-next] {\n        --slide-tx: calc(var(--slide-width) + 10px);\n        --slide-rotY: -40deg;\n        --slide-tz: -25px;\n      }\n\n      .slider-container .slide[data-previous] {\n        --slide-tx: calc(-1 * var(--slide-width) - 10px);\n        --slide-rotY: 40deg;\n        --slide-tz: -25px;\n      }\n\n      .slider-container .slide[data-previous-2] {\n        --slide-tx: calc(-2 * var(--slide-width) - 15px);\n      }\n\n      .slider-container .slide[data-next-2] {\n        --slide-tx: calc(2 * var(--slide-width) + 15px);\n      }\n\n      .slider-container .slider--btn__prev {\n        left: 5px;\n      }\n\n      .slider-container .slider--btn__next {\n        right: 5px;\n      }\n\n      .slider-container .slide-info--text__wrapper {\n        --text-offset-x: -12%;\n        --text-offset-y: 12%;\n      }\n\n      .slider-container .slide-info--text[data-title] {\n        font-size: 1.8rem;\n      }\n\n      .slider-container .slide-info--text[data-subtitle] {\n        font-size: 1.3rem;\n      }\n\n      .slider-container .slide-info--text[data-description] {\n        font-size: 0.8rem;\n      }\n    }\n\n    @media (min-width: 1024px) {\n      :root {\n        --slide-width: min(30vw, 400px);\n      }\n\n      .slider-container {\n        height: 100vh;\n      }\n\n      .slider-container .slide[data-next] {\n        --slide-tx: calc(var(--slide-width) + 10px);\n        --slide-rotY: -45deg;\n        --slide-tz: -30px;\n      }\n\n      .slider-container .slide[data-previous] {\n        --slide-tx: calc(-1 * var(--slide-width) - 10px);\n        --slide-rotY: 45deg;\n        --slide-tz: -30px;\n      }\n\n      .slider-container .slide[data-previous-2] {\n        --slide-tx: calc(-2 * var(--slide-width) - 15px);\n      }\n\n      .slider-container .slide[data-next-2] {\n        --slide-tx: calc(2 * var(--slide-width) + 15px);\n      }\n\n      .slider-container .slider--btn__prev {\n        left: 8px;\n      }\n\n      .slider-container .slider--btn__next {\n        right: 8px;\n      }\n\n      .slider-container .slide-info--text__wrapper {\n        --text-offset-x: -15%;\n        --text-offset-y: 15%;\n      }\n\n      .slider-container .slide-info--text[data-title] {\n        font-size: 2.4rem;\n      }\n\n      .slider-container .slide-info--text[data-subtitle] {\n        font-size: 1.8rem;\n      }\n\n      .slider-container .slide-info--text[data-description] {\n        font-size: 0.95rem;\n      }\n    }\n  <\/style>\n\n  <div class=\"slider\">\n    <button class=\"slider--btn slider--btn__prev\" tabindex=\"0\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"m15 18-6-6 6-6\" \/>\n      <\/svg>\n    <\/button>\n\n    <div class=\"slides__wrapper\">\n      <div class=\"slides\">\n        <div class=\"slide\" data-current id=\"slide-1\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 50%; --slide-img-top: 50%; --slide-img-translateX: -50%; --slide-img-translateY: -50%; --slide-img-zoom: 1.0;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.jpg\" \n                   alt=\"Architectural Design\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.jpg);\" data-current><\/div>\n\n        <div class=\"slide\" data-next id=\"slide-2\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 0%; --slide-img-top: 50%; --slide-img-translateX: 0%; --slide-img-translateY: -50%; --slide-img-zoom: 1;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-House.jpg\" \n                   alt=\"Architectural Design\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cliff-House.jpg);\" data-next><\/div>\n\n        <div class=\"slide\" data-previous id=\"slide-3\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 50%; --slide-img-top: 50%; --slide-img-translateX: -50%; --slide-img-translateY: -50%; --slide-img-zoom: 1.2;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a2-1-scaled.jpg\" \n                   alt=\"Interior Design\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/a2-1-scaled.jpg);\" data-previous><\/div>\n\n        <div class=\"slide\" id=\"slide-4\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 50%; --slide-img-top: 50%; --slide-img-translateX: -50%; --slide-img-translateY: -50%; --slide-img-zoom: 1.0;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-version-mejorada-3.jpg\" \n                   alt=\"Feeling\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Render-CoLife-Feeling-Torre-A1.1_POST_Sin-Logo-scaled.jpg);\"><\/div>\n\n        <div class=\"slide\" id=\"slide-5\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 50%; --slide-img-top: 50%; --slide-img-translateX: -50%; --slide-img-translateY: -50%; --slide-img-zoom: 1.0;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cocina-1.jpg\" \n                   alt=\"Kitchen\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cocina-Cedro-Verde-801.jpg);\"><\/div>\n\n        <div class=\"slide\" id=\"slide-6\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 50%; --slide-img-top: 50%; --slide-img-translateX: -50%; --slide-img-translateY: -50%; --slide-img-zoom: 1.0;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/0.2-pethau.png\" \n                   alt=\"Living Room Designs\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Piscina-1.jpg);\"><\/div>\n\n        <div class=\"slide\" id=\"slide-7\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 50%; --slide-img-top: 50%; --slide-img-translateX: -50%; --slide-img-translateY: -50%; --slide-img-zoom: 1.0;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Piscina-1.jpg\" \n                   alt=\"ILHAM\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/121-Marina-Interior-View-scaled.jpg);\"><\/div>\n\n        <div class=\"slide\" id=\"slide-8\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 50%; --slide-img-top: 50%; --slide-img-translateX: -50%; --slide-img-translateY: -50%; --slide-img-zoom: 1.0;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/121-Marina-Interior-View-scaled.jpg\" \n                   alt=\"Living Soul\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/121-Marina-Interior-View-scaled.jpg);\"><\/div>\n\n        <div class=\"slide\" id=\"slide-9\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 50%; --slide-img-top: 50%; --slide-img-translateX: -50%; --slide-img-translateY: -50%; --slide-img-zoom: 1.0;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Escena-8-scaled.jpg\" \n                   alt=\"Arb\u00f3rea\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Escena-8-scaled.jpg);\"><\/div>\n\n        <div class=\"slide\" id=\"slide-10\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 50%; --slide-img-top: 50%; --slide-img-translateX: -50%; --slide-img-translateY: -50%; --slide-img-zoom: 1.0;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/FINAL-COCINA-scaled.jpg\" \n                   alt=\"Casa Tolu\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/FINAL-COCINA-scaled.jpg);\"><\/div>\n\n        <div class=\"slide\" id=\"slide-11\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 50%; --slide-img-top: 50%; --slide-img-translateX: -50%; --slide-img-translateY: -50%; --slide-img-zoom: 1.0;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A9_Interactive-LightMix.jpg\" \n                   alt=\"Caf\u00e9 Patio Bonito\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A9_Interactive-LightMix.jpg);\"><\/div>\n\n        <div class=\"slide\" id=\"slide-12\">\n          <div class=\"slide__inner\">\n            <div class=\"slide--image__wrapper\">\n              <img decoding=\"async\" class=\"slide--image\" \n                   style=\"--slide-img-fit: cover; --slide-img-left: 50%; --slide-img-top: 50%; --slide-img-translateX: -50%; --slide-img-translateY: -50%; --slide-img-zoom: 1.0;\"\n                   src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/pOST.jpg\" \n                   alt=\"Club D\" \n                   loading=\"lazy\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"slide__bg\" style=\"--bg: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/pOST.jpg);\"><\/div>\n      <\/div>\n\n      <div class=\"slides--infos\">\n        <div class=\"slide-info\" data-current>\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>Arte<\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>house<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Dise\u00f1o Arquitect\u00f3nico<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"slide-info\" data-next>\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>Cliff House<\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>Fizebad<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Dise\u00f1o Arquitect\u00f3nico<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"slide-info\" data-previous>\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>Templo del Samurai<\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>Medel\u00edl\u00edn<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Architecture and Interior Design<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"slide-info\">\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>Feeling<\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>Medel\u00edl\u00edn<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Rendering<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"slide-info\">\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>Modern Kitchens<\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>Designs<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Explore our modern kitchens<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"slide-info\">\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>Living Room <\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>Designs<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Elegant sitting rooms for your home.<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"slide-info\">\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>ILHAM HOTEL<\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>Medel\u00edl\u00edn<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Dise\u00f1o Arquitect\u00f3nico<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"slide-info\">\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>Living Soul<\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>Miami<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Rendering<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"slide-info\">\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>Arb\u00f3rea<\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>Ecuador<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Dise\u00f1o Arquitect\u00f3nico<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"slide-info\">\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>Tolu House<\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>Colombia<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Architectural and Interior Design<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"slide-info\">\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>Caf\u00e9 Patio Bonito<\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>Medel\u00edl\u00edn<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Dise\u00f1o Arquitect\u00f3nico<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"slide-info\">\n          <div class=\"slide-info__inner\">\n            <div class=\"slide-info--text__wrapper\">\n              <div data-title class=\"slide-info--text\"><span>Club D<\/span><\/div>\n              <div data-subtitle class=\"slide-info--text\"><span>Fizebad<\/span><\/div>\n              <div data-description class=\"slide-info--text\"><span>Dise\u00f1o Arquitect\u00f3nico<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <button class=\"slider--btn slider--btn__next\" tabindex=\"0\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"m9 18 6-6-6-6\" \/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75191e1 e-flex e-con-boxed e-con e-child\" data-id=\"75191e1\" 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-10a6523 elementor-widget elementor-widget-html\" data-id=\"10a6523\" data-element_type=\"widget\" id=\"seccion3-portfolio\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"card-hover-interactions-3\">\r\n  <div class=\"page-content\">\r\n    <!-- Tarjeta 1 -->\r\n    <div class=\"card\">\r\n      <div class=\"content\">\r\n        <h2 class=\"title\">ART House<\/h2>\r\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\r\n        <p class=\"copy\">ArtHouse by Christian Maury: A modern luxury masterpiece blending geometric elegance with nature, showcasing timeless design and architectural innovation.<\/p>\r\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/art-house\/\" target=\"_blank\">BUY<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Card 2 -->\r\n    <div class=\"card\">\r\n      <div class=\"content\">\r\n        <h2 class=\"title\">The Hills<\/h2>\r\n        <h2 class=\"title action-title\">BUY<\/h2>\r\n        <p class=\"copy\">Mauryarte's cantilevered mastery: where architectural boldness elevates into luxury masterpieces.<\/p>\r\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/cliff-house\/\" target=\"_blank\">BUY<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Card 3 -->\r\n    <div class=\"card\">\r\n      <div class=\"content\">\r\n        <h2 class=\"title\">Samurai Temple<\/h2>\r\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\r\n        <p class=\"copy\">Zen-meets-tropical luxury villa: architectural redesign, wabi-sabi interiors & hyperreal pool\/wellness renders<\/p>\r\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/templo-del-samurai\/\" target=\"_blank\">EXPLORE<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Card 4 -->\r\n    <div class=\"card\">\r\n      <div class=\"content\">\r\n        <h2 class=\"title\">Feeling<\/h2>\r\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\r\n        <p class=\"copy\">Hyperreal renders for FEELING's futuristic coliving tower: light, texture & urban integration in Medell\u00edn<\/p>\r\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/edificio-feeling\/\" target=\"_blank\">EXPLORE<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Card 5 -->\r\n    <div class=\"card\">\r\n      <div class=\"content\">\r\n        <h2 class=\"title\">Modern Kitchens<\/h2>\r\n        <h2 class=\"title action-title\">BUY<\/h2>\r\n        <p class=\"copy\">Explore our modern kitchens.<\/p>\r\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/modern-kitchens\/\" target=\"_blank\">BUY<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Card 6 -->\r\n    <div class=\"card\">\r\n      <div class=\"content\">\r\n        <h2 class=\"title\">Living Room Designs<\/h2>\r\n        <h2 class=\"title action-title\">BUY<\/h2>\r\n        <p class=\"copy\">Elegant sitting rooms for your home.<\/p>\r\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/living-room-designs\/\" target=\"_blank\">BUY<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Card 7 -->\r\n    <div class=\"card\">\r\n      <div class=\"content\">\r\n        <h2 class=\"title\">ILHAM HOTEL<\/h2>\r\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\r\n        <p class=\"copy\">It's the desert you've always dreamed of<\/p>\r\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/ilham-el-encuentro-perfecto-entre-lujo-y-naturaleza\/\" target=\"_blank\">EXPLORE<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Card 8 -->\r\n    <div class=\"card\">\r\n      <div class=\"content\">\r\n        <h2 class=\"title\">Living Soul<\/h2>\r\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\r\n        <p class=\"copy\">Seriously, straight up, just blast off into outer space today<\/p>\r\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/dolcezza-marina-condo-suites\/\" target=\"_blank\">EXPLORE<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Card 9 -->\r\n    <div class=\"card\">\r\n      <div class=\"content\">\r\n        <h2 class=\"title\">ARBOREA<\/h2>\r\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\r\n        <p class=\"copy\">the perfect encounter between luxury and nature<\/p>\r\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/arborea\/\" target=\"_blank\">EXPLORE<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Card 10 -->\r\n    <div class=\"card\">\r\n      <div class=\"content\">\r\n        <h2 class=\"title\">Tolu House<\/h2>\r\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\r\n        <p class=\"copy\">blending the essence of a traditional Antioquian house with the freshness of a coastal setting in the Tolu jungle,<\/p>\r\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/casa-tolu\/\" target=\"_blank\">EXPLORE<\/a>\r\n      <\/div>\r\n    <\/div>\r\n     <!-- Card 11 -->\r\n    <div class=\"card\">\r\n      <div class=\"content\">\r\n        <h2 class=\"title\">Caf\u00e9 Patio Bonito<\/h2>\r\n        <h2 class=\"title action-title\">INVEST<\/h2>\r\n        <p class=\"copy\">We transformed a house into a modern, functional and nature-inspired Caf\u00e9 Coworking space.<\/p>\r\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/cafe-patio-bonito\/\" target=\"_blank\">INVEST<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n:root {\r\n  --d: 700ms;\r\n  --e: cubic-bezier(0.19, 1, 0.22, 1);\r\n  --overlay-opacity: 0.9;\r\n  --overlay-height: 100px;\r\n  --overlay-total-height: 200px;\r\n  --card-height: 600px;\r\n  --image-container-height: 110%;\r\n  --image-pos-x: 0;\r\n  --image-pos-y: 0;\r\n}\r\n\r\n\/* Reset global *\/\r\nhtml, body {\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: hidden;\r\n  font-family: 'Kanit', sans-serif;\r\n}\r\n\r\n\/* Contenedor principal *\/\r\n#card-hover-interactions-3 {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* Tarjeta individual - Control de altura *\/\r\n#card-hover-interactions-3 .card {\r\n  position: relative;\r\n  min-height: var(--card-height);\r\n  margin-bottom: 2rem;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  padding: 3rem;\r\n  background-color: black; \/* Fondo negro para evitar que se vea otra imagen *\/\r\n  box-shadow: 0 1px 1px rgba(0,0,0,0.1), \r\n    0 2px 2px rgba(0,0,0,0.1), \r\n    0 4px 4px rgba(0,0,0,0.1), \r\n    0 8px 8px rgba(0,0,0,0.1),\r\n    0 16px 16px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* Variables personalizadas para cada tarjeta *\/\r\n#card-hover-interactions-3 .card:nth-child(1) {\r\n  --initial-bg-size: 110% auto;\r\n  --hover-bg-size: 100% auto;\r\n  --initial-bg-pos: center;\r\n  --hover-bg-pos: center center;\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(2) {\r\n  --initial-bg-size: 115% auto;\r\n  --hover-bg-size: 100% auto;\r\n  --initial-bg-pos: left ;\r\n  --hover-bg-pos: center center;\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(3) {\r\n  --initial-bg-size: 115% auto;\r\n  --hover-bg-size: 100% auto;\r\n  --initial-bg-pos: right ;\r\n  --hover-bg-pos: center center;\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(4) {\r\n  --initial-bg-size: 110% auto;\r\n  --hover-bg-size: 100% auto;\r\n  --initial-bg-pos: center ;\r\n  --hover-bg-pos: center center;\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(5) {\r\n  --initial-bg-size: 110% auto;\r\n  --hover-bg-size: 100% auto;\r\n  --initial-bg-pos: right;\r\n  --hover-bg-pos: center center;\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(6) {\r\n  --initial-bg-size: 100% auto;\r\n  --hover-bg-size: 115% auto;\r\n  --initial-bg-pos: center ;\r\n  --hover-bg-pos: center center;\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(7) {\r\n  --initial-bg-size: 100% auto;\r\n  --hover-bg-size: 110% auto;\r\n  --initial-bg-pos: center ;\r\n  --hover-bg-pos: center center;\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(8) {\r\n  --initial-bg-size: 110% auto;\r\n  --hover-bg-size: 100% auto;\r\n  --initial-bg-pos: left ;\r\n  --hover-bg-pos: center center;\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(9) {\r\n  --initial-bg-size: 110% auto;\r\n  --hover-bg-size: 100% auto;\r\n  --initial-bg-pos: left ;\r\n  --hover-bg-pos: center center;\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(10) {\r\n  --initial-bg-size: 110% auto;\r\n  --hover-bg-size: 100% auto;\r\n  --initial-bg-pos: left ;\r\n  --hover-bg-pos: center center;\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(11) {\r\n  --initial-bg-size: 110% auto;\r\n  --hover-bg-size: 100% auto;\r\n  --initial-bg-pos: left ;\r\n  --hover-bg-pos: center center;\r\n}\r\n\r\n\/* Imagen de fondo *\/\r\n#card-hover-interactions-3 .card::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: var(--image-container-height);\r\n  background-size: var(--initial-bg-size);\r\n  background-position: var(--initial-bg-pos);\r\n  background-repeat: no-repeat;\r\n  transition: transform calc(var(--d) * 2.5) var(--e), \r\n              background-size calc(var(--d) * 2.5) var(--e), \r\n              background-position calc(var(--d) * 2.5) var(--e);\r\n  pointer-events: none; \/* Correcci\u00f3n: permite clics a trav\u00e9s del pseudo-elemento *\/\r\n  z-index: 0;\r\n}\r\n\r\n\/* Efecto de zoom out en hover *\/\r\n#card-hover-interactions-3 .card:hover::after {\r\n  background-size: var(--hover-bg-size);\r\n  background-position: var(--hover-bg-pos);\r\n}\r\n\r\n\/* Caja semitransparente *\/\r\n#card-hover-interactions-3 .card::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: var(--overlay-total-height);\r\n  background: linear-gradient(\r\n    to top,\r\n    rgba(0, 0, 0, var(--overlay-opacity)) 10%,\r\n    rgba(0, 0, 0, var(--overlay-opacity)) var(--overlay-height),\r\n    rgba(0, 0, 0, 0.0) 100%\r\n  );\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Contenido *\/\r\n#card-hover-interactions-3 .content {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  padding: 2rem;\r\n  color: white;\r\n  transition: transform var(--d) var(--e);\r\n}\r\n\r\n\/* Botones *\/\r\n#card-hover-interactions-3 .btn {\r\n  position: relative;\r\n  z-index: 10; \/* Correcci\u00f3n: asegura que el bot\u00f3n est\u00e9 por encima *\/\r\n  pointer-events: auto; \/* Correcci\u00f3n: habilita la interacci\u00f3n *\/\r\n  padding: 10px 20px;\r\n  background-color: #A78F6A;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  text-transform: uppercase;\r\n  font-size: 0.9rem;\r\n  letter-spacing: 2px;\r\n  transition: background-color 0.3s ease;\r\n  text-decoration: none; \/* Elimina el subrayado de los enlaces *\/\r\n  display: inline-block; \/* Asegura que los enlaces se comporten como botones *\/\r\n}\r\n}\r\n\r\n#card-hover-interactions-3 .btn:hover {\r\n  background-color: #8a6f4f;\r\n}\r\n\r\n#card-hover-interactions-3 .action-title {\r\n  font-size: 1.3rem;\r\n  font-weight: 400;\r\n  letter-spacing: 5px;\r\n  color: whitesmoke;\r\n  text-transform: uppercase;\r\n  position: relative;\r\n  padding-left: 200px;\r\n  margin: 1rem 0;\r\n  opacity: 1;\r\n  transition: opacity var(--d) var(--e);\r\n}\r\n\r\n#card-hover-interactions-3 .action-title::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 35%;\r\n  top: 27%;\r\n  transform: translateY(-50%);\r\n  width: 70px;\r\n  height: 2px;\r\n  background: white;\r\n}\r\n\r\n#card-hover-interactions-3 .copy {\r\n  font-size: 0.9rem;\r\n  font-weight: 300;\r\n  letter-spacing: 2px;\r\n  line-height: 1.6;\r\n  margin: 1rem 0;\r\n  text-transform: uppercase;\r\n  position: absolute;\r\n  bottom: -200px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  opacity: 0;\r\n  transition: opacity var(--d) var(--e);\r\n  z-index: 3;\r\n}\r\n\r\n\/* Estilos para el t\u00edtulo principal en estado normal (before) *\/\r\n#card-hover-interactions-3 .title {\r\n  font-size: 1.3rem;\r\n  font-weight: 300;\r\n  letter-spacing: 8px;\r\n  color: #A78F6A;\r\n  text-transform: uppercase;\r\n  line-height: 1.4;\r\n  margin-bottom: 0.5rem;\r\n  position: absolute;\r\n  bottom: 20px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  opacity: 1;\r\n  transition: opacity var(--d) var(--e), transform var(--d) var(--e);\r\n  z-index: 3;\r\n}\r\n\r\n\/* Efecto hover para mover el t\u00edtulo debajo del bot\u00f3n *\/\r\n#card-hover-interactions-3 .card:hover .title {\r\n  bottom: -10px;\r\n  left: var(--button-left, 3%);\r\n  transform: none;\r\n  opacity: 1;\r\n  text-align: left;\r\n  width: auto;\r\n}\r\n\r\n\/* Estilos para el t\u00edtulo de acci\u00f3n (action-title) en estado normal (before) *\/\r\n#card-hover-interactions-3 .action-title {\r\n  font-size: 1.3rem;\r\n  font-weight: 400;\r\n  letter-spacing: 5px;\r\n  color: whitesmoke;\r\n  text-transform: uppercase;\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 50px;\r\n  opacity: 1;\r\n  transition: opacity var(--d) var(--e), transform var(--d) var(--e);\r\n  z-index: 3;\r\n}\r\n\r\n\/* Efecto hover para el t\u00edtulo de acci\u00f3n (action-title) *\/\r\n#card-hover-interactions-3 .card:hover .action-title {\r\n  opacity: 0;\r\n}\r\n\r\n\/* Efecto hover para el t\u00edtulo principal *\/\r\n#card-hover-interactions-3 .card:hover .title {\r\n  opacity: 1;\r\n}\r\n\r\n\/* Efecto hover para el copy *\/\r\n#card-hover-interactions-3 .card:hover .copy {\r\n  opacity: 1;\r\n}\r\n\r\n\/* --------------------- *\/\r\n\/* IM\u00c1GENES DE FONDO *\/\r\n\/* --------------------- *\/\r\n\r\n#card-hover-interactions-3 .card:nth-child(1)::after {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.webp);\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(2)::after {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/the-hills_real.jpg);\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(3)::after {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1-1.jpg);\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(4)::after {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-version-mejorada-3.jpg);\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(5)::after {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cocina-Cedro-Verde-801.jpg);\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(6)::after {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A3.-Estudio-scaled.jpg);\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(7)::after {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Recepcion-3-enhanced-scaled.jpg);\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(8)::after {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/121-Marina-Interior.jpg);\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(9)::after {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Escena-8-scaled-1.jpg);\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(10)::after {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/FINAL-FACHADA-FRONTALjpg-scaled.jpg);\r\n}\r\n\r\n#card-hover-interactions-3 .card:nth-child(11)::after {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A4_Interactive-LightMix.jpg);\r\n}\r\n\r\n\r\n\r\n\/* --------------------- *\/\r\n\/* EFECTOS HOVER *\/\r\n\/* --------------------- *\/\r\n\r\n@media (hover: hover) and (min-width: 600px) {\r\n  #card-hover-interactions-3 .card:hover::after {\r\n    transform: translateY(-4%);\r\n  }\r\n\r\n  #card-hover-interactions-3 .content {\r\n    transform: translateY(calc(100% - 4.5rem));\r\n  }\r\n\r\n  #card-hover-interactions-3 .content > *:not(.title) {\r\n    opacity: 0;\r\n    transform: translateY(1rem);\r\n    transition:\r\n      transform var(--d) var(--e),\r\n      opacity var(--d) var(--e);\r\n  }\r\n\r\n  #card-hover-interactions-3 .card:hover,\r\n  #card-hover-interactions-3 .card:focus-within {\r\n    align-items: center;\r\n  }\r\n\r\n  #card-hover-interactions-3 .card:hover .content,\r\n  #card-hover-interactions-3 .card:focus-within .content {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  #card-hover-interactions-3 .card:hover .content > *:not(.title),\r\n  #card-hover-interactions-3 .card:focus-within .content > *:not(.title) {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: calc(var(--d) \/ 8);\r\n  }\r\n\r\n  #card-hover-interactions-3 .card:hover .action-title {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* ============================================= *\/\r\n\/* RESPONSIVE CON CONTROLES COMPLETOS *\/\r\n\/* ============================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n  :root {\r\n    --overlay-opacity: 0.85;\r\n    --overlay-height: 20px;\r\n    --overlay-total-height: 70px;\r\n    --card-height: 300px;\r\n    --image-container-height: 120%;\r\n    --image-pos-x: center;\r\n    --image-pos-y: 10%;\r\n  }\r\n\r\n  #card-hover-interactions-3 .action-title {\r\n    display: none;\r\n  }\r\n\r\n  #card-hover-interactions-3 .content {\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 1rem;\r\n  }\r\n\r\n  #card-hover-interactions-3 .title {\r\n    margin: 0;\r\n    font-size: 1rem;\r\n    letter-spacing: 3px;\r\n    bottom: -40px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    text-align: center;\r\n    width: 100%;\r\n  }\r\n\r\n  #card-hover-interactions-3 .btn {\r\n    padding: 8px 16px;\r\n    font-size: 0.8rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  :root {\r\n    --overlay-opacity: 0.15;\r\n    --overlay-height: 20px;\r\n    --overlay-total-height: 50px;\r\n    --card-height: 100px;\r\n    --image-container-height: 100%;\r\n    --image-pos-x: 5% 75%;\r\n    --image-pos-y: center;\r\n  }\r\n\r\n  #card-hover-interactions-3 .card {\r\n    height: 100px;\r\n    padding: 1.5rem;\r\n    min-height: 200px;\r\n  }\r\n\r\n  #card-hover-interactions-3 .content {\r\n    padding: 0.5rem;\r\n  }\r\n\r\n  #card-hover-interactions-3 .title {\r\n    font-size: 0.8rem;\r\n    white-space: nowrap;\r\n    bottom: -20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    text-align: center;\r\n    width: 100%;\r\n  }\r\n\r\n  #card-hover-interactions-3 .btn {\r\n    padding: 6px 12px;\r\n    font-size: 0.5rem;\r\n  }\r\n\r\n  #card-hover-interactions-3 .copy {\r\n    display: none;\r\n  }\r\n\r\n  \/* Ajuste fino de posici\u00f3n de imagen *\/\r\n  #card-hover-interactions-3 .card::after {\r\n    background-position: var(--image-pos-x) var(--image-pos-y) !important;\r\n  }\r\n}\r\n<\/style>\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>\n\t\t<div class=\"elementor-element elementor-element-a478996 e-flex e-con-boxed e-con e-parent\" data-id=\"a478996\" 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-db1fceb elementor-widget elementor-widget-html\" data-id=\"db1fceb\" data-element_type=\"widget\" id=\"seccion4-portfolio\" 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>PORTFOLIO | ARCHITECTURE | DESIGN PORTFOLIO Explore our curated collection of architectural and design projects. READ MORE Art house Architectural Design Cliff House Fizebad Architectural Design Templo del Samurai Medel\u00edl\u00edn Architecture and Interior Design Feeling Medel\u00edl\u00edn Rendering Modern Kitchens Designs Explore our modern kitchens Living Room Designs Elegant sitting rooms for your home. ILHAM HOTEL [&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-138","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>Portfolio - Mauryarte Arquitectura | Exclusive Architecture &amp; Renders<\/title>\n<meta name=\"description\" content=\"Browse our architectural portfolio featuring custom-designed homes, buildings, and interiors. High-end projects brought to life with stunning visualizations.Explore Mauryarte\u2019s portfolio of hyperrealistic architectural renders \u2014 exclusive designs and collaborations with top studios, visualized by Christian Maury.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portfolio - Mauryarte Arquitectura | Exclusive Architecture &amp; Renders\" \/>\n<meta property=\"og:description\" content=\"Browse our architectural portfolio featuring custom-designed homes, buildings, and interiors. High-end projects brought to life with stunning visualizations.Explore Mauryarte\u2019s portfolio of hyperrealistic architectural renders \u2014 exclusive designs and collaborations with top studios, visualized by Christian Maury.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/\" \/>\n<meta property=\"og:site_name\" content=\"Mauryarte Arquitectura\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-21T21:50:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.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\/\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/\",\"name\":\"Portfolio - Mauryarte Arquitectura | Exclusive Architecture & Renders\",\"isPartOf\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.jpg\",\"datePublished\":\"2025-01-07T19:22:57+00:00\",\"dateModified\":\"2025-07-21T21:50:52+00:00\",\"description\":\"Browse our architectural portfolio featuring custom-designed homes, buildings, and interiors. High-end projects brought to life with stunning visualizations.Explore Mauryarte\u2019s portfolio of hyperrealistic architectural renders \u2014 exclusive designs and collaborations with top studios, visualized by Christian Maury.\",\"breadcrumb\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/arquitectura.mauryarte.com\/portfolio\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/#primaryimage\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.jpg\",\"contentUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/portfolio\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/arquitectura.mauryarte.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\"}]},{\"@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":"Portfolio - Mauryarte Arquitectura | Exclusive Architecture & Renders","description":"Browse our architectural portfolio featuring custom-designed homes, buildings, and interiors. High-end projects brought to life with stunning visualizations.Explore Mauryarte\u2019s portfolio of hyperrealistic architectural renders \u2014 exclusive designs and collaborations with top studios, visualized by Christian Maury.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/","og_locale":"es_ES","og_type":"article","og_title":"Portfolio - Mauryarte Arquitectura | Exclusive Architecture & Renders","og_description":"Browse our architectural portfolio featuring custom-designed homes, buildings, and interiors. High-end projects brought to life with stunning visualizations.Explore Mauryarte\u2019s portfolio of hyperrealistic architectural renders \u2014 exclusive designs and collaborations with top studios, visualized by Christian Maury.","og_url":"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/","og_site_name":"Mauryarte Arquitectura","article_modified_time":"2025-07-21T21:50:52+00:00","og_image":[{"url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.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\/","url":"https:\/\/arquitectura.mauryarte.com\/portfolio\/","name":"Portfolio - Mauryarte Arquitectura | Exclusive Architecture & Renders","isPartOf":{"@id":"https:\/\/arquitectura.mauryarte.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/#primaryimage"},"image":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/#primaryimage"},"thumbnailUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.jpg","datePublished":"2025-01-07T19:22:57+00:00","dateModified":"2025-07-21T21:50:52+00:00","description":"Browse our architectural portfolio featuring custom-designed homes, buildings, and interiors. High-end projects brought to life with stunning visualizations.Explore Mauryarte\u2019s portfolio of hyperrealistic architectural renders \u2014 exclusive designs and collaborations with top studios, visualized by Christian Maury.","breadcrumb":{"@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arquitectura.mauryarte.com\/portfolio\/"]}]},{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/#primaryimage","url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.jpg","contentUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/arquitectura.mauryarte.com\/portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/arquitectura.mauryarte.com\/"},{"@type":"ListItem","position":2,"name":"Portfolio"}]},{"@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\/138","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=138"}],"version-history":[{"count":581,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/138\/revisions"}],"predecessor-version":[{"id":6079,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/138\/revisions\/6079"}],"wp:attachment":[{"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/media?parent=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}