{"id":37,"date":"2025-01-07T10:45:37","date_gmt":"2025-01-07T15:45:37","guid":{"rendered":"https:\/\/arquitectura.mauryarte.com\/?page_id=37"},"modified":"2026-01-29T18:57:20","modified_gmt":"2026-01-29T23:57:20","slug":"about-us-2","status":"publish","type":"page","link":"https:\/\/arquitectura.mauryarte.com\/es\/","title":{"rendered":"INICIO"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"37\" class=\"elementor elementor-37\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d6d1c4 e-flex e-con-boxed e-con e-parent\" data-id=\"9d6d1c4\" 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-bd4d9aa elementor-widget elementor-widget-html\" data-id=\"bd4d9aa\" 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-home\">\n    <a href=\"#seccion1-home\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion2-home\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion3-home\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion4-home\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion5-home\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion6-home\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion7-home\" class=\"punto-navegacion\"><\/a>\n    <a href=\"#seccion8-home\" 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<div class=\"elementor-element elementor-element-bec2979 e-con-full e-flex e-con e-parent\" data-id=\"bec2979\" data-element_type=\"container\" id=\"seccion1-home\">\n\t\t<div class=\"elementor-element elementor-element-e614eef e-con-full e-flex e-con e-child\" data-id=\"e614eef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6829c6 elementor-widget elementor-widget-html\" data-id=\"f6829c6\" 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 class=\"mi-slider\">\n    <div id=\"custom-slider-services\" class=\"slider\">\n        <!-- Slides -->\n        <div class=\"slider__slides\">\n            <!-- Slide 1 -->\n            <div class=\"slider__slide slider__slide--active\" data-slide=\"1\">\n                <div class=\"slider__main-image slide-1-before\"><\/div>\n                <div class=\"slider__main-image slide-1-after\"><\/div>\n                <div class=\"slider__divider-container\">\n                    <div class=\"slider__divider\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png\" class=\"slider__divider-image\" alt=\"Divider\">\n                <\/div>\n                <div class=\"slider__content\">\n                    <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/cliff-house\/\" target=\"_blank\"><h1>The Art of Architecture<\/h1><\/a>\n                    <div class=\"slider__buttons\">\n                        <a class=\"go-to-prev\">PREV<\/a>\n                        <a class=\"go-to-next\">NEXT<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 2 -->\n            <div class=\"slider__slide\" data-slide=\"2\">\n                <div class=\"slider__main-image slide-2-before\"><\/div>\n                <div class=\"slider__main-image slide-2-after\"><\/div>\n                <div class=\"slider__divider-container\">\n                    <div class=\"slider__divider\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png\" class=\"slider__divider-image\" alt=\"Divider\">\n                <\/div>\n                <div class=\"slider__content\">\n                    <h1>From 3D model to Real<\/h1>\n                    <div class=\"slider__buttons\">\n                        <a class=\"go-to-prev\">PREV<\/a>\n                        <a class=\"go-to-next\">NEXT<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 3 -->\n            <div class=\"slider__slide\" data-slide=\"3\">\n                <div class=\"slider__main-image slide-3-before\"><\/div>\n                <div class=\"slider__main-image slide-3-after\"><\/div>\n                <div class=\"slider__divider-container\">\n                    <div class=\"slider__divider\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png\" class=\"slider__divider-image\" alt=\"Divider\">\n                <\/div>\n                <div class=\"slider__content\">\n                    <h1>Exterior Rendering<\/h1>\n                    <div class=\"slider__buttons\">\n                        <a class=\"go-to-prev\">PREV<\/a>\n                        <a class=\"go-to-next\">NEXT<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 4 -->\n            <div class=\"slider__slide\" data-slide=\"4\">\n                <div class=\"slider__main-image slide-4-before\"><\/div>\n                <div class=\"slider__main-image slide-4-after\"><\/div>\n                <div class=\"slider__divider-container\">\n                    <div class=\"slider__divider\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png\" class=\"slider__divider-image\" alt=\"Divider\">\n                <\/div>\n                <div class=\"slider__content\">\n                    <h1>Luxury Residence Design<\/h1>\n                    <div class=\"slider__buttons\">\n                        <a class=\"go-to-prev\">PREV<\/a>\n                        <a class=\"go-to-next\">NEXT<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Slide 5 -->\n            <div class=\"slider__slide\" data-slide=\"5\">\n                <div class=\"slider__main-image slide-5-before\"><\/div>\n                <div class=\"slider__main-image slide-5-after\"><\/div>\n                <div class=\"slider__divider-container\">\n                    <div class=\"slider__divider\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png\" class=\"slider__divider-image\" alt=\"Divider\">\n                <\/div>\n                <div class=\"slider__content\">\n                    <h1>Paisajismo<\/h1>\n                    <div class=\"slider__buttons\">\n                        <a class=\"go-to-prev\">PREV<\/a>\n                        <a class=\"go-to-next\">NEXT<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Indicadores -->\n        <div class=\"slider__indicators\"><\/div>\n    <\/div>\n\n    <!-- Texto debajo del slider -->\n    <div class=\"slider-text\">\n        <p>Slide <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png\" class=\"inline-image\" alt=\"M\"> to see the magic<\/p>\n    <\/div>\n\n    <!-- Ventana de video -->\n    <div class=\"video-container\">\n        <video autoplay loop muted playsinline>\n            <source src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/grabacion-de-pantalla-2025-03-04-a-las-12.39.29-p.-m.mov\" type=\"video\/mp4\">\n            Tu navegador no soporta el elemento de video.\n        <\/video>\n    <\/div>\n<\/div>\n\n<style>\n    .root {\n        --divider-color: white; \/* Color de la barra divisora *\/\n        --divider-width: 2px; \/* Ancho de la barra divisora *\/\n        --divider-opacity: 1; \/* Opacidad de la barra divisora *\/\n        --divider-image-opacity: 1; \/* Opacidad del PNG *\/\n        --divider-image-vertical-position: 0; \/* Posici\u00f3n vertical del PNG (0 = centrado) *\/\n    }\n\n    .mi-slider {\n        position: relative;\n        z-index: 5; \/* Aseg\u00farate de que no sea mayor que el header *\/\n    }\n    \n    \/* Aseg\u00farate de que el men\u00fa desplegable tenga un z-index alto *\/\n    .site-header .sub-menu {\n        z-index: 10002 !important;\n        position: absolute !important; \/* o fixed *\/\n    }\n\n    #custom-slider-services {\n        position: relative;\n        width: 100%;\n        height: 70vh;\n        overflow: hidden;\n        will-change: transform, opacity;\n        pointer-events: auto; \/* Habilita eventos de puntero *\/\n    }\n\n    .slider__slides {\n        position: relative;\n        width: 100%;\n        height: 100%;\n    }\n\n    .slider__slide {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 800ms ease;\n        z-index: 0;\n        will-change: opacity;\n        pointer-events: auto; \/* Habilita eventos de puntero *\/\n    }\n\n    .slider__slide--active {\n        opacity: 1;\n        z-index: 1;\n    }\n\n    .slider__main-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-size: cover;\n        background-position: center;\n        z-index: 2;\n        will-change: clip-path;\n        pointer-events: none; \/* Deshabilita eventos de puntero en las im\u00e1genes por defecto *\/\n    }\n\n    \/* Cambiar el cursor a pointer cuando se pasa sobre las im\u00e1genes *\/\n    .slider__main-image.clickable {\n        pointer-events: auto; \/* Habilitar eventos de puntero *\/\n        cursor: pointer; \/* Cambiar el cursor a una manita *\/\n    }\n\n    .slider__divider-container {\n        position: absolute;\n        top: 0;\n        left: 0px; \/* Cambiado de 50% a 20px *\/\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 3;\n        cursor: ew-resize;\n        pointer-events: auto; \/* Habilita eventos de puntero en el divisor *\/\n    }\n\n    .slider__divider {\n        position: absolute;\n        top: 0;\n        left: 0; \/* Cambiado de 50% a 0 *\/\n        width: var(--divider-width);\n        height: 100%;\n        background: var(--divider-color); \/* Aseg\u00farate de que el color sea visible *\/\n        opacity: var(--divider-opacity);\n        z-index: 2;\n    }\n\n    .slider__divider-image {\n        position: relative;\n        top: var(--divider-image-vertical-position);\n        width: 90px; \/* Tama\u00f1o fijo para desktop *\/\n        height: auto; \/* Mantener la proporci\u00f3n de la imagen *\/\n        opacity: var(--divider-image-opacity);\n        z-index: 3;\n        transition: top 0.3s ease; \/* Transici\u00f3n suave para el movimiento vertical *\/\n    }\n\n    .slider__content {\n        position: absolute;\n        bottom: 10px;\n        left: 20px;\n        z-index: 4;\n        max-width: 80%;\n        pointer-events: auto;\n    }\n\n    .slider__content h1 {\n        font-size: 1.5rem;\n        color: white;\n        margin: 0;\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n    }\n\n    .slider__buttons {\n        display: flex;\n        gap: 20px;\n        margin-top: 10px;\n    }\n\n    .go-to-prev,\n    .go-to-next {\n        cursor: pointer;\n        font-size: 1rem;\n        color: white;\n        text-decoration: none;\n        padding: 10px 20px;\n        border: 1px solid white;\n        transition: all 0.3s ease;\n        display: inline-block;\n        pointer-events: auto;\n    }\n\n    .go-to-prev:hover,\n    .go-to-next:hover {\n        background-color: rgba(255, 255, 255, 0.1);\n    }\n\n    .slider__indicators {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        justify-content: center;\n        z-index: 4;\n    }\n\n    .slider__indicator {\n        cursor: pointer;\n        transition: background-color 0.3s ease;\n        pointer-events: auto;\n    }\n\n    .slider__indicator.active {\n    }\n\n    \/* Contenedor de indicadores *\/\n    .slider__indicators {\n        position: absolute;\n        bottom: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        justify-content: center;\n        gap: 15px;\n        z-index: 4;\n        padding: 0;\n        margin: 0;\n        list-style: none;\n    }\n\n    \/* Estilos base del indicador *\/\n    .slider__indicator {\n        width: 35px;\n        height: 35px;\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: center;\n        cursor: pointer;\n        opacity: 0.5;\n        transition: all 0.3s ease;\n        background-color: transparent !important;\n        border: none !important;\n        box-shadow: none !important;\n        outline: none !important;\n    }\n\n    \/* Estado activo *\/\n    .slider__indicator.active {\n        opacity: 1;\n        filter: \n            brightness(1.9) \n            sepia(5) \n            hue-rotate(160deg) \n            saturate(5);\n        transform: scale(1.2);\n    }\n\n    \/* Asignaci\u00f3n de im\u00e1genes para cada slide *\/\n    .slider__indicator[data-slide=\"1\"].active {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/solidos-platonicos_artboard-1.png);\n    }\n    .slider__indicator[data-slide=\"1\"] {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/solidos-platonicos-azul_artboard-1.png);\n    }\n\n    .slider__indicator[data-slide=\"2\"].active {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/solidos-platonicos_artboard-2.png);\n    }\n    .slider__indicator[data-slide=\"2\"] {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/solidos-platonicos-azul_artboard-2.png);\n    }\n\n    .slider__indicator[data-slide=\"3\"].active {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/solidos-platonicos_artboard-3.png);\n    }\n    .slider__indicator[data-slide=\"3\"] {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/solidos-platonicos-azul_artboard-3.png);\n    }\n\n    .slider__indicator[data-slide=\"4\"].active {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/solidos-platonicos-azul_artboard-3-copy-2.png);\n    }\n    .slider__indicator[data-slide=\"4\"] {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/solidos-platonicos-azul_artboard-3-copy-2.png);\n    }\n\n    .slider__indicator[data-slide=\"5\"].active {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/solidos-platonicos_artboard-3-copy-2.png);\n    }\n    .slider__indicator[data-slide=\"5\"] {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/solidos-platonicos-azul_artboard-3-copy-2.png);\n    }\n\n    \/* Im\u00e1genes de fondo *\/\n    #custom-slider-services .slide-1-before {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/AE39_004_Cam_001_wire.jpg);-(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/the-hills_grayscale-render.jpg);\n    }\n\n    #custom-slider-services .slide-1-after {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/NZ-504-scaled.jpg);-(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/the-hills_real.jpg);\n    }\n\n    #custom-slider-services .slide-2-before {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/casa-piano-1-grayscale-render-scaled.jpg);\n    }\n\n    #custom-slider-services .slide-2-after {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/casa-piano-1-scaled.jpg);\n    }\n\n    #custom-slider-services .slide-3-before {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-grayscale-render-2.jpg);\n    }\n\n    #custom-slider-services .slide-3-after {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-version-mejorada-3.jpg);\n    }\n\n    #custom-slider-services .slide-4-before {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post-white.jpg);\n    }\n\n    #custom-slider-services .slide-4-after {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post-2.webp);\n    }\n\n    #custom-slider-services .slide-5-before {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1.png);\n    }\n\n    #custom-slider-services .slide-5-after {\n        background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/post-scaled-1.webp);\n    }\n\n    \/* Ventana de video *\/\n    .video-container {\n        position: fixed;\n        bottom: 90px;\n        right: 20px;\n        width: 270px;\n        height: 130px;\n        border: 3px solid white;\n        border-radius: 10px;\n        overflow: hidden;\n        opacity: 1;\n        transition: opacity 0.5s ease;\n        z-index: 1000;\n    }\n\n    .video-container video {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .video-container.hidden {\n        opacity: 0;\n        pointer-events: none;\n    }\n\n    \/* Estilos para el texto debajo del slider *\/\n    .slider-text {\n        text-align: center;\n        margin-top: 20px;\n        font-family: 'Libre Baskerville', serif;\n        font-style: italic;\n        font-weight: 400;\n        font-size: 1.7rem;\n        color: white;\n        z-index: 5;\n        position: relative;\n        transition: opacity 0.5s ease;\n    }\n\n    .slider-text img.inline-image {\n        width: 1.5em;\n        height: 1.5em;\n        vertical-align: middle;\n        margin: 0 0.1em;\n    }\n\n    .slider-text.hidden {\n        opacity: 0;\n    }\n\n    \/* Ajustes responsive para tablets *\/\n    @media (max-width: 1024px) {\n        .slider__divider-image {\n            width: 70px; \/* Tama\u00f1o del PNG en tablets *\/\n            top: 7%; \/* Mover el PNG hacia arriba *\/\n        }\n\n        #custom-slider-services {\n            height: 350px; \/* Altura fija para tablets *\/\n        }\n\n        .slider__content {\n            bottom: 5px; \/* Posici\u00f3n m\u00e1s cerca del borde inferior en tablets *\/\n            left: 120px; \/* Mover hacia la derecha *\/\n            transform: translateX(-50%); \/* Ajustar centrado horizontal *\/\n            text-align: left; \/* Alinear texto a la izquierda *\/\n        }\n\n        .slider__content h1 {\n            font-size: 1.2rem; \/* Tama\u00f1o de fuente m\u00e1s peque\u00f1o en tablets *\/\n        }\n\n        .slider__buttons {\n            gap: 10px; \/* Espacio entre los botones m\u00e1s peque\u00f1o en tablets *\/\n        }\n\n        .go-to-prev,\n        .go-to-next {\n            font-size: 0.7rem; \/* Tama\u00f1o de fuente m\u00e1s peque\u00f1o en tablets *\/\n            padding: 6px 12px; \/* Padding m\u00e1s peque\u00f1o en tablets *\/\n        }\n        \n        .slider__divider-image {\n            width: 70px; \/* Tama\u00f1o del PNG reducido *\/\n        }\n\n        .slider__indicators {\n            bottom: 10px; \/* Posici\u00f3n ajustada *\/\n        }\n\n        .slider__indicator {\n            width: 30px; \/* Tama\u00f1o de indicadores reducido *\/\n            height: 30px;\n        }\n        \n        .video-container {\n            width: 0px; \/* Ocultar el video en tablets *\/\n            height: 0px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .slider__divider-image {\n            width: 50px; \/* Tama\u00f1o del PNG en m\u00f3viles *\/\n            top: -15%; \/* Mover el PNG m\u00e1s hacia arriba *\/\n        }\n\n        #custom-slider-services {\n            height: 250px; \/* Altura fija para m\u00f3viles *\/\n        }\n\n        .slider__content {\n            position: absolute;\n            bottom: 13px; \/* Posici\u00f3n m\u00e1s cerca del borde inferior en m\u00f3viles *\/\n            right: 10px; \/* Mover el contenedor a la derecha de la pantalla *\/\n            text-align: right; \/* Alinear el texto a la derecha dentro del contenedor *\/\n            white-space: nowrap; \/* Evitar que el texto se divida en varias l\u00edneas *\/\n            max-width: 200px; \/* Ajustar el ancho m\u00e1ximo para que no se desborde *\/\n            transform: none; \/* Eliminar transformaci\u00f3n para mover libremente *\/\n        }\n\n        .slider__content h1 {\n            font-size: 0.7rem; \/* Tama\u00f1o de fuente m\u00e1s peque\u00f1o en m\u00f3viles *\/\n            display: inline-block; \/* Asegurar que el texto no se divida *\/\n            margin-bottom: 15px; \/* Eliminar m\u00e1rgenes para que est\u00e9 m\u00e1s cerca de los botones *\/\n        }\n\n        .slider__buttons {\n            position: absolute; \/* Posicionar los botones de manera absoluta *\/\n            bottom: 2px; \/* Alinear los botones en la parte inferior *\/\n            right: 20px; \/* Alinear los botones a la derecha *\/\n            gap: 3px; \/* Espacio entre los botones m\u00e1s peque\u00f1o en m\u00f3viles *\/\n            margin-top: 3px; \/* Ajustar el margen superior para acercar los botones al texto *\/\n        }\n\n        .go-to-prev,\n        .go-to-next {\n            font-size: 0.6rem; \/* Tama\u00f1o de fuente m\u00e1s peque\u00f1o en m\u00f3viles *\/\n            padding: 2px 7px; \/* Padding m\u00e1s peque\u00f1o en m\u00f3viles *\/\n        }\n\n        .video-container {\n            width: 0px; \/* Ocultar el video en m\u00f3viles *\/\n            height: 0px;\n        }\n        \n        .slider__divider-image {\n            width: 50px; \/* Tama\u00f1o del PNG reducido *\/\n        }\n\n        .slider__indicators {\n            bottom: 5px; \/* Posici\u00f3n ajustada *\/\n            gap: 10px; \/* Espacio entre indicadores reducido *\/\n        }\n\n        .slider__indicator {\n            width: 25px; \/* Tama\u00f1o de indicadores reducido *\/\n            height: 25px;\n        }\n\n        .video-container {\n            width: 150px; \/* Tama\u00f1o del video reducido *\/\n            height: 80px;\n            bottom: 60px; \/* Posici\u00f3n ajustada *\/\n            right: 10px;\n        }\n\n        .slider-text {\n            font-size: 1.2rem; \/* Tama\u00f1o de fuente reducido *\/\n            margin-top: 10px;\n        }\n\n        .slider-text img.inline-image {\n            width: 1.2em; \/* Tama\u00f1o de la imagen reducido *\/\n            height: 1.2em;\n        }\n    }\n<\/style>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const sliderContainer = document.querySelector(\".mi-slider\");\n        const slides = sliderContainer.querySelectorAll(\".slider__slide\");\n        const nextButtons = sliderContainer.querySelectorAll(\".go-to-next\");\n        const prevButtons = sliderContainer.querySelectorAll(\".go-to-prev\");\n        const dividers = sliderContainer.querySelectorAll(\".slider__divider-container\");\n        const indicatorsContainer = sliderContainer.querySelector(\".slider__indicators\");\n        const videoContainer = document.querySelector(\".video-container\");\n        const sliderText = document.querySelector(\".slider-text\");\n        const mainImages = sliderContainer.querySelectorAll(\".slider__main-image\"); \/\/ Select all main images\n\n        let currentSlide = 0;\n\n        \/\/ Funci\u00f3n para mostrar el slide activo\n        function showSlide(index) {\n            slides.forEach((slide, i) => {\n                if (i === index) {\n                    slide.classList.add(\"slider__slide--active\");\n                } else {\n                    slide.classList.remove(\"slider__slide--active\");\n                }\n            });\n            updateIndicators();\n        }\n\n        \/\/ Funci\u00f3n para crear indicadores\n        function createIndicators() {\n            \/\/ Limpiar contenedor de indicadores antes de crear nuevos\n            indicatorsContainer.innerHTML = '';\n\n            \/\/ Crear solo 5 indicadores\n            for (let i = 0; i < 5; i++) {\n                const indicator = document.createElement(\"div\");\n                indicator.classList.add(\"slider__indicator\");\n                indicator.dataset.slide = i + 1;\n                \n                \/\/ Marcar el primer indicador como activo\n                if (i === 0) {\n                    indicator.classList.add(\"active\");\n                }\n\n                \/\/ Evento para cambiar de slide al hacer clic\n                indicator.addEventListener(\"click\", () => {\n                    currentSlide = i;\n                    showSlide(currentSlide);\n                });\n\n                indicatorsContainer.appendChild(indicator);\n            }\n        }\n\n        \/\/ Funci\u00f3n para actualizar indicadores\n        function updateIndicators() {\n            const indicators = indicatorsContainer.querySelectorAll(\".slider__indicator\");\n            indicators.forEach((indicator, i) => {\n                if (i === currentSlide) {\n                    indicator.classList.add(\"active\");\n                } else {\n                    indicator.classList.remove(\"active\");\n                }\n            });\n        }\n\n        \/\/ Funci\u00f3n para avanzar al siguiente slide\n        function nextSlide() {\n            currentSlide = (currentSlide + 1) % slides.length;\n            showSlide(currentSlide);\n        }\n\n        \/\/ Funci\u00f3n para retroceder al slide anterior\n        function prevSlide() {\n            currentSlide = (currentSlide - 1 + slides.length) % slides.length;\n            showSlide(currentSlide);\n        }\n\n        \/\/ Evento para el bot\u00f3n NEXT\n        nextButtons.forEach((button) => {\n            button.addEventListener(\"click\", function (e) {\n                e.stopPropagation();\n                nextSlide();\n            });\n        });\n\n        \/\/ Evento para el bot\u00f3n PREV\n        prevButtons.forEach((button) => {\n            button.addEventListener(\"click\", function (e) {\n                e.stopPropagation();\n                prevSlide();\n            });\n        });\n\n        \/\/ Eventos para la barra divisora\n        dividers.forEach((dividerContainer) => {\n            dividerContainer.addEventListener(\"mousedown\", function (e) {\n                e.stopPropagation();\n                e.preventDefault();\n                const slide = dividerContainer.parentElement;\n                const images = slide.querySelectorAll(\".slider__main-image\");\n                const afterImage = images[images.length - 1];\n                const slideWidth = slide.offsetWidth;\n\n                \/\/ Ocultar el video y el texto al interactuar con el slider\n                videoContainer.classList.add(\"hidden\");\n                sliderText.classList.add(\"hidden\");\n\n                function moveDivider(e) {\n                    const offsetX = e.clientX - slide.getBoundingClientRect().left;\n                    const percent = Math.min(Math.max((offsetX - 2) \/ (slideWidth - 2), 0), 1);\n                    dividerContainer.style.left = `${2 + (percent * (slideWidth - 2))}px`;\n                    afterImage.style.clipPath = `polygon(${2 + (percent * (slideWidth - 2))}px 0, 100% 0, 100% 100%, ${2 + (percent * (slideWidth - 2))}px 100%)`;\n                    dividerContainer.style.boxShadow = `5px 5px 10px rgba(0, 0, 0, ${0.6 * percent})`;\n                }\n\n                function stopMove() {\n                    document.removeEventListener(\"mousemove\", moveDivider);\n                    document.removeEventListener(\"mouseup\", stopMove);\n                }\n\n                document.addEventListener(\"mousemove\", moveDivider);\n                document.addEventListener(\"mouseup\", stopMove);\n            });\n\n            dividerContainer.addEventListener(\"touchstart\", function (e) {\n                e.stopPropagation();\n                e.preventDefault();\n                const slide = dividerContainer.parentElement;\n                const images = slide.querySelectorAll(\".slider__main-image\");\n                const afterImage = images[images.length - 1];\n                const slideWidth = slide.offsetWidth;\n\n                \/\/ Ocultar el video y el texto al interactuar con el slider\n                videoContainer.classList.add(\"hidden\");\n                sliderText.classList.add(\"hidden\");\n\n                function moveDivider(e) {\n                    const offsetX = e.touches[0].clientX - slide.getBoundingClientRect().left;\n                    const percent = Math.min(Math.max((offsetX - 2) \/ (slideWidth - 2), 0), 1);\n                    dividerContainer.style.left = `${2 + (percent * (slideWidth - 2))}px`;\n                    afterImage.style.clipPath = `polygon(${2 + (percent * (slideWidth - 2))}px 0, 100% 0, 100% 100%, ${2 + (percent * (slideWidth - 2))}px 100%)`;\n                    dividerContainer.style.boxShadow = `5px 5px 10px rgba(0, 0, 0, ${0.6 * percent})`;\n                }\n\n                function stopMove() {\n                    document.removeEventListener(\"touchmove\", moveDivider);\n                    document.removeEventListener(\"touchend\", stopMove);\n                }\n\n                document.addEventListener(\"touchmove\", moveDivider);\n                document.addEventListener(\"touchend\", stopMove);\n            });\n        });\n\n        \/\/ Ocultar\/mostrar el video y el texto al hacer scroll\n        const observer = new IntersectionObserver(\n            (entries) => {\n                entries.forEach((entry) => {\n                    if (entry.isIntersecting) {\n                        videoContainer.classList.remove(\"hidden\");\n                        sliderText.classList.remove(\"hidden\");\n                    } else {\n                        videoContainer.classList.add(\"hidden\");\n                        sliderText.classList.add(\"hidden\");\n                    }\n                });\n            },\n            { threshold: 0.5 }\n        );\n\n        observer.observe(sliderContainer);\n\n        \/\/ A\u00f1adir evento de clic a las im\u00e1genes para redirigir y hacerlas clicables\n        mainImages.forEach((image) => {\n            image.classList.add(\"clickable\"); \/\/ A\u00f1adir clase para habilitar cursor y eventos\n            image.addEventListener(\"click\", function (e) {\n                e.stopPropagation(); \/\/ Evitar que el clic interfiera con otros eventos\n                window.location.href = \"https:\/\/arquitectura.mauryarte.com\/portfolio\/\";\n            });\n        });\n\n        \/\/ Inicializar indicadores y mostrar el primer slide\n        createIndicators();\n        showSlide(currentSlide);\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>\n\t\t<div class=\"elementor-element elementor-element-d141354 e-flex e-con-boxed e-con e-parent\" data-id=\"d141354\" data-element_type=\"container\" id=\"seccion2-home\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b963f71 elementor-widget elementor-widget-html\" data-id=\"b963f71\" 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\r\n<!-- Contenedor del texto -->\r\n<div class=\"text-container-TITTLE\">\r\n  <!-- T\u00edtulo con enlace -->\r\n  <h1 id=\"section1-title\" class=\"seccion-anclaje\">\r\n    <a href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/\" target=\"_blank\" class=\"title-link\">\r\n      <span class=\"title-line\">Breathtaking<\/span>\r\n      <span class=\"title-line\">Designs<\/span>\r\n    <\/a>\r\n  <\/h1>\r\n \r\n<\/div>\r\n\r\n<style>\r\n  \/* Estilos generales *\/\r\n  .text-container-TITTLE {\r\n    text-align: center;\r\n    padding: 20px;\r\n    max-width: 100%;\r\n  }\r\n\r\n  \/* Estilos para el t\u00edtulo *\/\r\n  .title {\r\n    font-size: 5em;\r\n    font-weight: 800;\r\n    letter-spacing: -2px;\r\n    color: white; \/* Asegurar que el t\u00edtulo es blanco *\/\r\n    margin: 0;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .title-line {\r\n    display: block;\r\n  }\r\n\r\n .title-link {\r\n  text-decoration: none;\r\n  color: white !important;\r\n  font-size: 1.1em;\r\n  font-weight: 800;\r\n  letter-spacing: -1px;\r\n  margin: 0;\r\n  line-height: 1.1;\r\n  text-align: center;\r\n  max-width: 100%;\r\n}\r\n\r\n  .title-link:hover,\r\n  .title-link:active {\r\n    color: #9B948A !important; \/* Cambiar color al pasar el mouse *\/\r\n  }\r\n\r\n  \/* Estilos para el subt\u00edtulo *\/\r\n  .subtitle {\r\n    font-size: 0.8em;\r\n    font-weight: 200;\r\n    letter-spacing: 8px;\r\n    color: white;\r\n    margin: 0;\r\n    margin-top: 120px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .subtitle-line {\r\n    display: block;\r\n  }\r\n\r\n  \/* Ajustes responsive para tablets *\/\r\n  @media (max-width: 1024px) {\r\n    .title {\r\n      font-size: 3em;\r\n    }\r\n\r\n    .subtitle {\r\n      font-size: 0.7em;\r\n      letter-spacing: 2px;\r\n    }\r\n  }\r\n\r\n  \/* Ajustes responsive para m\u00f3viles *\/\r\n  @media (max-width: 768px) {\r\n    .title {\r\n      font-size: 2.5em;\r\n    }\r\n\r\n    .subtitle {\r\n      font-size: 0.7em;\r\n      letter-spacing: 1px;\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<div class=\"elementor-element elementor-element-cea9703 e-flex e-con-boxed e-con e-parent\" data-id=\"cea9703\" 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-922a5e0 elementor-widget elementor-widget-html\" data-id=\"922a5e0\" 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<!-- Contenedor del subt\u00edtulo -->\r\n<div class=\"text-container-subtitle\">\r\n  <!-- Subt\u00edtulo dividido en dos renglones -->\r\n  <p id=\"new-subtitle\" class=\"new-subtitle\">\r\n    <span class=\"subtitle-line\">Sketch, Architectural Plans,<\/span>\r\n    <span class=\"subtitle-line\">3D Modeling, Rendering, and the Final Build.<\/span>\r\n  <\/p>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Estilos generales *\/\r\n  .text-container-subtitle {\r\n    text-align: center; \/* Centrar el texto *\/\r\n    padding: 20px; \/* Espaciado interno *\/\r\n    max-width: 100%; \/* Asegurar que no se desborde *\/\r\n  }\r\n\r\n  \/* Estilos para el subt\u00edtulo *\/\r\n  .new-subtitle {\r\n    font-size: 0.8em; \/* Tama\u00f1o inicial del subt\u00edtulo *\/\r\n    font-weight: 200;\r\n    letter-spacing: 8px;\r\n    color: white; \/* Color del texto *\/\r\n    margin: 0; \/* Eliminar m\u00e1rgenes por defecto *\/\r\n    line-height: 1.6; \/* Espaciado entre l\u00edneas *\/\r\n    text-transform: uppercase; \/* Convertir texto a may\u00fasculas *\/\r\n  }\r\n\r\n  .subtitle-line {\r\n    display: block; \/* Forzar salto de l\u00ednea *\/\r\n  }\r\n\r\n  \/* Ajustes responsive para tablets *\/\r\n  @media (max-width: 1024px) {\r\n    .new-subtitle {\r\n      font-size: 1.0em; \/* Reducir tama\u00f1o del subt\u00edtulo *\/\r\n      letter-spacing: 2px; \/* Ajustar espaciado *\/\r\n    }\r\n  }\r\n\r\n  \/* Ajustes responsive para m\u00f3viles *\/\r\n  @media (max-width: 768px) {\r\n    .new-subtitle {\r\n      font-size: 0.9em; \/* Reducir tama\u00f1o del subt\u00edtulo *\/\r\n      letter-spacing: 1px; \/* Ajustar espaciado *\/\r\n    }\r\n\r\n    .subtitle-line {\r\n      display: block; \/* Forzar salto de l\u00ednea *\/\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-782a5af8 elementor-reverse-tablet elementor-reverse-mobile elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"782a5af8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-56a03731\" data-id=\"56a03731\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6ea91484 elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ea91484\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-39185db0\" data-id=\"39185db0\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-7418446e elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-spacer\" data-id=\"7418446e\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-8cc0c48\" data-id=\"8cc0c48\" 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-d2a9cc2 elementor-widget-mobile__width-inherit elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"d2a9cc2\" data-element_type=\"widget\" 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\t<a href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/arborea\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"1066\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Escena-8-scaled-1.jpg\" class=\"attachment-full size-full wp-image-367\" alt=\"\" srcset=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Escena-8-scaled-1.jpg 1600w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Escena-8-scaled-1-300x200.jpg 300w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Escena-8-scaled-1-1024x682.jpg 1024w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Escena-8-scaled-1-768x512.jpg 768w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Escena-8-scaled-1-1536x1023.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-117ee00c\" data-id=\"117ee00c\" 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-3c7cfe8a animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3c7cfe8a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Somos Arquitectos con un Enfoque Diferente<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4161835c elementor-widget elementor-widget-text-editor\" data-id=\"4161835c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: justify\" class=\"translation-block\"><p style=\"color: #333333\">\n  <strong style=\"color: #26d2d7;font-weight: bold\">El arte<\/strong> y <strong style=\"color: #26d2d7;font-weight: bold\">la arquitectura<\/strong> son como el viento y las hojas: inseparables en su eterna danza. Los espacios que habitamos no solo deben ser funcionales, sino resonar en armon\u00eda con quienes los habitan y con el entorno que los abraza. Explorar las formas, los materiales, los colores, las texturas, la luz y las sombras no es solo un acto de creaci\u00f3n, sino un camino hacia el equilibrio. En esta constante b\u00fasqueda, encontramos una expresi\u00f3n que nos eleva y nos expande como seres humanos, tejiendo la conexi\u00f3n sagrada entre lo que somos y lo que construimos, <em style=\"color: #d1b28a\">el arte<\/em> y <em style=\"color: #d1b28a\">la naturaleza<\/em>.\n<\/p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4195cc94 elementor-section-content-middle animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"4195cc94\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-18fe3f\" data-id=\"18fe3f\" 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-66ffa39e elementor-widget elementor-widget-heading\" data-id=\"66ffa39e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Christian Maury<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c5f7947 elementor-widget elementor-widget-text-editor\" data-id=\"1c5f7947\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>&#8211; CEO Mauryarte Architecture<\/p>\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f0543\" data-id=\"f0543\" 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-781a8c9 elementor-widget elementor-widget-image\" data-id=\"781a8c9\" data-element_type=\"widget\" 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=\"1300\" height=\"685\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Christian-Maury.png\" class=\"attachment-full size-full wp-image-404\" alt=\"\" srcset=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Christian-Maury.png 1300w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Christian-Maury-300x158.png 300w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Christian-Maury-1024x540.png 1024w, https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Christian-Maury-768x405.png 768w\" sizes=\"(max-width: 1300px) 100vw, 1300px\" \/>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\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-21c4d25 e-flex e-con-boxed e-con e-parent\" data-id=\"21c4d25\" data-element_type=\"container\" id=\"seccion3-home\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbff5a2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fbff5a2\" 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<!-- SVG Text Mask -->\r\n<div class=\"text\">\r\n  <svg width=\"100%\" height=\"180\">\r\n    <!-- Texto \"SERVICES\" con enlace -->\r\n    <a href=\"https:\/\/arquitectura.mauryarte.com\/es\/services\/\" target=\"_blank\">\r\n      <text id=\"title\" class=\"services-text\" x=\"50%\" y=\"-67\" dy=\"1.58em\" text-anchor=\"middle\">SERVICIOS<\/text>\r\n    <\/a>\r\n    <!-- Texto de descripci\u00f3n din\u00e1mica -->\r\n    <text id=\"subtitle\" x=\"50%\" y=\"35\" dy=\"4.8em\" text-anchor=\"middle\" fill=\"white\">\r\n  Soluciones personalizadas que combinan funcionalidad, est\u00e9tica e innovaci\u00f3n.\r\n<\/text>\r\n  <\/svg>\r\n<\/div>\r\n\r\n<!-- Slider de servicios -->\r\n<div id=\"custom-slider-services-2\" class=\"slider-2\">\r\n  <!-- Slides -->\r\n  <div class=\"slider-2__slides\">\r\n    <!-- Slide 1 -->\r\n    <div class=\"slider-2__slide slider-2__slide--active\" data-slide=\"1\">\r\n      <div class=\"slider-2__main-image slide-1\"><\/div> \r\n      <!-- Contenedor para el hover -->\r\n      <div class=\"slider-2__hover-content\">\r\n        <div class=\"slider-2__hover-rectangle\"><\/div>\r\n        <div class=\"slider-2__hover-text\">\r\n          <h2>Dise\u00f1o Arquitect\u00f3nico<\/h2>\r\n          <p>Bespoke architectural solutions where form harmonizes with function, creating sculptural spaces defined by light, materiality, and connection to landscape.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"slider-2__content\">\r\n        <h1>Dise\u00f1o Arquitect\u00f3nico<\/h1>\r\n          <a class=\"go-to-before-2\">BEFORE<\/a>\r\n          <a class=\"go-to-next-2\">NEXT<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 2 -->\r\n    <div class=\"slider-2__slide\" data-slide=\"2\">\r\n      <div class=\"slider-2__main-image slide-2\"><\/div>\r\n      <!-- Contenedor para el hover -->\r\n      <div class=\"slider-2__hover-content\">\r\n        <div class=\"slider-2__hover-rectangle\"><\/div>\r\n        <div class=\"slider-2__hover-text\">\r\n          <h2>3D Rendering<\/h2>\r\n          <p>Cinematic 3D visualizations that articulate every material texture and spatial relationship with photorealistic precision and atmospheric depth.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"slider-2__content\">\r\n        <h1>3D Rendering<\/h1>\r\n          <a class=\"go-to-before-2\">BEFORE<\/a>\r\n          <a class=\"go-to-next-2\">NEXT<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 3 -->\r\n    <div class=\"slider-2__slide\" data-slide=\"3\">\r\n      <div class=\"slider-2__main-image slide-3\"><\/div>\r\n      <!-- Contenedor para el hover -->\r\n      <div class=\"slider-2__hover-content\">\r\n        <div class=\"slider-2__hover-rectangle\"><\/div>\r\n        <div class=\"slider-2__hover-text\">\r\n          <h2>Residence Design<\/h2>\r\n          <p> Tailored living environments where spatial poetry meets technical mastery, crafting homes as unique as their inhabitants\u2019 aspirations.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"slider-2__content\">\r\n        <h1>Residence Design<\/h1>\r\n          <a class=\"go-to-before-2\">BEFORE<\/a>\r\n          <a class=\"go-to-next-2\">NEXT<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 4 -->\r\n    <div class=\"slider-2__slide\" data-slide=\"4\">\r\n      <div class=\"slider-2__main-image slide-4\"><\/div>\r\n      <!-- Contenedor para el hover -->\r\n      <div class=\"slider-2__hover-content\">\r\n        <div class=\"slider-2__hover-rectangle\"><\/div>\r\n        <div class=\"slider-2__hover-text\">\r\n          <h2>Interior Design<\/h2>\r\n          <p>Architecture-driven interiors where curated elements create atmospheric spaces balancing bold gestures with tactile warmth.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"slider-2__content\">\r\n        <h1>Interior Design<\/h1>\r\n          <a class=\"go-to-before-2\">BEFORE<\/a>\r\n          <a class=\"go-to-next-2\">NEXT<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 5 -->\r\n    <div class=\"slider-2__slide\" data-slide=\"5\">\r\n      <div class=\"slider-2__main-image slide-5\"><\/div>\r\n      <!-- Contenedor para el hover -->\r\n      <div class=\"slider-2__hover-content\">\r\n        <div class=\"slider-2__hover-rectangle\"><\/div>\r\n        <div class=\"slider-2__hover-text\">\r\n          <h2>Paisajismo<\/h2>\r\n          <p>Site-specific landscapes choreographed with architecture, framing views while creating organic extensions of interior living experiences.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"slider-2__content\">\r\n        <h1>Paisajismo<\/h1>\r\n          <a class=\"go-to-before-2\">BEFORE<\/a>\r\n          <a class=\"go-to-next-2\">NEXT<\/a>\r\n      <\/div>\r\n    <\/div>\r\n \r\n    <!-- Slide 6 -->\r\n    <div class=\"slider-2__slide\" data-slide=\"6\">\r\n      <div class=\"slider-2__main-image slide-6\"><\/div>\r\n      <!-- Contenedor para el hover -->\r\n      <div class=\"slider-2__hover-content\">\r\n        <div class=\"slider-2__hover-rectangle\"><\/div>\r\n        <div class=\"slider-2__hover-text\">\r\n          <h2>Dise\u00f1o de Conceptos<\/h2>\r\n          <p>Pioneering conceptual frameworks that reimagine spatial narratives through bold geometries and experiential storytelling.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"slider-2__content\">\r\n        <h1>Dise\u00f1o de Conceptos<\/h1>\r\n          <a class=\"go-to-before-2\">BEFORE<\/a>\r\n          <a class=\"go-to-next-2\">NEXT<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Indicadores -->\r\n  <div class=\"slider-2__indicators\"><\/div>\r\n  <div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n:root {\r\n  --frame-height: 70px;\r\n  --blur-intensity: 8px;\r\n  --transition-time: 800ms;\r\n  --content-padding: 40px;\r\n  --slider-height: 70vh; \/* Altura del slider *\/\r\n}\r\n\r\n  \/* Estilos para el SVG Text Mask *\/\r\n  .text {\r\n    position: relative; \/* Cambiado de fixed a relative para evitar superposiciones *\/\r\n    width: 100%;\r\n    height: 150px; \/* Altura del \u00e1rea de texto *\/\r\n    z-index: 5; \/* Aseg\u00farate de que sea menor que el header *\/\r\n    pointer-events: auto; \/* permite eventos de puntero *\/\r\n  }\r\n\r\n  .text svg {\r\n    width: 139VH;\r\n    height: 100%; \/* Aseg\u00farate de que el SVG ocupe todo el contenedor *\/\r\n  }\r\n\r\n \/* Estilos para el texto \"SERVICES\" *\/\r\n  .services-text {\r\n    fill: white; \/* Color inicial *\/\r\n    transition: fill 0.3s ease; \/* Suaviza la transici\u00f3n del color *\/\r\n    cursor: pointer; \/* Cambia el cursor a una mano *\/\r\n  }\r\n\r\n  .services-text:hover {\r\n    fill: rgba(21, 89, 74, 0.6); \/* Cambia el color al pasar el cursor *\/\r\n  }\r\n\r\n  .services-text:active {\r\n    fill: rgba(21, 89, 74, 0.6); \/* Cambia el color al hacer clic *\/\r\n  }\r\n  \r\n  #alpha {\r\n    fill: rgba(0, 0, 0, 0.9); \/* Color alfa para la m\u00e1scara *\/\r\n  }\r\n\r\n  #title {\r\n    font-size: 5em;\r\n    font-weight: 800;\r\n    letter-spacing: -2px;\r\n    text-anchor: middle;\r\n    fill: white; \/* Color del texto *\/\r\n  }\r\n\r\n  #subtitle {\r\n    font-size: 0.8em;\r\n    font-weight: 200;\r\n    letter-spacing: 8px;\r\n    text-anchor: 150VH;\r\n    text-transform: uppercase;\r\n    fill: white; \/* Color del texto *\/\r\n  }\r\n\r\n\r\n\/* Estilos del slider *\/\r\n#custom-slider-services-2 {\r\n  position: relative;\r\n  width: 100%;\r\n  height: var(--slider-height);\r\n  overflow: hidden;\r\n  z-index: 5;\r\n}\r\n\r\n#custom-slider-services-2 .slider-2__slides {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n#custom-slider-services-2 .slider-2__slide {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  transition: opacity var(--transition-time) ease;\r\n  z-index: 0;\r\n}\r\n\r\n\r\n#custom-slider-services-2 .slider-2__slide--active {\r\n  opacity: 1;\r\n  z-index: 1;\r\n}\r\n\r\n#custom-slider-services-2 .slider-2__main-image {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-size: cover;\r\n  background-position: center;\r\n  z-index: 2; \/* La imagen est\u00e1 detr\u00e1s del hover *\/\r\n  pointer-events: auto; \/* Permite que la imagen responda a eventos del mouse *\/\r\n}\r\n\r\n\/* Im\u00e1genes de fondo *\/\r\n#custom-slider-services-2 .slide-1 {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/the-hills_real.jpg);-(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/mauryarte-architectural-planning-enhancer-2.jpg);\r\n}\r\n\r\n#custom-slider-services-2 .slide-2 {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/3-3d-render-3-1.jpg);\r\n}\r\n\r\n#custom-slider-services-2 .slide-3 {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/mauryarte-architectural-design-ehancer-3.jpg);\r\n}\r\n\r\n#custom-slider-services-2 .slide-4 {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/0.2-pethau.png);\r\n}\r\n\r\n#custom-slider-services-2 .slide-5 {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/escena-2-scaled.jpg);\r\n}\r\n\r\n#custom-slider-services-2 .slide-6 {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/New-file-6.png);\r\n}\r\n\r\n\/* Estilos para el contenido hover *\/\r\n#custom-slider-services-2 .slider-2__hover-content {\r\n  position: absolute;\r\n  top: 0;\r\n  right: -23%; \/* Inicialmente fuera de la vista *\/\r\n  width: 23%; \/* Ocupa un tercio de la imagen *\/\r\n  height: 100%;\r\n  z-index: 4; \/* Aseg\u00farate de que el hover est\u00e9 por encima de la imagen *\/\r\n  transition: right 0.5s ease;\r\n  pointer-events: auto; \/* Permite que el hover responda a eventos del mouse *\/\r\n}\r\n\r\n#custom-slider-services-2 .slider-2__slide:hover .slider-2__hover-content {\r\n  right: 0; \/* Desplaza el rect\u00e1ngulo hacia la izquierda *\/\r\n}\r\n\r\n#custom-slider-services-2 .slider-2__hover-rectangle {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(21, 89, 74, 0.6); \/* Azul oscuro con 90% de opacidad *\/\r\n  z-index: 1;\r\n}\r\n\r\n#custom-slider-services-2 .slider-2__hover-text {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  text-align: center;\r\n  z-index: 2;\r\n  color: white;\r\n  width: 80%; \/* Ancho del texto *\/\r\n  letter-spacing: 1.3px;\r\n  \r\n  \r\n    \r\n}\r\n\r\n#custom-slider-services-2 .slider-2__hover-text h2 {\r\n  font-size: 1.5rem; \/* Tama\u00f1o del t\u00edtulo *\/\r\n  margin-bottom: 10px;\r\n  color: white;\r\n  \r\n}\r\n\r\n#custom-slider-services-2 .slider-2__hover-text p {\r\n  font-size: 0.9rem; \/* Tama\u00f1o de la descripci\u00f3n *\/\r\n  line-height: 1.4;\r\n}\r\n\r\n#custom-slider-services-2 .slider-2__content {\r\n  position: absolute;\r\n  left: var(--content-padding);\r\n  bottom: var(--content-padding);\r\n  color: white;\r\n  text-align: left;\r\n  z-index: 3;\r\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\r\n  \r\n}\r\n\r\n\/* Estilos para el contenido del slider en custom-slider-services-2 *\/\r\n#custom-slider-services-2 .slider-2__content h1 {\r\n    font-size: 1.5rem; \/* Tama\u00f1o de fuente igual al del otro slider *\/\r\n    color: white; \/* Color del texto *\/\r\n    line-height: 1.2;\r\n    margin-bottom: 1rem;\r\n    font-weight: 600;\r\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); \/* Sombra del texto *\/\r\n}\r\n\r\n\/* Estilos para los botones en custom-slider-services-2 *\/\r\n#custom-slider-services-2 .go-to-next-2,\r\n#custom-slider-services-2 .go-to-before-2 {\r\n    cursor: pointer;\r\n    font-size: 1rem; \/* Tama\u00f1o de fuente igual al del otro slider *\/\r\n    color: white; \/* Color del texto *\/\r\n    text-decoration: none;\r\n    padding: 10px 20px; \/* Padding igual al del otro slider *\/\r\n    border: 1px solid white; \/* Borde igual al del otro slider *\/\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n    pointer-events: auto;\r\n    margin-right: 10px; \/* Espacio entre los botones *\/\r\n}\r\n\r\n#custom-slider-services-2 .go-to-next-2:hover,\r\n#custom-slider-services-2 .go-to-before-2:hover {\r\n    background: rgba(255, 255, 255, 0.1); \/* Efecto hover igual al del otro slider *\/\r\n}\r\n\r\n#custom-slider-services-2 .slider-2__indicators {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  gap: 10px;\r\n  z-index: 4;\r\n  pointer-events: auto; \/* Habilita eventos de puntero en los indicadores *\/\r\n}\r\n\r\n#custom-slider-services-2 .slider-2__indicator {\r\n  width: 12px;\r\n  height: 12px;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.3);\r\n  cursor: pointer;\r\n  transition: background 0.3s ease;\r\n}\r\n\r\n#custom-slider-services-2 .slider-2__indicator.active {\r\n  background: white;\r\n}\r\n\r\n\/* Ajustes responsive para tablets *\/\r\n@media (max-width: 1024px) {\r\n  :root {\r\n    --content-padding: 20px;\r\n    --slider-height: 60vh;\r\n  }\r\n  \r\n   \/* Ajustes para el texto \"SERVICES\" *\/\r\n  #title {\r\n    font-size: 3em; \/* Reducir el tama\u00f1o del texto \"SERVICES\" *\/\r\n    x: 50%; \/* Centrar el texto *\/\r\n    text-anchor: middle; \/* Asegurar que est\u00e9 centrado *\/\r\n    transform: translateY(15%);\r\n  }\r\n\r\n  \/* Ajustes para el texto de descripci\u00f3n din\u00e1mica *\/\r\n  #subtitle {\r\n    font-size: 0.6em; \/* Reducir el tama\u00f1o del texto *\/\r\n    text-anchor: middle; \/* Centrar el texto *\/\r\n    dy: 1.1em; \/* Ajustar la posici\u00f3n vertical *\/\r\n    letter-spacing: 1px; \/* Ajustar el espaciado *\/\r\n    white-space: pre-line; \/* Permitir saltos de l\u00ednea *\/\r\n    text-align: center; \/* Centrar el texto *\/\r\n    transform: translateY(7%);\r\n    width: 80%; \/* Ancho m\u00e1ximo para permitir el salto de l\u00ednea *\/\r\n    word-wrap: break-word; \/* Forzar el salto de l\u00ednea *\/\r\n  }\r\n\r\n    \/* Ajustes espec\u00edficos para tablets *\/\r\n  #custom-slider-services-2 .slider-2__hover-content {\r\n    right: -33%;\r\n  }\r\n\r\n  #custom-slider-services-2 .slider-2__slide.active .slider-2__hover-content {\r\n    right: 0;\r\n  }\r\n  \r\n   \/* Ajustes para los botones *\/\r\n  #custom-slider-services-2 .go-to-next-2,\r\n  #custom-slider-services-2 .go-to-before-2 {\r\n    font-size: 0.7rem; \/* Tama\u00f1o de fuente m\u00e1s peque\u00f1o *\/\r\n    padding: 6px 12px; \/* Padding reducido *\/\r\n    margin-right: 5px; \/* Espacio entre los botones reducido *\/\r\n  }\r\n\r\n  \/* Ajustes para el contenido del slider *\/\r\n  #custom-slider-services-2 .slider-2__content h1 {\r\n    font-size: 1.0rem; \/* Tama\u00f1o de fuente reducido *\/\r\n    margin-bottom: 0.5rem; \/* Margen inferior reducido *\/\r\n  }\r\n    #custom-slider-services-2 .slider-2__hover-text::after {\r\n    content: attr(data-description); \/* Mostrar la descripci\u00f3n global *\/\r\n    font-size: 0.7rem; \/* Tama\u00f1o de la descripci\u00f3n *\/\r\n    line-height: 1.4;\r\n    text-align: center;\r\n    display: block; \/* Asegurar que se muestre como bloque *\/\r\n  }\r\n}\r\n\r\n\/* Ajustes responsive para m\u00f3viles *\/\r\n@media (max-width: 768px) {\r\n  :root {\r\n    --content-padding: 10px;\r\n    --slider-height: 30vh;\r\n  }\r\n\r\n  \/* Ajustes para el texto \"SERVICES\" *\/\r\n  #title {\r\n    font-size: 3em; \/* Reducir el tama\u00f1o del texto \"SERVICES\" *\/\r\n    x: 50%; \/* Centrar el texto *\/\r\n    text-anchor: middle; \/* Asegurar que est\u00e9 centrado *\/\r\n    transform: translateY(5%);\r\n  }\r\n\r\n  \/* Ajustes para el texto de descripci\u00f3n din\u00e1mica *\/\r\n  #subtitle {\r\n    font-size: 0.6em; \/* Reducir el tama\u00f1o del texto *\/\r\n    text-anchor: middle; \/* Centrar el texto *\/\r\n    dy: 1.1em; \/* Ajustar la posici\u00f3n vertical *\/\r\n    letter-spacing: 1px; \/* Ajustar el espaciado *\/\r\n    white-space: pre-line; \/* Permitir saltos de l\u00ednea *\/\r\n    text-align: center; \/* Centrar el texto *\/\r\n    transform: translateY(10%);\r\n    width: 80%; \/* Ancho m\u00e1ximo para permitir el salto de l\u00ednea *\/\r\n    word-wrap: break-word; \/* Forzar el salto de l\u00ednea *\/\r\n  }\r\n\r\n  \/* Ajustes para los botones *\/\r\n  #custom-slider-services-2 .go-to-next-2,\r\n  #custom-slider-services-2 .go-to-before-2 {\r\n    font-size: 0.7rem; \/* Tama\u00f1o de fuente m\u00e1s peque\u00f1o *\/\r\n    padding: 6px 12px; \/* Padding reducido *\/\r\n    margin-right: 5px; \/* Espacio entre los botones reducido *\/\r\n  }\r\n\r\n  \/* Ajustes para el contenido del slider *\/\r\n  #custom-slider-services-2 .slider-2__content h1 {\r\n    font-size: 1.0rem; \/* Tama\u00f1o de fuente reducido *\/\r\n    margin-bottom: 0.5rem; \/* Margen inferior reducido *\/\r\n  }\r\n\r\n  \/* Ajustes para el hover en m\u00f3viles *\/\r\n  #custom-slider-services-2 .slider-2__hover-content {\r\n    right: -33%; \/* Inicialmente fuera de la vista *\/\r\n  }\r\n\r\n  #custom-slider-services-2 .slider-2__slide.active .slider-2__hover-content {\r\n    right: 0; \/* Desplaza el rect\u00e1ngulo hacia la izquierda *\/\r\n  }\r\n\r\n  \/* Ocultar el texto original del hover en m\u00f3viles *\/\r\n  #custom-slider-services-2 .slider-2__hover-text p {\r\n    display: none; \/* Ocultar el texto original *\/\r\n  }\r\n\r\n  #custom-slider-services-2 .slider-2__hover-text::after {\r\n    content: attr(data-description); \/* Mostrar la descripci\u00f3n global *\/\r\n    font-size: 0.7rem; \/* Tama\u00f1o de la descripci\u00f3n *\/\r\n    line-height: 1.4;\r\n    text-align: center;\r\n    display: block; \/* Asegurar que se muestre como bloque *\/\r\n  }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const slider2 = document.getElementById('custom-slider-services-2');\r\n  const slides = slider2.querySelectorAll('.slider-2__slide');\r\n  const indicatorsContainer = slider2.querySelector('.slider-2__indicators');\r\n  const subtitle = document.getElementById('subtitle'); \/\/ Selecciona el texto en el SVG\r\n\r\n  let currentSlide = 0;\r\n\r\n  \/\/ Declaraci\u00f3n global de descripciones\r\n  const descripciones = {\r\n    1: {\r\n      line1: \"Custom-crafted solutions that merge\",\r\n      line2: \"functionality, aesthetics, and innovation.\"\r\n    },\r\n    2: {\r\n      line1: \"High-quality, hyper-realistic visuals\",\r\n      line2: \"that bring designs to life with striking detail.\"\r\n    },\r\n    3: {\r\n      line1: \"Tailored solutions for elegant,\",\r\n      line2: \"functional residential living spaces.\"\r\n    },\r\n    4: {\r\n      line1: \"Seamlessly integrated interiors\",\r\n      line2: \"that harmonize with architectural design.\"\r\n    },\r\n    5: {\r\n      line1: \"Outdoor spaces designed to complement\",\r\n      line2: \"and enhance architectural beauty.\"\r\n    },\r\n    6: {\r\n      line1: \"Visionary ideas that form\",\r\n      line2: \"the foundation for unique and inspiring projects.\"\r\n    }\r\n  };\r\n\r\n  \/\/ Funci\u00f3n para ajustar el subt\u00edtulo en m\u00f3viles\r\n  function adjustSubtitle() {\r\n    const slideId = slides[currentSlide].getAttribute('data-slide');\r\n    const description = descripciones[slideId];\r\n\r\n    if (window.innerWidth < 768) { \/\/ M\u00f3vil\r\n      subtitle.innerHTML = `\r\n        <tspan x=\"50%\" dy=\"0\">${description.line1}<\/tspan>\r\n        <tspan x=\"50%\" dy=\"1.2em\">${description.line2}<\/tspan>\r\n      `;\r\n    } else { \/\/ PC\r\n      subtitle.innerHTML = `${description.line1} ${description.line2}`;\r\n    }\r\n  }\r\n\r\n  \/\/ Funci\u00f3n para mostrar el slide activo\r\n  function showSlide(index) {\r\n    slides.forEach((slide, i) => {\r\n      if (i === index) {\r\n        slide.classList.add('slider-2__slide--active');\r\n      } else {\r\n        slide.classList.remove('slider-2__slide--active');\r\n      }\r\n    });\r\n\r\n    \/\/ Actualizar el texto en el SVG\r\n    const slideId = slides[index].getAttribute('data-slide');\r\n    const description = descripciones[slideId];\r\n    subtitle.textContent = `${description.line1} ${description.line2}`;\r\n\r\n    \/\/ Ajustar el subt\u00edtulo en m\u00f3viles\r\n    adjustSubtitle();\r\n\r\n    updateIndicators();\r\n  }\r\n\r\n  \/\/ Funci\u00f3n para avanzar al siguiente slide\r\n  function nextSlide() {\r\n    currentSlide = (currentSlide + 1) % slides.length;\r\n    showSlide(currentSlide);\r\n  }\r\n\r\n  \/\/ Funci\u00f3n para retroceder al slide anterior\r\n  function prevSlide() {\r\n    currentSlide = (currentSlide - 1 + slides.length) % slides.length;\r\n    showSlide(currentSlide);\r\n  }\r\n\r\n  \/\/ Evento para el bot\u00f3n NEXT\r\n  slider2.querySelectorAll('.go-to-next-2').forEach(button => {\r\n    button.addEventListener('click', function (e) {\r\n      e.stopPropagation(); \/\/ Evita que el clic se propague al slide\r\n      nextSlide();\r\n    });\r\n  });\r\n\r\n  \/\/ Evento para el bot\u00f3n BEFORE\r\n  slider2.querySelectorAll('.go-to-before-2').forEach(button => {\r\n    button.addEventListener('click', function (e) {\r\n      e.stopPropagation(); \/\/ Evita que el clic se propague al slide\r\n      prevSlide();\r\n    });\r\n  });\r\n\r\n  \/\/ Crear indicadores de navegaci\u00f3n\r\n  slides.forEach((_, index) => {\r\n    const indicator = document.createElement('div');\r\n    indicator.classList.add('slider-2__indicator');\r\n    if (index === 0) indicator.classList.add('active');\r\n    indicator.addEventListener('click', function () {\r\n      currentSlide = index;\r\n      showSlide(currentSlide);\r\n    });\r\n    indicatorsContainer.appendChild(indicator);\r\n  });\r\n\r\n  \/\/ Actualizar indicadores\r\n  function updateIndicators() {\r\n    const indicators = slider2.querySelectorAll('.slider-2__indicator');\r\n    indicators.forEach((dot, i) => {\r\n      if (i === currentSlide) {\r\n        dot.classList.add('active');\r\n      } else {\r\n        dot.classList.remove('active');\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Activar el hover en PC al pasar el cursor sobre la imagen\r\n  slides.forEach(slide => {\r\n    slide.addEventListener('mouseenter', function () {\r\n      const hoverContent = slide.querySelector('.slider-2__hover-content');\r\n      if (hoverContent) {\r\n        hoverContent.style.right = '0'; \/\/ Muestra el hover\r\n      }\r\n    });\r\n\r\n    slide.addEventListener('mouseleave', function () {\r\n      const hoverContent = slide.querySelector('.slider-2__hover-content');\r\n      if (hoverContent) {\r\n        hoverContent.style.right = '-33%'; \/\/ Oculta el hover\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ Activar el hover en m\u00f3viles al hacer clic en la imagen\r\n  slides.forEach(slide => {\r\n    slide.addEventListener('click', function (e) {\r\n      \/\/ Evitar que el clic en los botones active el hover\r\n      if (e.target.classList.contains('go-to-next-2') || e.target.classList.contains('go-to-before-2')) {\r\n        return; \/\/ No hacer nada si se hace clic en los botones\r\n      }\r\n\r\n      \/\/ Si ya est\u00e1 activo, lo desactiva; si no, lo activa\r\n      if (slide.classList.contains('active')) {\r\n        slide.classList.remove('active');\r\n      } else {\r\n        \/\/ Desactiva todos los slides primero\r\n        slides.forEach(s => s.classList.remove('active'));\r\n        slide.classList.add('active');\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ Mostrar el primer slide al cargar\r\n  showSlide(currentSlide);\r\n\r\n  \/\/ Ajustar el subt\u00edtulo al cargar y al redimensionar la pantalla\r\n  window.addEventListener('resize', adjustSubtitle);\r\n  window.addEventListener('DOMContentLoaded', adjustSubtitle);\r\n});\r\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-6a54751 e-flex e-con-boxed e-con e-parent\" data-id=\"6a54751\" 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-3a12ed16 elementor-widget elementor-widget-html\" data-id=\"3a12ed16\" 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 class=\"services-icons-section\">\n  <div class=\"services-icons-wrapper\">\n    <!-- Item 1: Landscaping -->\n    <div class=\"service-icon-item\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Landscape-Icon-Minimal-1.png\" alt=\"Landscaping Icon\" class=\"service-icon\">\n      <h3 class=\"service-icon-title\">Paisajismo<\/h3>\n      <p class=\"service-icon-subtitle\">Espacios exteriores dise\u00f1ados cuidadosamente que se integran perfectamente con la arquitectura circundante.<\/p>\n    <\/div>\n    <!-- Item 2: Architectural Design -->\n    <div class=\"service-icon-item\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Icono-Architectural-Design-Minimal.png\" alt=\"Architectural Design Icon\" class=\"service-icon\">\n      <h3 class=\"service-icon-title\">Dise\u00f1o Arquitect\u00f3nico<\/h3>\n      <p class=\"service-icon-subtitle\">Planificaci\u00f3n integral para crear espacios eficientes, elegantes y sostenibles.<\/p>\n    <\/div>\n    <!-- Item 3: Residential Design -->\n    <div class=\"service-icon-item\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Residential-Icon-Minimal-2.png\" alt=\"Residential Design Icon\" class=\"service-icon\">\n      <h3 class=\"service-icon-title\">Residential Design<\/h3>\n      <p class=\"service-icon-subtitle\">Luxurious home designs that combine elegance, comfort, and innovation.<\/p>\n    <\/div>\n    <!-- Item 4: Interior Design -->\n    <div class=\"service-icon-item\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Interior-Design-Icon-Minimal2.png\" alt=\"Interior Design Icon\" class=\"service-icon\">\n      <h3 class=\"service-icon-title\">Interior Design<\/h3>\n      <p class=\"service-icon-subtitle\">Sophisticated interiors that reflect style, functionality, and timeless beauty.<\/p>\n    <\/div>\n    <!-- Item 5: 3D Rendering -->\n    <div class=\"service-icon-item\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/3D-Rendering-Icon-Minimal-2.png\" alt=\"3D Rendering Icon\" class=\"service-icon\">\n      <h3 class=\"service-icon-title\">3D Rendering<\/h3>\n      <p class=\"service-icon-subtitle\">Im\u00e1genes de alta calidad y hiperrealistas que dan vida a los dise\u00f1os con detalles impresionantes.<\/p>\n    <\/div>\n    <!-- Item 6: Concept Design -->\n    <div class=\"service-icon-item\">\n      <img decoding=\"async\" src=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Concept-Design-Icon-Minimal-2.png\" alt=\"Concept Design Icon\" class=\"service-icon\">\n      <h3 class=\"service-icon-title\">Dise\u00f1o de Conceptos<\/h3>\n      <p class=\"service-icon-subtitle\">Ideas visionarias que forman la base para proyectos \u00fanicos e inspiradores.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Estructura base *\/\n.services-icons-section {\n  background-color: #ffffff;\n  color: #1a1a1a;\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.services-icons-wrapper {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 20px;\n  padding: 0 20px;\n  box-sizing: border-box;\n}\n\n\/* Estilo de cada item *\/\n.services-icons-section .service-icon-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n}\n\n\/* Estilo del \u00edcono *\/\n.services-icons-section .service-icon {\n  width: 100px !important; \/* Ajustado seg\u00fan tu cambio *\/\n  height: 100px !important; \/* Ajustado seg\u00fan tu cambio *\/\n  margin-bottom: 25px !important;\n}\n\n\/* Estilo del t\u00edtulo *\/\n.services-icons-section .service-icon-title {\n  font-size: 1.05em !important; \/* Ajustado seg\u00fan tu cambio *\/\n  font-weight: 600 !important; \/* Ajustado seg\u00fan tu cambio *\/\n  letter-spacing: 2px;\n  margin: 0 0 15px 0;\n  text-transform: uppercase;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n\/* Estilo del subt\u00edtulo *\/\n.services-icons-section .service-icon-subtitle {\n  font-size: 0.9em !important;\n  font-weight: 400;\n  letter-spacing: 2px;\n  line-height: 1.6;\n  margin: 0;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  text-align: center; \/* <- Esto a\u00f1ade la alineaci\u00f3n justificada *\/\n  word-spacing: 3px; \/* Ajusta el valor seg\u00fan necesites *\/\n}\n\n\/* Clase para activar la animaci\u00f3n *\/\n.services-icons-section .service-icon-item.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 1024px) {\n  .services-icons-wrapper {\n    grid-template-columns: repeat(2, 1fr);\n    max-width: 95%; \/* Contenido siempre dentro de la pantalla *\/\n    margin: 0 auto; \/* Centrado seguro *\/\n  }\n\n  .services-icons-section .service-icon-subtitle {\n    hyphens: auto; \/* Permite divisi\u00f3n de palabras *\/\n    word-break: break-word; \/* Previene desbordamiento *\/\n    padding: 0 10px; \/* Espacio interno lateral *\/\n  }\n}\n\n@media (max-width: 768px) {\n  .services-icons-wrapper {\n    grid-template-columns: repeat(1, 1fr);\n    max-width: 90%; \/* Reducimos ancho para mejor ajuste *\/\n  }\n\n  .services-icons-section .service-icon-item {\n    max-width: 300px; \/* Limita ancho m\u00e1ximo de items *\/\n    margin: 0 auto 30px; \/* Centrado vertical y horizontal *\/\n  }\n\n  .services-icons-section .service-icon-subtitle {\n    font-size: 0.75em !important; \/* Reducimos m\u00e1s el tama\u00f1o *\/\n    line-height: 1.5; \/* Mejor interlineado para m\u00f3vil *\/\n    padding: 0 15px; \/* M\u00e1s padding lateral *\/\n  }\n}\n\n@media (max-width: 480px) {\n  .services-icons-section .service-icon-item {\n    max-width: 350px; \/* Ajuste para pantallas muy peque\u00f1as *\/\n    padding: 0 10px;\n  }\n\n  .services-icons-section .service-icon-subtitle {\n    font-size: 0.85em !important; \/* Tama\u00f1o \u00f3ptimo para 3 l\u00edneas *\/\n    display: -webkit-box;\n    -webkit-line-clamp: 3; \/* Forzar m\u00e1ximo 3 l\u00edneas *\/\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    hyphens: auto;\n    letter-spacing: 1px; \/* Reducir espaciado para m\u00f3vil *\/\n    padding: 0 8px;\n  }\n\n  .services-icons-section .service-icon {\n    width: 90px !important; \/* Iconos m\u00e1s peque\u00f1os *\/\n    height: 90px !important;\n  }\n}\n\n\/* Nueva media query para pantallas muy peque\u00f1as *\/\n@media (max-width: 360px) {\n  .services-icons-section .service-icon-subtitle {\n    font-size: 0.6em !important;\n    padding: 0 5px;\n  }\n  \n  .services-icons-section .service-icon {\n    width: 60px !important;\n    height: 60px !important;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const serviceItems = document.querySelectorAll('.service-icon-item');\n\n  \/\/ Depuraci\u00f3n: Verificar si los elementos se seleccionan correctamente\n  console.log('Service Items:', serviceItems);\n\n  \/\/ Funci\u00f3n para manejar la animaci\u00f3n de los \u00edtems al hacer scroll\n  function revealServiceItemsOnScroll() {\n    const windowHeight = window.innerHeight;\n\n    serviceItems.forEach((item, index) => {\n      const rect = item.getBoundingClientRect();\n      const topPosition = rect.top;\n\n      \/\/ Punto de activaci\u00f3n: el \u00edtem se revela cuando est\u00e1 a 80% de la altura de la ventana\n      const revealPoint = windowHeight * 0.8;\n\n      if (topPosition < revealPoint) {\n        \/\/ A\u00f1adir la clase 'visible' para activar la animaci\u00f3n\n        \/\/ A\u00f1adimos un peque\u00f1o retraso basado en el \u00edndice para que los \u00edtems aparezcan uno por uno\n        setTimeout(() => {\n          item.classList.add('visible');\n        }, index * 200); \/\/ Retraso de 200ms por cada \u00edtem\n      }\n    });\n  }\n\n  \/\/ Ejecutar la animaci\u00f3n al hacer scroll\n  window.addEventListener('scroll', () => {\n    revealServiceItemsOnScroll();\n  });\n\n  \/\/ Ejecutar la animaci\u00f3n al cargar la p\u00e1gina\n  revealServiceItemsOnScroll();\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-9ecb973 e-flex e-con-boxed e-con e-parent\" data-id=\"9ecb973\" data-element_type=\"container\" id=\"seccion4-home\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-771513d e-flex e-con-boxed e-con e-parent\" data-id=\"771513d\" 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-164a388 elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"164a388\" data-element_type=\"widget\" data-settings=\"{&quot;autoplay_speed&quot;:4000,&quot;_animation&quot;:&quot;none&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInLeft\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-745eca2 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\"><\/div><a class=\"swiper-slide-inner\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/casa-tolu\/\"><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-description\">Redise\u00f1amos tu casa para que te enamores de ella cada d\u00eda.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">CASA   TOL\u00da<\/div><\/div><\/a><\/div><div class=\"elementor-repeater-item-80f889c swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\"><\/div><a class=\"swiper-slide-inner\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/dolcezza-marina-condo-suites\/\"><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-description\">Dise\u00f1amos interiores que son obras de arte habitables.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">OC\u00c9ANO<\/div><\/div><\/a><\/div><div class=\"elementor-repeater-item-ef23143 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\"><\/div><a class=\"swiper-slide-inner\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/ilham-el-encuentro-perfecto-entre-lujo-y-naturaleza\/\"><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-description\">Dise\u00f1amos hoteles que fusionan estilo, confort y detalles impecables.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">ILHAM<\/div><\/div><\/a><\/div><div class=\"elementor-repeater-item-27f7ff8 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-description\">Dise\u00f1emos el futuro juntos<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">FEELING<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-3acdfe9 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-description\">Creamos espacios que equilibran buen dise\u00f1o, funcionalidad y orden.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">CLUB D<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-084288e swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-description\">Transformamos tu terreno en una inversi\u00f3n \u00fanica, maximizando su potencial natural.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">ARB\u00d3REA<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-87a65f2 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-description\">Dise\u00f1amos interiores que son obras de arte habitables.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Design the future<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\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\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-d8f79bb e-flex e-con-boxed e-con e-parent\" data-id=\"d8f79bb\" data-element_type=\"container\" id=\"seccion5-home\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c8d9e6 elementor-widget elementor-widget-html\" data-id=\"3c8d9e6\" 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<!-- SVG Text Mask con el estilo del c\u00f3digo A pero con clases \u00fanicas -->\r\n<div class=\"text-container-PROCESS\">\r\n  <a href=\"https:\/\/arquitectura.mauryarte.com\/es\/process\/\" target=\"_blank\">\r\n    <svg width=\"100%\" height=\"200\">\r\n      <text id=\"title\" class=\"services-text\" x=\"50%\" y=\"-37\" dy=\"1.58em\" text-anchor=\"middle\">PROCESS<\/text>\r\n      <text id=\"subtitle\" x=\"50%\" y=\"65\" dy=\"4.8em\" text-anchor=\"middle\" fill=\"white\">\r\n        Design, Plan, Build, Inspire.\r\n      <\/text>\r\n    <\/svg>\r\n  <\/a>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Estilos generales *\/\r\n  .text-container-PROCESS {\r\n    text-align: center;\r\n    padding: 20px;\r\n    max-width: 100%;\r\n  }\r\n\r\n  \/* Estilos para el t\u00edtulo *\/\r\n  .title-link-process {\r\n    text-decoration: none;\r\n    color: white !important;\r\n    font-size: 1.2em;\r\n    font-weight: 800;\r\n    letter-spacing: -2px;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .title-line-process {\r\n    display: block;\r\n  }\r\n\r\n  .title-link-process:hover,\r\n  .title-link-process:active {\r\n    color: #9B948A !important; \/* Cambiar color al pasar el mouse *\/\r\n  }\r\n\r\n  \/* Estilos para el subt\u00edtulo *\/\r\n  .subtitle-process {\r\n    font-size: 0.8em;\r\n    font-weight: 200;\r\n    letter-spacing: 8px;\r\n    color: white;\r\n    margin: 0;\r\n    margin-top: 20px;\r\n    line-height: 1.6;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Estilos para el texto SERVICES *\/\r\n  .services-text {\r\n    fill: white;\r\n    font-size: 4em;\r\n    font-weight: 800;\r\n    letter-spacing: -2px;\r\n    text-anchor: middle;\r\n  }\r\n\r\n  \/* Ajustes responsive para tablets *\/\r\n  @media (max-width: 1024px) {\r\n    .title-link-process {\r\n      font-size: 3em;\r\n    }\r\n\r\n    .subtitle-process {\r\n      font-size: 0.7em;\r\n      letter-spacing: 2px;\r\n    }\r\n  }\r\n\r\n  \/* Ajustes responsive para m\u00f3viles *\/\r\n  @media (max-width: 768px) {\r\n    .title-link-process {\r\n      font-size: 2.5em;\r\n    }\r\n\r\n    .subtitle-process {\r\n      font-size: 0.7em;\r\n      letter-spacing: 1px;\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<div class=\"elementor-element elementor-element-04b65f4 e-flex e-con-boxed e-con e-parent\" data-id=\"04b65f4\" 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-a67e1b1 elementor-widget elementor-widget-html\" data-id=\"a67e1b1\" 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<section id=\"card-hover-interactions\"> <!-- Contenedor principal con el ID -->\r\n  <div class=\"page-content\"> <!-- Contenedor del grid -->\r\n  <div class=\"card\">\r\n    <div class=\"content\">\r\n      <h2 class=\"title\">Sketchs<\/h2>\r\n      <p class=\"copy\">Explore our hand-drawn concepts, where everything begins.<\/p>\r\n      <button class=\"btn\">Explore<\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"card\">\r\n    <div class=\"content\">\r\n      <h2 class=\"title\">Architectural Plans<\/h2>\r\n      <p class=\"copy\">Precision and vision come together in meticulously crafted technical drawings.<\/p>\r\n      <button class=\"btn\">View process<\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"card\">\r\n    <div class=\"content\">\r\n      <h2 class=\"title\">3D process<\/h2>\r\n      <p class=\"copy\">Transforming blueprints into immersive, high-fidelity architectural visualizations.<\/p>\r\n      <button class=\"btn\">See Transformation<\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"card\">\r\n    <div class=\"content\">\r\n      <h2 class=\"title\">Real<\/h2>\r\n      <p class=\"copy\">From concept to reality\u2014experience the seamless fusion of design and execution.<\/p>\r\n      <button class=\"btn\">Experience<\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \r\n@import url('https:\/\/fonts.googleapis.com\/css?family=Cardo:400i|Rubik:400,700&display=swap');\r\n\r\n:root {\r\n  --d: 700ms;\r\n  --e: cubic-bezier(0.19, 1, 0.22, 1);\r\n  --font-sans: 'Rubik', sans-serif;\r\n  --font-serif: 'Cardo', serif;\r\n}\r\n\r\n\/* Reset general para evitar desbordamiento *\/\r\nhtml, body {\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: hidden; \/* Oculta el desbordamiento horizontal *\/\r\n}\r\n\r\n\/* Estilos base para la secci\u00f3n *\/\r\n#card-hover-interactions {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n#card-hover-interactions .page-content {\r\n  display: block; \/* Default para m\u00f3vil *\/\r\n  margin: 0 auto;\r\n  font-family: var(--font-sans);\r\n  max-width: 1200px; \/* Ancho m\u00e1ximo del contenedor *\/\r\n}\r\n\r\n#card-hover-interactions .card {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  overflow: hidden;\r\n  padding: 3rem;\r\n  width: 100%;\r\n  text-align: center;\r\n  color: whitesmoke;\r\n  background-color: whitesmoke;\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  margin-bottom: 1rem; \/* Espacio entre tarjetas en m\u00f3vil *\/\r\n}\r\n\r\n\/* Resto del CSS (efectos hover, im\u00e1genes, etc.) *\/\r\n#card-hover-interactions .card:before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 110%;\r\n  background-size: cover;\r\n  background-position: 0 0;\r\n  transition: transform calc(var(--d) * 1.5) var(--e);\r\n  pointer-events: none;\r\n}\r\n\r\n#card-hover-interactions .card:after {\r\n  content: '';\r\n  display: block;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 200%;\r\n  pointer-events: none;\r\n  background-image: linear-gradient(\r\n    to bottom,\r\n    hsla(0, 0%, 0%, 0) 0%,\r\n    hsla(0, 0%, 0%, 0.009) 11.7%,\r\n    hsla(0, 0%, 0%, 0.034) 22.1%,\r\n    hsla(0, 0%, 0%, 0.072) 31.2%,\r\n    hsla(0, 0%, 0%, 0.123) 39.4%,\r\n    hsla(0, 0%, 0%, 0.182) 46.6%,\r\n    hsla(0, 0%, 0%, 0.249) 53.1%,\r\n    hsla(0, 0%, 0%, 0.320) 58.9%,\r\n    hsla(0, 0%, 0%, 0.394) 64.3%,\r\n    hsla(0, 0%, 0%, 0.468) 69.3%,\r\n    hsla(0, 0%, 0%, 0.540) 74.1%,\r\n    hsla(0, 0%, 0%, 0.607) 78.8%,\r\n    hsla(0, 0%, 0%, 0.668) 83.6%,\r\n    hsla(0, 0%, 0%, 0.721) 88.7%,\r\n    hsla(0, 0%, 0%, 0.762) 94.1%,\r\n    hsla(0, 0%, 0%, 0.790) 100%\r\n  );\r\n  transform: translateY(-50%);\r\n  transition: transform calc(var(--d) * 2) var(--e);\r\n}\r\n\r\n#card-hover-interactions .card:nth-child(1):before {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/WhatsApp-Image-2024-01-23-at-11.40.59-AM-scaled-e1741800059318.jpg);\r\n}\r\n\r\n#card-hover-interactions .card:nth-child(2):before {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/planta-2-ejemplo.jpg);\r\n}\r\n\r\n#card-hover-interactions .card:nth-child(3):before {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/override-3-e1741800535583.jpg);\r\n}\r\n\r\n#card-hover-interactions .card:nth-child(4):before {\r\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/the-hills_real-copia-e1741800661525.jpg);\r\n}\r\n\r\n#card-hover-interactions .content {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  width: 100%;\r\n  padding: 1rem;\r\n  transition: transform var(--d) var(--e);\r\n  z-index: 1;\r\n}\r\n\r\n#card-hover-interactions .content > * + * {\r\n  margin-top: 1rem;\r\n}\r\n\r\n#card-hover-interactions .title {\r\n  font-size: 1.3rem;\r\n  font-weight: bold;\r\n  line-height: 1.2;\r\n}\r\n\r\n#card-hover-interactions .copy {\r\n \r\n  font-size: 1.125rem;\r\n  text-anchor: 150VH;\r\n  text-transform: uppercase;\r\n  line-height: 1.35;\r\n  font-size: 0.8em;\r\n  font-weight: 200;\r\n  letter-spacing: 4px;\r\n  fill: white; \/* Color del texto *\/\r\n}\r\n\r\n#card-hover-interactions .btn {\r\n  cursor: pointer;\r\n  margin-top: 1.5rem;\r\n  padding: 0.75rem 1.5rem;\r\n  font-size: 0.65rem;\r\n  font-weight: bold;\r\n  letter-spacing: 0.025rem;\r\n  text-transform: uppercase;\r\n  color: white;\r\n  background-color: black;\r\n  border: none;\r\n}\r\n\r\n#card-hover-interactions .btn:hover {\r\n  background-color: #333;\r\n}\r\n\r\n#card-hover-interactions .btn:focus {\r\n  outline: 1px dashed yellow;\r\n  outline-offset: 3px;\r\n}\r\n\r\n\/* ============================================= *\/\r\n\/* Ajustes responsive para tablets (max-width: 1024px) *\/\r\n\/* ============================================= *\/\r\n@media (max-width: 1024px) {\r\n  #card-hover-interactions .page-content {\r\n   display: grid;\r\n    grid-template-columns: repeat(2, 1fr); \/* 4 columnas en escritorio *\/\r\n    gap: 1rem; \/* Espacio entre columnas *\/\r\n    \r\n    \r\n  }\r\n\r\n  #card-hover-interactions .card {\r\n    flex: 1 1 calc(50% - 1rem); \/* 2 columnas en tablet *\/\r\n    height: 350px; \/* Altura fija para tablet *\/\r\n    margin-bottom: 0; \/* Eliminamos el margen inferior *\/\r\n  }\r\n}\r\n\r\n\/* ============================================= *\/\r\n\/* Ajustes responsive para m\u00f3viles (max-width: 768px) *\/\r\n\/* ============================================= *\/\r\n@media (max-width: 768px) {\r\n  #card-hover-interactions .page-content {\r\n     display: grid;\r\n    grid-template-columns: repeat(1, 1fr); \/* 4 columnas en escritorio *\/\r\n    height: 1440px; \/* Altura fija para escritorio *\/\r\n    gap: 1rem; \/* Espacio entre tarjetas *\/\r\n  }\r\n\r\n  #card-hover-interactions .card {\r\n    height: auto; \/* Altura autom\u00e1tica en m\u00f3vil *\/\r\n    padding: 1.5rem; \/* Padding reducido para m\u00f3vil *\/\r\n  }\r\n}\r\n\r\n\/* ============================================= *\/\r\n\/* Ajustes responsive para PC (min-width: 1025px) *\/\r\n\/* ============================================= *\/\r\n@media (min-width: 1025px) {\r\n  #card-hover-interactions .page-content {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr); \/* 4 columnas en escritorio *\/\r\n    gap: 1rem; \/* Espacio entre columnas *\/\r\n    min-width: 1024px; \/* Asegura que el grid tenga suficiente espacio *\/\r\n  }\r\n\r\n  #card-hover-interactions .card {\r\n    height: 450px; \/* Altura fija para escritorio *\/\r\n  }\r\n}\r\n\r\n\/* ============================================= *\/\r\n\/* Efectos hover solo para tablet y escritorio *\/\r\n\/* ============================================= *\/\r\n@media (hover: hover) and (min-width: 600px) {\r\n  #card-hover-interactions .card:after {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  #card-hover-interactions .content {\r\n    transform: translateY(calc(100% - 4.5rem));\r\n  }\r\n\r\n  #card-hover-interactions .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 .card:hover,\r\n  #card-hover-interactions .card:focus-within {\r\n    align-items: center;\r\n  }\r\n\r\n  #card-hover-interactions .card:hover:before,\r\n  #card-hover-interactions .card:focus-within:before {\r\n    transform: translateY(-4%);\r\n  }\r\n\r\n  #card-hover-interactions .card:hover:after,\r\n  #card-hover-interactions .card:focus-within:after {\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  #card-hover-interactions .card:hover .content,\r\n  #card-hover-interactions .card:focus-within .content {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  #card-hover-interactions .card:hover .content > *:not(.title),\r\n  #card-hover-interactions .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 .card:focus-within:before,\r\n  #card-hover-interactions .card:focus-within:after,\r\n  #card-hover-interactions .card:focus-within .content,\r\n  #card-hover-interactions .card:focus-within .content > *:not(.title) {\r\n    transition-duration: 0s;\r\n  }\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<div class=\"elementor-element elementor-element-31af0d0a e-flex e-con-boxed e-con e-parent\" data-id=\"31af0d0a\" 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-33d29096 elementor-widget elementor-widget-html\" data-id=\"33d29096\" data-element_type=\"widget\" id=\"seccion6-home\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SVG Text Mask con el estilo del c\u00f3digo A pero con clases \u00fanicas -->\r\n<div class=\"text-container-PROCESS\">\r\n  <a href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/\" target=\"_blank\">\r\n    <svg width=\"100%\" height=\"200\">\r\n      <text id=\"title\" class=\"services-text\" x=\"50%\" y=\"-37\" dy=\"1.58em\" text-anchor=\"middle\">PORTAFOLIO<\/text>\r\n      <text id=\"subtitle\" x=\"50%\" y=\"65\" dy=\"4.8em\" text-anchor=\"middle\" fill=\"white\">\r\n        Breathtaking Designs.\r\n      <\/text>\r\n    <\/svg>\r\n  <\/a>\r\n<\/div>\r\n\r\n\r\n<style>\r\n  \/* Estilos para el contenedor del texto *\/\r\n  .text-container {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 200px; \/* Altura fija para el contenedor *\/\r\n    overflow: hidden; \/* Evita que el contenido se desborde *\/\r\n    z-index: 5; \/* Asegura que est\u00e9 por encima de otros elementos *\/\r\n  }\r\n\r\n  \/* Estilos para el SVG Text Mask *\/\r\n  .text {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n  }\r\n\r\n  .text svg {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  \/* Estilos para el texto \"PROCESS\" *\/\r\n  .services-text {\r\n    fill: white; \/* Color inicial *\/\r\n    transition: fill 0.3s ease; \/* Suaviza la transici\u00f3n del color *\/\r\n    cursor: pointer; \/* Cambia el cursor a una mano *\/\r\n  }\r\n\r\n  .services-text:hover {\r\n    fill: rgba(21, 89, 74, 0.6); \/* Cambia el color al pasar el cursor *\/\r\n  }\r\n\r\n  .services-text:active {\r\n    fill: rgba(21, 89, 74, 0.6); \/* Cambia el color al hacer clic *\/\r\n  }\r\n\r\n  #title {\r\n    font-size: 5em;\r\n    font-weight: 800;\r\n    letter-spacing: -2px;\r\n    text-anchor: middle;\r\n    fill: white; \/* Color del texto *\/\r\n  }\r\n\r\n  #subtitle {\r\n    font-size: 0.8em;\r\n    font-weight: 200;\r\n    letter-spacing: 8px;\r\n    text-anchor: middle;\r\n    text-transform: uppercase;\r\n    fill: white; \/* Color del texto *\/\r\n  }\r\n\r\n  \/* Ajustes responsive para tablets *\/\r\n  @media (max-width: 1024px) {\r\n    #title {\r\n      font-size: 3em; \/* Reducir el tama\u00f1o del texto \"PROCESS\" *\/\r\n    }\r\n\r\n    #subtitle {\r\n      font-size: 0.7em; \/* Reducir el tama\u00f1o del texto de descripci\u00f3n *\/\r\n      letter-spacing: 2px; \/* Ajustar el espaciado *\/\r\n    }\r\n  }\r\n\r\n  \/* Ajustes responsive para m\u00f3viles *\/\r\n  @media (max-width: 768px) {\r\n    #title {\r\n      font-size: 4em; \/* Reducir el tama\u00f1o del texto \"PROCESS\" *\/\r\n    }\r\n\r\n    #subtitle {\r\n      font-size: 1em; \/* Reducir el tama\u00f1o del texto de descripci\u00f3n *\/\r\n      letter-spacing: 1px; \/* Ajustar el espaciado *\/\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<div class=\"elementor-element elementor-element-4c99a378 e-flex e-con-boxed e-con e-parent\" data-id=\"4c99a378\" 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-4d80ba57 elementor-widget elementor-widget-html\" data-id=\"4d80ba57\" 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<section id=\"card-hover-interactions-3\">\n  <div class=\"page-content\">\n    <!-- Tarjeta 1 -->\n    <div class=\"card\">\n      <div class=\"content\">\n        <h2 class=\"title\">ART House<\/h2>\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\n        <p class=\"copy\">ArtHouse by Christian Maury: A modern luxury masterpiece blending geometric elegance with nature, showcasing timeless design and architectural innovation.<\/p>\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/art-house\/\" target=\"_blank\">BUY<\/a>\n      <\/div>\n    <\/div>\n    <!-- Card 2 -->\n    <div class=\"card\">\n      <div class=\"content\">\n        <h2 class=\"title\">The Hills<\/h2>\n        <h2 class=\"title action-title\">BUY<\/h2>\n        <p class=\"copy\">Mauryarte's cantilevered mastery: where architectural boldness elevates into luxury masterpieces.<\/p>\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/cliff-house\/\" target=\"_blank\">BUY<\/a>\n      <\/div>\n    <\/div>\n    <!-- Card 3 -->\n    <div class=\"card\">\n      <div class=\"content\">\n        <h2 class=\"title\">Samurai Temple<\/h2>\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\n        <p class=\"copy\">Zen-meets-tropical luxury villa: architectural redesign, wabi-sabi interiors & hyperreal pool\/wellness renders<\/p>\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/templo-del-samurai\/\" target=\"_blank\">EXPLORE<\/a>\n      <\/div>\n    <\/div>\n    <!-- Card 4 -->\n    <div class=\"card\">\n      <div class=\"content\">\n        <h2 class=\"title\">Feeling<\/h2>\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\n        <p class=\"copy\">Hyperreal renders for FEELING's futuristic coliving tower: light, texture & urban integration in Medell\u00edn<\/p>\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/edificio-feeling\/\" target=\"_blank\">EXPLORE<\/a>\n      <\/div>\n    <\/div>\n    <!-- Card 5 -->\n    <div class=\"card\">\n      <div class=\"content\">\n        <h2 class=\"title\">Modern Kitchens<\/h2>\n        <h2 class=\"title action-title\">BUY<\/h2>\n        <p class=\"copy\">Explore our modern kitchens.<\/p>\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/modern-kitchens\/\" target=\"_blank\">BUY<\/a>\n      <\/div>\n    <\/div>\n    <!-- Card 6 -->\n    <div class=\"card\">\n      <div class=\"content\">\n        <h2 class=\"title\">Living Room Designs<\/h2>\n        <h2 class=\"title action-title\">BUY<\/h2>\n        <p class=\"copy\">Elegant sitting rooms for your home.<\/p>\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/living-room-designs\/\" target=\"_blank\">BUY<\/a>\n      <\/div>\n    <\/div>\n    <!-- Card 7 -->\n    <div class=\"card\">\n      <div class=\"content\">\n        <h2 class=\"title\">ILHAM HOTEL<\/h2>\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\n        <p class=\"copy\">It's the desert you've always dreamed of<\/p>\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/ilham-el-encuentro-perfecto-entre-lujo-y-naturaleza\/\" target=\"_blank\">EXPLORE<\/a>\n      <\/div>\n    <\/div>\n    <!-- Card 8 -->\n    <div class=\"card\">\n      <div class=\"content\">\n        <h2 class=\"title\">Living Soul<\/h2>\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\n        <p class=\"copy\">Seriously, straight up, just blast off into outer space today<\/p>\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/dolcezza-marina-condo-suites\/\" target=\"_blank\">EXPLORE<\/a>\n      <\/div>\n    <\/div>\n    <!-- Card 9 -->\n    <div class=\"card\">\n      <div class=\"content\">\n        <h2 class=\"title\">ARBOREA<\/h2>\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\n        <p class=\"copy\">the perfect encounter between luxury and nature<\/p>\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/arborea\/\" target=\"_blank\">EXPLORE<\/a>\n      <\/div>\n    <\/div>\n    <!-- Card 10 -->\n    <div class=\"card\">\n      <div class=\"content\">\n        <h2 class=\"title\">Tolu House<\/h2>\n        <h2 class=\"title action-title\">EXPLORE<\/h2>\n        <p class=\"copy\">blending the essence of a traditional Antioquian house with the freshness of a coastal setting in the Tolu jungle,<\/p>\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/casa-tolu\/\" target=\"_blank\">EXPLORE<\/a>\n      <\/div>\n    <\/div>\n     <!-- Card 11 -->\n    <div class=\"card\">\n      <div class=\"content\">\n        <h2 class=\"title\">Caf\u00e9 Patio Bonito<\/h2>\n        <h2 class=\"title action-title\">INVEST<\/h2>\n        <p class=\"copy\">We transformed a house into a modern, functional and nature-inspired Caf\u00e9 Coworking space.<\/p>\n        <a class=\"btn\" href=\"https:\/\/arquitectura.mauryarte.com\/es\/portfolio\/cafe-patio-bonito\/\" target=\"_blank\">INVEST<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n:root {\n  --d: 700ms;\n  --e: cubic-bezier(0.19, 1, 0.22, 1);\n  --overlay-opacity: 0.9;\n  --overlay-height: 100px;\n  --overlay-total-height: 200px;\n  --card-height: 600px;\n  --image-container-height: 110%;\n  --image-pos-x: 0;\n  --image-pos-y: 0;\n}\n\n\/* Reset global *\/\nhtml, body {\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n  font-family: 'Kanit', sans-serif;\n}\n\n\/* Contenedor principal *\/\n#card-hover-interactions-3 {\n  width: 100%;\n  overflow: hidden;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* Tarjeta individual - Control de altura *\/\n#card-hover-interactions-3 .card {\n  position: relative;\n  min-height: var(--card-height);\n  margin-bottom: 2rem;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-end;\n  padding: 3rem;\n  background-color: black; \/* Fondo negro para evitar que se vea otra imagen *\/\n  box-shadow: 0 1px 1px rgba(0,0,0,0.1), \n    0 2px 2px rgba(0,0,0,0.1), \n    0 4px 4px rgba(0,0,0,0.1), \n    0 8px 8px rgba(0,0,0,0.1),\n    0 16px 16px rgba(0,0,0,0.1);\n}\n\n\/* Variables personalizadas para cada tarjeta *\/\n#card-hover-interactions-3 .card:nth-child(1) {\n  --initial-bg-size: 110% auto;\n  --hover-bg-size: 100% auto;\n  --initial-bg-pos: center;\n  --hover-bg-pos: center center;\n}\n\n#card-hover-interactions-3 .card:nth-child(2) {\n  --initial-bg-size: 115% auto;\n  --hover-bg-size: 100% auto;\n  --initial-bg-pos: left ;\n  --hover-bg-pos: center center;\n}\n\n#card-hover-interactions-3 .card:nth-child(3) {\n  --initial-bg-size: 115% auto;\n  --hover-bg-size: 100% auto;\n  --initial-bg-pos: right ;\n  --hover-bg-pos: center center;\n}\n\n#card-hover-interactions-3 .card:nth-child(4) {\n  --initial-bg-size: 110% auto;\n  --hover-bg-size: 100% auto;\n  --initial-bg-pos: center ;\n  --hover-bg-pos: center center;\n}\n\n#card-hover-interactions-3 .card:nth-child(5) {\n  --initial-bg-size: 110% auto;\n  --hover-bg-size: 100% auto;\n  --initial-bg-pos: right;\n  --hover-bg-pos: center center;\n}\n\n#card-hover-interactions-3 .card:nth-child(6) {\n  --initial-bg-size: 100% auto;\n  --hover-bg-size: 115% auto;\n  --initial-bg-pos: center ;\n  --hover-bg-pos: center center;\n}\n\n#card-hover-interactions-3 .card:nth-child(7) {\n  --initial-bg-size: 100% auto;\n  --hover-bg-size: 110% auto;\n  --initial-bg-pos: center ;\n  --hover-bg-pos: center center;\n}\n\n#card-hover-interactions-3 .card:nth-child(8) {\n  --initial-bg-size: 110% auto;\n  --hover-bg-size: 100% auto;\n  --initial-bg-pos: left ;\n  --hover-bg-pos: center center;\n}\n\n#card-hover-interactions-3 .card:nth-child(9) {\n  --initial-bg-size: 110% auto;\n  --hover-bg-size: 100% auto;\n  --initial-bg-pos: left ;\n  --hover-bg-pos: center center;\n}\n\n#card-hover-interactions-3 .card:nth-child(10) {\n  --initial-bg-size: 110% auto;\n  --hover-bg-size: 100% auto;\n  --initial-bg-pos: left ;\n  --hover-bg-pos: center center;\n}\n\n#card-hover-interactions-3 .card:nth-child(11) {\n  --initial-bg-size: 110% auto;\n  --hover-bg-size: 100% auto;\n  --initial-bg-pos: left ;\n  --hover-bg-pos: center center;\n}\n\n\/* Imagen de fondo *\/\n#card-hover-interactions-3 .card::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: var(--image-container-height);\n  background-size: var(--initial-bg-size);\n  background-position: var(--initial-bg-pos);\n  background-repeat: no-repeat;\n  transition: transform calc(var(--d) * 2.5) var(--e), \n              background-size calc(var(--d) * 2.5) var(--e), \n              background-position calc(var(--d) * 2.5) var(--e);\n  pointer-events: none; \/* Correcci\u00f3n: permite clics a trav\u00e9s del pseudo-elemento *\/\n  z-index: 0;\n}\n\n\/* Efecto de zoom out en hover *\/\n#card-hover-interactions-3 .card:hover::after {\n  background-size: var(--hover-bg-size);\n  background-position: var(--hover-bg-pos);\n}\n\n\/* Caja semitransparente *\/\n#card-hover-interactions-3 .card::before {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--overlay-total-height);\n  background: linear-gradient(\n    to top,\n    rgba(0, 0, 0, var(--overlay-opacity)) 10%,\n    rgba(0, 0, 0, var(--overlay-opacity)) var(--overlay-height),\n    rgba(0, 0, 0, 0.0) 100%\n  );\n  z-index: 1;\n  pointer-events: none;\n}\n\n\/* Contenido *\/\n#card-hover-interactions-3 .content {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  padding: 2rem;\n  color: white;\n  transition: transform var(--d) var(--e);\n}\n\n\/* Botones *\/\n#card-hover-interactions-3 .btn {\n  position: relative;\n  z-index: 10; \/* Correcci\u00f3n: asegura que el bot\u00f3n est\u00e9 por encima *\/\n  pointer-events: auto; \/* Correcci\u00f3n: habilita la interacci\u00f3n *\/\n  padding: 10px 20px;\n  background-color: #A78F6A;\n  color: white;\n  border: none;\n  cursor: pointer;\n  text-transform: uppercase;\n  font-size: 0.9rem;\n  letter-spacing: 2px;\n  transition: background-color 0.3s ease;\n  text-decoration: none; \/* Elimina el subrayado de los enlaces *\/\n  display: inline-block; \/* Asegura que los enlaces se comporten como botones *\/\n}\n}\n\n#card-hover-interactions-3 .btn:hover {\n  background-color: #8a6f4f;\n}\n\n#card-hover-interactions-3 .action-title {\n  font-size: 1.3rem;\n  font-weight: 400;\n  letter-spacing: 5px;\n  color: whitesmoke;\n  text-transform: uppercase;\n  position: relative;\n  padding-left: 200px;\n  margin: 1rem 0;\n  opacity: 1;\n  transition: opacity var(--d) var(--e);\n}\n\n#card-hover-interactions-3 .action-title::before {\n  content: '';\n  position: absolute;\n  left: 35%;\n  top: 27%;\n  transform: translateY(-50%);\n  width: 70px;\n  height: 2px;\n  background: white;\n}\n\n#card-hover-interactions-3 .copy {\n  font-size: 0.9rem;\n  font-weight: 300;\n  letter-spacing: 2px;\n  line-height: 1.6;\n  margin: 1rem 0;\n  text-transform: uppercase;\n  position: absolute;\n  bottom: -200px;\n  left: 50%;\n  transform: translateX(-50%);\n  opacity: 0;\n  transition: opacity var(--d) var(--e);\n  z-index: 3;\n}\n\n\/* Estilos para el t\u00edtulo principal en estado normal (before) *\/\n#card-hover-interactions-3 .title {\n  font-size: 1.3rem;\n  font-weight: 300;\n  letter-spacing: 8px;\n  color: #A78F6A;\n  text-transform: uppercase;\n  line-height: 1.4;\n  margin-bottom: 0.5rem;\n  position: absolute;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  opacity: 1;\n  transition: opacity var(--d) var(--e), transform var(--d) var(--e);\n  z-index: 3;\n}\n\n\/* Efecto hover para mover el t\u00edtulo debajo del bot\u00f3n *\/\n#card-hover-interactions-3 .card:hover .title {\n  bottom: -10px;\n  left: var(--button-left, 3%);\n  transform: none;\n  opacity: 1;\n  text-align: left;\n  width: auto;\n}\n\n\/* Estilos para el t\u00edtulo de acci\u00f3n (action-title) en estado normal (before) *\/\n#card-hover-interactions-3 .action-title {\n  font-size: 1.3rem;\n  font-weight: 400;\n  letter-spacing: 5px;\n  color: whitesmoke;\n  text-transform: uppercase;\n  position: absolute;\n  top: 20px;\n  left: 50px;\n  opacity: 1;\n  transition: opacity var(--d) var(--e), transform var(--d) var(--e);\n  z-index: 3;\n}\n\n\/* Efecto hover para el t\u00edtulo de acci\u00f3n (action-title) *\/\n#card-hover-interactions-3 .card:hover .action-title {\n  opacity: 0;\n}\n\n\/* Efecto hover para el t\u00edtulo principal *\/\n#card-hover-interactions-3 .card:hover .title {\n  opacity: 1;\n}\n\n\/* Efecto hover para el copy *\/\n#card-hover-interactions-3 .card:hover .copy {\n  opacity: 1;\n}\n\n\/* --------------------- *\/\n\/* IM\u00c1GENES DE FONDO *\/\n\/* --------------------- *\/\n\n#card-hover-interactions-3 .card:nth-child(1)::after {\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/ARTHouse-Aereal-Post.webp);\n}\n\n#card-hover-interactions-3 .card:nth-child(2)::after {\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/the-hills_real.jpg);\n}\n\n#card-hover-interactions-3 .card:nth-child(3)::after {\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A1-1.jpg);\n}\n\n#card-hover-interactions-3 .card:nth-child(4)::after {\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/render-acceso-cofeling-version-mejorada-3.jpg);\n}\n\n#card-hover-interactions-3 .card:nth-child(5)::after {\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Cocina-Cedro-Verde-801.jpg);\n}\n\n#card-hover-interactions-3 .card:nth-child(6)::after {\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A3.-Estudio-scaled.jpg);\n}\n\n#card-hover-interactions-3 .card:nth-child(7)::after {\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Recepcion-3-enhanced-scaled.jpg);\n}\n\n#card-hover-interactions-3 .card:nth-child(8)::after {\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/121-Marina-Interior.jpg);\n}\n\n#card-hover-interactions-3 .card:nth-child(9)::after {\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/Escena-8-scaled-1.jpg);\n}\n\n#card-hover-interactions-3 .card:nth-child(10)::after {\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/FINAL-FACHADA-FRONTALjpg-scaled.jpg);\n}\n\n#card-hover-interactions-3 .card:nth-child(11)::after {\n  background-image: url(https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/A4_Interactive-LightMix.jpg);\n}\n\/* --------------------- *\/\n\/* EFECTOS HOVER *\/\n\/* --------------------- *\/\n\n@media (hover: hover) and (min-width: 600px) {\n  #card-hover-interactions-3 .card:hover::after {\n    transform: translateY(-4%);\n  }\n\n  #card-hover-interactions-3 .content {\n    transform: translateY(calc(100% - 4.5rem));\n  }\n\n  #card-hover-interactions-3 .content > *:not(.title) {\n    opacity: 0;\n    transform: translateY(1rem);\n    transition:\n      transform var(--d) var(--e),\n      opacity var(--d) var(--e);\n  }\n\n  #card-hover-interactions-3 .card:hover,\n  #card-hover-interactions-3 .card:focus-within {\n    align-items: center;\n  }\n\n  #card-hover-interactions-3 .card:hover .content,\n  #card-hover-interactions-3 .card:focus-within .content {\n    transform: translateY(0);\n  }\n\n  #card-hover-interactions-3 .card:hover .content > *:not(.title),\n  #card-hover-interactions-3 .card:focus-within .content > *:not(.title) {\n    opacity: 1;\n    transform: translateY(0);\n    transition-delay: calc(var(--d) \/ 8);\n  }\n\n  #card-hover-interactions-3 .card:hover .action-title {\n    opacity: 0;\n  }\n}\n\n\/* ============================================= *\/\n\/* RESPONSIVE CON CONTROLES COMPLETOS *\/\n\/* ============================================= *\/\n\n@media (max-width: 1024px) {\n  :root {\n    --overlay-opacity: 0.85;\n    --overlay-height: 20px;\n    --overlay-total-height: 70px;\n    --card-height: 300px;\n    --image-container-height: 120%;\n    --image-pos-x: center;\n    --image-pos-y: 10%;\n  }\n\n  #card-hover-interactions-3 .action-title {\n    display: none;\n  }\n\n  #card-hover-interactions-3 .content {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    padding: 1rem;\n  }\n\n  #card-hover-interactions-3 .title {\n    margin: 0;\n    font-size: 1rem;\n    letter-spacing: 3px;\n    bottom: -40px;\n    left: 50%;\n    transform: translateX(-50%);\n    text-align: center;\n    width: 100%;\n  }\n\n  #card-hover-interactions-3 .btn {\n    padding: 8px 16px;\n    font-size: 0.8rem;\n  }\n}\n\n@media (max-width: 768px) {\n  :root {\n    --overlay-opacity: 0.15;\n    --overlay-height: 20px;\n    --overlay-total-height: 50px;\n    --card-height: 100px;\n    --image-container-height: 100%;\n    --image-pos-x: 5% 75%;\n    --image-pos-y: center;\n  }\n\n  #card-hover-interactions-3 .card {\n    height: 100px;\n    padding: 1.5rem;\n    min-height: 200px;\n  }\n\n  #card-hover-interactions-3 .content {\n    padding: 0.5rem;\n  }\n\n  #card-hover-interactions-3 .title {\n    font-size: 0.8rem;\n    white-space: nowrap;\n    bottom: -20px;\n    left: 50%;\n    transform: translateX(-50%);\n    text-align: center;\n    width: 100%;\n  }\n\n  #card-hover-interactions-3 .btn {\n    padding: 6px 12px;\n    font-size: 0.5rem;\n  }\n\n  #card-hover-interactions-3 .copy {\n    display: none;\n  }\n\n  \/* Ajuste fino de posici\u00f3n de imagen *\/\n  #card-hover-interactions-3 .card::after {\n    background-position: var(--image-pos-x) var(--image-pos-y) !important;\n  }\n}\n<\/style>\n\n\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-2b7f2a1f elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"2b7f2a1f\" data-element_type=\"section\" id=\"seccion7-home\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2ccb21ba elementor-hidden-phone\" data-id=\"2ccb21ba\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-5fe18511 elementor-widget elementor-widget-spacer\" data-id=\"5fe18511\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-623c8bc elementor-section-content-bottom elementor-hidden-phone animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"623c8bc\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3feff319\" data-id=\"3feff319\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-3e0bb011 elementor-widget elementor-widget-heading\" data-id=\"3e0bb011\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u00a1Estamos abiertos a nuevas oportunidades!\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3deed04f elementor-widget elementor-widget-text-editor\" data-id=\"3deed04f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"translation-block\">Siempre estamos buscando colaborar en <strong style=\"color: #26d2d7\">proyectos innovadores<\/strong>. Creemos juntos espacios \u00fanicos, donde <strong style=\"color: #26d2d7\">el dise\u00f1o<\/strong> se encuentra con la <em>excelencia<\/em>.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75c149d5 elementor-widget elementor-widget-button\" data-id=\"75c149d5\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver Portafolio<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-651b65a5\" data-id=\"651b65a5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f657586\" data-id=\"f657586\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-67bab7fd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"67bab7fd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-422223fa\" data-id=\"422223fa\" 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-3d384e8f animated-slow elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3d384e8f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">15 A\u00f1os de Experiencia en Dise\u00f1o Arquitect\u00f3nico y Renderizaci\u00f3n Hiperrealista.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60140528 elementor-widget__width-auto elementor-hidden-tablet elementor-hidden-phone animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"60140528\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Expertise<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15e027d4 elementor-widget elementor-widget-text-editor\" data-id=\"15e027d4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"translation-block\">Yo transformo <strong style=\"color: #26d2d7\">el arte<\/strong> en <strong style=\"color: #26d2d7\">arquitectura<\/strong>, fusionando creatividad y precisi\u00f3n para crear dise\u00f1os que armonizan con la naturaleza e inspiran a quienes los habitan.<\/p>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-36175da7 elementor-hidden-mobile elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36175da7\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4682051\" data-id=\"4682051\" 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-17c57eef elementor-align-right elementor-widget__width-auto animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"17c57eef\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:10}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver Video<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-91f55be elementor-hidden-tablet\" data-id=\"91f55be\" 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-30a9e291 elementor-widget__width-initial elementor-absolute elementor-hidden-phone animated-slow elementor-widget-tablet__width-initial elementor-hidden-tablet elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"30a9e291\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">MAURYARTE<\/span>\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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-736242dc elementor-section-content-middle elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"736242dc\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-72119fbf elementor-hidden-mobile elementor-hidden-tablet\" data-id=\"72119fbf\" 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-4c5dc244 elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"4c5dc244\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>No dudes en contactarnos para obtener mejor ayuda e informaci\u00f3n.<\/p>\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a7c8cf2 elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"a7c8cf2\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-50815fbd elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"50815fbd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-482f3e51 elementor-hidden-tablet\" data-id=\"482f3e51\" 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-70a254d0 elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"70a254d0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Garant\u00eda de satisfacci\u00f3n del 100%<\/h5>\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<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-37aa21de elementor-hidden-tablet\" data-id=\"37aa21de\" 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-29754372 elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"29754372\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Dise\u00f1o arquitect\u00f3nico de calidad<\/h5>\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<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-56f6c912 elementor-hidden-tablet\" data-id=\"56f6c912\" 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-8e822c1 elementor-widget elementor-widget-heading\" data-id=\"8e822c1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Desarrollo de conceptos profesionales<\/h5>\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\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The Art of Architecture PREV NEXT From 3D model to Real PREV NEXT Exterior Rendering PREV NEXT Luxury Residence Design PREV NEXT Landscaping PREV NEXT Slide to see the magic Tu navegador no soporta el elemento de video. Breathtaking Designs Sketch, Architectural Plans, 3D Modeling, Rendering, and the Final Build. We Are Architect With A [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-37","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>HOME - Mauryarte Arquitectura<\/title>\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\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HOME - Mauryarte Arquitectura\" \/>\n<meta property=\"og:description\" content=\"The Art of Architecture PREV NEXT From 3D model to Real PREV NEXT Exterior Rendering PREV NEXT Luxury Residence Design PREV NEXT Landscaping PREV NEXT Slide to see the magic Tu navegador no soporta el elemento de video. Breathtaking Designs Sketch, Architectural Plans, 3D Modeling, Rendering, and the Final Build. We Are Architect With A [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arquitectura.mauryarte.com\/es\/\" \/>\n<meta property=\"og:site_name\" content=\"Mauryarte Arquitectura\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-29T23:57:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/\",\"name\":\"HOME - Mauryarte Arquitectura\",\"isPartOf\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png\",\"datePublished\":\"2025-01-07T15:45:37+00:00\",\"dateModified\":\"2026-01-29T23:57:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/arquitectura.mauryarte.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CO\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#primaryimage\",\"url\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png\",\"contentUrl\":\"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arquitectura.mauryarte.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/arquitectura.mauryarte.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HOME\"}]},{\"@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":"HOME - Mauryarte Arquitectura","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\/","og_locale":"es_ES","og_type":"article","og_title":"HOME - Mauryarte Arquitectura","og_description":"The Art of Architecture PREV NEXT From 3D model to Real PREV NEXT Exterior Rendering PREV NEXT Luxury Residence Design PREV NEXT Landscaping PREV NEXT Slide to see the magic Tu navegador no soporta el elemento de video. Breathtaking Designs Sketch, Architectural Plans, 3D Modeling, Rendering, and the Final Build. We Are Architect With A [&hellip;]","og_url":"https:\/\/arquitectura.mauryarte.com\/es\/","og_site_name":"Mauryarte Arquitectura","article_modified_time":"2026-01-29T23:57:20+00:00","og_image":[{"url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/arquitectura.mauryarte.com\/","url":"https:\/\/arquitectura.mauryarte.com\/","name":"HOME - Mauryarte Arquitectura","isPartOf":{"@id":"https:\/\/arquitectura.mauryarte.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arquitectura.mauryarte.com\/#primaryimage"},"image":{"@id":"https:\/\/arquitectura.mauryarte.com\/#primaryimage"},"thumbnailUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png","datePublished":"2025-01-07T15:45:37+00:00","dateModified":"2026-01-29T23:57:20+00:00","breadcrumb":{"@id":"https:\/\/arquitectura.mauryarte.com\/#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arquitectura.mauryarte.com\/"]}]},{"@type":"ImageObject","inLanguage":"es-CO","@id":"https:\/\/arquitectura.mauryarte.com\/#primaryimage","url":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png","contentUrl":"https:\/\/arquitectura.mauryarte.com\/wp-content\/uploads\/cropped-logo-mauryarte-3-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/arquitectura.mauryarte.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/arquitectura.mauryarte.com\/"},{"@type":"ListItem","position":2,"name":"HOME"}]},{"@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\/37","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=37"}],"version-history":[{"count":2514,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":6372,"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/pages\/37\/revisions\/6372"}],"wp:attachment":[{"href":"https:\/\/arquitectura.mauryarte.com\/es\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}