{"id":200,"date":"2026-06-09T10:24:14","date_gmt":"2026-06-09T08:24:14","guid":{"rendered":"https:\/\/cruiarquitectura.com\/elementor-193\/"},"modified":"2026-06-18T13:47:09","modified_gmt":"2026-06-18T11:47:09","slug":"elementor-193","status":"publish","type":"page","link":"https:\/\/cruiarquitectura.com\/es\/","title":{"rendered":"home 2.0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"200\" class=\"elementor elementor-200 elementor-193\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-387a437 e-con-full e-flex e-con e-parent\" data-id=\"387a437\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8156fa9 elementor-widget elementor-widget-html\" data-id=\"8156fa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html class=\"scroll-smooth\" lang=\"es\">\r\n<head>\r\n    <meta charset=\"utf-8\"\/>\r\n    <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;500;700&display=swap\" rel=\"stylesheet\"\/>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght@200..400\" \/>\r\n    \r\n    <script id=\"tailwind-config\">\r\n      tailwind.config = {\r\n        theme: {\r\n          extend: {\r\n            colors: {\r\n                'arch-black': '#000000',\r\n                'arch-white': '#FFFFFF',\r\n                'arch-gray-1': '#d6d5d5',\r\n                'arch-gray-2': '#ededed',\r\n            },\r\n            fontFamily: {\r\n                sans: ['Inter', 'sans-serif'],\r\n            }\r\n          },\r\n        },\r\n      }\r\n    <\/script>\r\n    <style>\r\n        body { font-family: 'Inter', sans-serif; font-weight: 300; }\r\n        .f-light { font-weight: 300; }\r\n        .f-medium { font-weight: 500; }\r\n        .f-bold { font-weight: 700; }\r\n        \r\n        .video-container {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 0;\r\n        }\r\n        .video-bg {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Estilizaci\u00f3n de Galer\u00eda *\/\r\n        .img-card {\r\n            overflow: hidden;\r\n            background-color: #ededed;\r\n            position: relative;\r\n        }\r\n        .img-card img {\r\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\r\n            filter: grayscale(100%);\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        .img-card:hover img {\r\n            transform: scale(1.05);\r\n            filter: grayscale(0%);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body class=\"bg-arch-white text-arch-black\">\r\n\r\n<main>\r\n    <!-- HERO SECTION -->\r\n    <section class=\"relative h-screen w-full overflow-hidden flex items-center justify-center bg-arch-black\">\r\n        <div class=\"absolute inset-0 bg-black\/40 z-10\"><\/div>\r\n        <div class=\"video-container\">\r\n            <video autoplay muted loop playsinline class=\"video-bg\">\r\n                <source src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/e-rpint-architecture.mov\" type=\"video\/mp4\">\r\n            <\/video>\r\n        <\/div>\r\n        <div class=\"relative z-20 text-center px-6\">\r\n            <h1 class=\"text-arch-white text-5xl md:text-8xl f-light tracking-tight leading-none max-w-5xl mx-auto mb-8\">\r\n                Estudio de Arquitectura en Mallorca\r\n            <\/h1>\r\n            <div class=\"w-16 h-[1px] bg-arch-gray-1 mx-auto mb-8\"><\/div>\r\n            <p class=\"text-arch-white f-medium uppercase tracking-[0.5em] text-[10px] md:text-xs\">Dise\u00f1ando espacios mediterr\u00e1neos atemporales.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PHILOSOPHY SECTION (Bot\u00f3n t\u00e9cnico unificado) -->\r\n    <section class=\"py-24 md:py-40 px-8 lg:px-16 bg-arch-white\">\r\n        <div class=\"max-w-[1440px] mx-auto grid grid-cols-1 lg:grid-cols-2 gap-24 items-start\">\r\n            \r\n            <div class=\"space-y-12\">\r\n                <div class=\"space-y-4\">\r\n                    <span class=\"text-[10px] f-bold tracking-[0.3em] uppercase text-arch-gray-1\">Filosof\u00eda<\/span>\r\n                    <h2 class=\"text-4xl md:text-6xl f-light leading-[1.1] tracking-tight\">\r\n                        Dise\u00f1o refinado <br>Ejecuci\u00f3n precisa.\r\n                    <\/h2>\r\n                <\/div>\r\n                \r\n                <div class=\"space-y-6 text-arch-black\/80 f-light leading-relaxed text-lg max-w-xl\">\r\n                    <p>Ofrecemos soluciones arquitect\u00f3nicas exclusivas para propietarios exigentes que buscan una combinaci\u00f3n de creatividad audaz y precisi\u00f3n impecable.<\/p>\r\n                    <p>Nuestro estudio tiende un puente entre d\u00e9cadas de experiencia en el sector y una visi\u00f3n contempor\u00e1nea e innovadora del dise\u00f1o.<\/p>\r\n                <\/div>\r\n\r\n                <!-- BOT\u00d3N \u00daNICO ESTILO T\u00c9CNICO -->\r\n                <div class=\"space-y-0 border-t border-arch-gray-2 pt-4\">\r\n                    <a id=\"nav-to-solutions\" href=\"\/es\/architectural-firm\/#solutions\" class=\"group py-8 border-b border-arch-gray-2 flex justify-between items-center transition-all hover:bg-arch-gray-2\/30 px-2\">\r\n                        <div class=\"flex items-center gap-6\">\r\n                            <span class=\"text-xs f-bold text-arch-gray-1\">01<\/span>\r\n                            <h3 class=\"f-medium uppercase tracking-widest text-sm\">Servicios de arquitectura<\/h3>\r\n                        <\/div>\r\n                        <span class=\"material-symbols-outlined translate-x-[-10px] opacity-0 group-hover:translate-x-0 group-hover:opacity-100 transition-all duration-500\">arrow_right_alt<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"relative pt-12 lg:pt-24\">\r\n                <div class=\"absolute top-0 right-0 w-2\/3 h-full bg-arch-gray-2 -z-10\"><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585152220-90363fe7e115?q=80&w=2070&auto=format&fit=crop\" \r\n                     class=\"w-full aspect-[4\/5] object-cover shadow-sm grayscale hover:grayscale-0 transition-all duration-1000\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECCI\u00d3N 2: GLOBAL VISION (A\u00f1adido ID solutions) -->\r\n    <section id=\"solutions\" class=\"py-32 md:py-56 px-8 lg:px-16 bg-arch-gray-2\">\r\n        <div class=\"max-w-[1440px] mx-auto\">\r\n            <div class=\"space-y-16\">\r\n                <div class=\"max-w-5xl\">\r\n                    <span class=\"text-[10px] f-bold uppercase tracking-[0.4em] text-arch-gray-1 mb-6 block\">Influencia Internacional<\/span>\r\n                    <h2 class=\"text-5xl md:text-8xl f-light leading-[0.9] tracking-tighter\">\r\n                        Arquitectura para una visi\u00f3n global.\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-end\">\r\n                    <div class=\"lg:col-span-6\">\r\n                        <p class=\"text-2xl f-light leading-relaxed text-arch-black\/70\">\r\n                            Nuestro estudio act\u00faa como socio estrat\u00e9gico para quienes desean transformar su capital en desarrollos emblem\u00e1ticos en las Islas Baleares, Marbella, Berl\u00edn, Chile y Singapur.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"lg:col-span-6\">\r\n                        <div class=\"flex flex-wrap gap-x-12 gap-y-4 border-t border-arch-gray-1 pt-8\">\r\n                            <div class=\"space-y-1\">\r\n                                <p class=\"text-[10px] f-bold uppercase tracking-widest\">Europa<\/p>\r\n                                <p class=\"text-sm f-light\">Mallorca, Marbella, Berlin<\/p>\r\n                            <\/div>\r\n                            <div class=\"space-y-1\">\r\n                                <p class=\"text-[10px] f-bold uppercase tracking-widest\">America<\/p>\r\n                                <p class=\"text-sm f-light\">Chile<\/p>\r\n                            <\/div>\r\n                            <div class=\"space-y-1\">\r\n                                <p class=\"text-[10px] f-bold uppercase tracking-widest\">Asia<\/p>\r\n                                <p class=\"text-sm f-light\">Singapur<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECCI\u00d3N 3: GALLERY -->\r\n    <section class=\"py-24 md:py-40 px-8 lg:px-16 bg-arch-white\">\r\n        <div class=\"max-w-[1440px] mx-auto\">\r\n            \r\n            <div class=\"grid grid-cols-1 md:grid-cols-12 gap-6\">\r\n                <div class=\"md:col-span-7 img-card aspect-[16\/9]\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=80&w=2070&auto=format&fit=crop\" alt=\"Luxury Villa Mallorca\">\r\n                <\/div>\r\n                <div class=\"md:col-span-5 img-card aspect-square md:aspect-auto\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1613490493576-7fde63acd811?q=80&w=2071&auto=format&fit=crop\" alt=\"Modern Architecture Detail\">\r\n                <\/div>\r\n\r\n                <div class=\"md:col-span-4 img-card aspect-[4\/5]\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154526-990dced4db0d?q=80&w=2070&auto=format&fit=crop\" alt=\"Interior Design\">\r\n                <\/div>\r\n                <div class=\"md:col-span-4 img-card aspect-[4\/5]\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?q=80&w=1974&auto=format&fit=crop\" alt=\"Mediterranean Light\">\r\n                <\/div>\r\n                <div class=\"md:col-span-4 img-card aspect-[4\/5]\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753151-384129cf4e3e?q=80&w=2070&auto=format&fit=crop\" alt=\"Architectural Detail Corrected\">\r\n                <\/div>\r\n\r\n                <div class=\"md:col-span-12 img-card aspect-[21\/9]\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=2070&auto=format&fit=crop\" alt=\"Panoramic Architecture\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mt-16 flex flex-col items-center text-center space-y-4\">\r\n                <div class=\"w-8 h-[1px] bg-arch-black\"><\/div>\r\n                <p class=\"text-[10px] f-bold uppercase tracking-[0.5em] text-arch-gray-1\">Vida contempor\u00e1nea \u2014 Perspectivas destacadas<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/main>\r\n\r\n<script>\r\n    \/**\r\n     * Script din\u00e1mico para respetar directorios de WPML\r\n     *\/\r\n    (function() {\r\n        const link = document.getElementById('nav-to-solutions');\r\n        if (!link) return;\r\n\r\n        const path = window.location.pathname;\r\n        let prefix = \"\";\r\n\r\n        if (path.startsWith('\/es\/')) {\r\n            prefix = \"\/es\";\r\n        } else if (path.startsWith('\/de\/')) {\r\n            prefix = \"\/de\";\r\n        }\r\n\r\n        const targetSlug = \"\/architectural-firm\/\";\r\n        const anchor = \"#solutions\";\r\n\r\n        link.href = prefix + targetSlug + anchor;\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Estudio de Arquitectura en Mallorca Dise\u00f1ando espacios mediterr\u00e1neos atemporales. Filosof\u00eda Dise\u00f1o refinado Ejecuci\u00f3n precisa. Ofrecemos soluciones arquitect\u00f3nicas exclusivas para propietarios exigentes que buscan una combinaci\u00f3n de creatividad audaz y precisi\u00f3n impecable. Nuestro estudio tiende un puente entre d\u00e9cadas de experiencia en el sector y una visi\u00f3n contempor\u00e1nea e innovadora del dise\u00f1o. 01 Servicios de arquitectura [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-200","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/pages\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":8,"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/pages\/200\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/pages\/200\/revisions\/444"}],"wp:attachment":[{"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/media?parent=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}