{"id":240,"date":"2026-05-06T15:16:15","date_gmt":"2026-05-06T13:16:15","guid":{"rendered":"https:\/\/cruiarquitectura.com\/architectural-firm\/"},"modified":"2026-06-10T12:21:21","modified_gmt":"2026-06-10T10:21:21","slug":"architectural-firm","status":"publish","type":"page","link":"https:\/\/cruiarquitectura.com\/es\/architectural-firm\/","title":{"rendered":"Architectural firm"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"240\" class=\"elementor elementor-240 elementor-51\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aaf9f2 e-con-full e-flex e-con e-parent\" data-id=\"5aaf9f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bbb263 elementor-widget elementor-widget-html\" data-id=\"4bbb263\" 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: { sans: ['Inter', 'sans-serif'] }\r\n          },\r\n        },\r\n      }\r\n    <\/script>\r\n    <style>\r\n        body { font-family: 'Inter', sans-serif; font-weight: 300; color: #000000; margin: 0; }\r\n        \r\n        \/* --- FIX DEFINITIVO PARA IM\u00c1GENES --- *\/\r\n        .img-container {\r\n            position: relative;\r\n            width: 100%;\r\n            background-color: #ededed;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .img-container img {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important; \r\n            display: block !important;\r\n            filter: grayscale(100%);\r\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\r\n        }\r\n\r\n        .img-container:hover img {\r\n            transform: scale(1.05);\r\n            filter: grayscale(0%);\r\n        }\r\n\r\n        .ratio-4-5 { padding-top: 125%; } \r\n        .ratio-3-4 { padding-top: 133%; } \r\n        .ratio-square { padding-top: 100%; } \r\n\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        .material-symbols-outlined {\r\n            font-variation-settings: 'wght' 200;\r\n            font-size: 32px;\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-[75vh] w-full overflow-hidden flex items-end pb-20 px-8 lg:px-16 bg-arch-black\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=2069&auto=format&fit=crop\" \r\n             alt=\"The Studio\" \r\n             class=\"absolute inset-0 w-full h-full object-cover opacity-50 grayscale\"\r\n             style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n        \r\n        <div class=\"relative z-10 max-w-5xl\">\r\n            <span class=\"text-[10px] f-bold uppercase tracking-[0.5em] text-arch-gray-1 mb-6 block\">El Estudio<\/span>\r\n            <h1 class=\"text-arch-white text-5xl md:text-8xl f-light leading-[0.9] tracking-tighter\">\r\n                Arquitectura de <br>precisi\u00f3n absoluta.\r\n            <\/h1>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION: METHODOLOGY -->\r\n    <section class=\"py-24 md:py-48 px-8 lg:px-16 bg-arch-white\">\r\n        <div class=\"max-w-[1440px] mx-auto grid grid-cols-1 lg:grid-cols-12 gap-16\">\r\n            <div class=\"lg:col-span-5\">\r\n                <span class=\"text-[10px] f-bold uppercase tracking-[0.3em] text-arch-gray-1 mb-8 block\">Metodolog\u00eda<\/span>\r\n                <h2 class=\"text-4xl md:text-6xl f-light leading-tight tracking-tight mb-12\">Espacios dise\u00f1ados <br>con alma.<\/h2>\r\n                <div class=\"img-container ratio-4-5\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=80&w=2070&auto=format&fit=crop\" alt=\"Technical Precision\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"lg:col-span-6 lg:col-start-7 flex flex-col justify-end\">\r\n                <div class=\"space-y-8 text-xl f-light leading-relaxed text-arch-black\/80\">\r\n                    <p>En Crui Architectura creemos en una arquitectura definida por el lugar, la vida cotidiana y la luz. Desarrollamos proyectos que combinan precisi\u00f3n t\u00e9cnica con un compromiso por una forma de habitar serena, consciente y luminosa, siempre en armon\u00eda con el entorno.<\/p>\r\n                    <p>Cada encargo se aborda como una oportunidad para escuchar, observar y dar forma a espacios duraderos, honestos y llenos de significado.<\/p>\r\n                <\/div>\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 mt-20 pt-12 border-t border-arch-gray-2\">\r\n                    <div class=\"space-y-4\">\r\n                        <h4 class=\"text-[10px] f-bold uppercase tracking-widest text-arch-black\">Desarrollo de Alto Nivel<\/h4>\r\n                        <p class=\"text-sm text-arch-black\/60 leading-relaxed\">Gesti\u00f3n especializada para proyectos arquitect\u00f3nicos complejos y grandes propiedades privadas.<\/p>\r\n                    <\/div>\r\n                    <div class=\"space-y-4\">\r\n                        <h4 class=\"text-[10px] f-bold uppercase tracking-widest text-arch-black\">Legado Mediterr\u00e1neo<\/h4>\r\n                        <p class=\"text-sm text-arch-black\/60 leading-relaxed\">Preservamos la esencia tradicional balear a trav\u00e9s de una visi\u00f3n contempor\u00e1nea y la innovaci\u00f3n t\u00e9cnica.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION: THE TEAM -->\r\n    <section class=\"py-24 md:py-48 px-8 lg:px-16 bg-arch-gray-2 border-b border-arch-gray-1\">\r\n        <div class=\"max-w-[1440px] mx-auto\">\r\n            <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end mb-24 gap-8\">\r\n                <div class=\"max-w-2xl\">\r\n                    <span class=\"text-[10px] f-bold uppercase tracking-[0.3em] text-arch-gray-1 mb-8 block\">El equipo<\/span>\r\n                    <h2 class=\"text-4xl md:text-7xl f-light leading-[0.95] tracking-tighter\">Arquitectura <br> con precision.<\/h2>\r\n                <\/div>\r\n                <p class=\"text-sm f-medium uppercase tracking-widest text-arch-black\/40 pb-2 italic text-left\">Un equipo de expertos<\/p>\r\n            <\/div>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-x-8 gap-y-16\">\r\n                <div class=\"space-y-6\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Miquel.jpeg\" alt=\"MIQUEL\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">MIQUEL<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6 lg:mt-24\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Antonia.jpeg\" alt=\"ANTONIA\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">ANTONIA<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/David.jpeg\" alt=\"DAVID\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">DAVID<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6 lg:mt-24\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Alberto.jpeg\" alt=\"ALBERTO\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">ALBERTO<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Joan.jpeg\" alt=\"JOAN\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">JOAN<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6 lg:mt-24\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Marina.jpeg\" alt=\"MARINA\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">MARINA<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Silviu.jpeg\" alt=\"SILVIU\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">SILVIU<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION: STRATEGIC SERVICES -->\r\n    <section id=\"solutions\" class=\"py-24 md:py-48 px-8 lg:px-16 bg-arch-gray-2\">\r\n        <div class=\"max-w-[1440px] mx-auto\">\r\n            <div class=\"mb-20\">\r\n                <span class=\"text-[10px] f-bold uppercase tracking-[0.3em] text-arch-gray-1 mb-6 block\">Soluciones<\/span>\r\n                <h2 class=\"text-4xl md:text-6xl f-light leading-tight tracking-tight\">Experiencia a medida <br> para desarrollos complejos.<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n                <div class=\"p-10 bg-arch-white border-t-2 border-arch-black space-y-12 flex flex-col justify-between shadow-sm\">\r\n                    <div class=\"flex justify-between items-start\">\r\n                        <span class=\"material-symbols-outlined text-arch-black\">analytics<\/span>\r\n                        <div class=\"w-1.5 h-1.5 bg-arch-black rounded-full\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"space-y-4 text-arch-black\">\r\n                        <h3 class=\"text-2xl f-medium uppercase tracking-tight\">Gesti\u00f3n de <br>Proyectos<\/h3>\r\n                        <p class=\"f-light leading-relaxed text-base opacity-70\">Control t\u00e9cnico y econ\u00f3mico riguroso de la obra. Garantizamos el cumplimiento de los plazos y presupuestos con la m\u00e1xima precisi\u00f3n.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"p-10 bg-arch-white border-t-2 border-arch-black space-y-12 flex flex-col justify-between shadow-sm\">\r\n                    <div class=\"flex justify-between items-start\">\r\n                        <span class=\"material-symbols-outlined text-arch-black\">architecture<\/span>\r\n                        <div class=\"w-1.5 h-1.5 bg-arch-black rounded-full\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"space-y-4 text-arch-black\">\r\n                        <h3 class=\"text-2xl f-medium uppercase tracking-tight\">Gesti\u00f3n <br>Integral<\/h3>\r\n                        <p class=\"f-light leading-relaxed text-base opacity-70\">Un enfoque llave en mano. Coordinamos todos los agentes y procesos para garantizar una transici\u00f3n fluida hasta la entrega de la vivienda terminada.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"p-10 bg-arch-white border-t-2 border-arch-black space-y-12 flex flex-col justify-between shadow-sm\">\r\n                    <div class=\"flex justify-between items-start\">\r\n                        <span class=\"material-symbols-outlined text-arch-black\">folder_managed<\/span>\r\n                        <div class=\"w-1.5 h-1.5 bg-arch-black rounded-full\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"space-y-4 text-arch-black\">\r\n                        <h3 class=\"text-2xl f-medium uppercase tracking-tight\">Gesti\u00f3n <br>Documental<\/h3>\r\n                        <p class=\"text-arch-black\/70 f-light leading-relaxed text-base opacity-70\">Gestionamos la complejidad que no se ve. Licencias, tr\u00e1mites y documentaci\u00f3n t\u00e9cnica necesarios para asegurar la viabilidad de su inversi\u00f3n.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION: LUXURY GALLERY -->\r\n    <section class=\"py-24 md:py-48 px-8 lg:px-16 bg-arch-white border-t border-arch-gray-1\">\r\n        <div class=\"max-w-[1440px] mx-auto\">\r\n            <div class=\"mb-20\">\r\n                <span class=\"text-[10px] f-bold uppercase tracking-[0.3em] text-arch-gray-1 mb-6 block\">Est\u00e1ndares de Dise\u00f1o<\/span>\r\n                <h2 class=\"text-4xl md:text-6xl f-light leading-tight tracking-tight\">Dise\u00f1o atemporal <br>para propiedades exclusivas.<\/h2>\r\n            <\/div>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n                <div class=\"img-container ratio-square\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=80&w=2070&auto=format&fit=crop\" alt=\"Villa\"><\/div>\r\n                <div class=\"img-container ratio-square\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1613490493576-7fde63acd811?q=80&w=2071&auto=format&fit=crop\" alt=\"Pool\"><\/div>\r\n                <div class=\"img-container ratio-square\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?q=80&w=1974&auto=format&fit=crop\" alt=\"Detail\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION CTA: CONTACT -->\r\n    <section class=\"py-24 md:py-56 px-8 lg:px-16 bg-arch-gray-2 text-center overflow-hidden relative\">\r\n        <div class=\"absolute inset-0 flex items-center justify-center opacity-[0.03] select-none pointer-events-none\">\r\n            <span class=\"text-[25vw] f-bold\">START<\/span>\r\n        <\/div>\r\n        <div class=\"relative z-10 max-w-4xl mx-auto space-y-12\">\r\n            <h2 class=\"text-5xl md:text-8xl f-light leading-[0.9] tracking-tighter\">Hablemos <br>de su proyecto<\/h2>\r\n            <div class=\"pt-8\">\r\n                <!-- ID A\u00d1ADIDO: dynamic-contact-link -->\r\n                <a id=\"dynamic-contact-link\" href=\"\/contact\/\" class=\"group inline-flex items-center gap-8\">\r\n                    <span class=\"text-[10px] f-bold uppercase tracking-[0.4em]\">Cont\u00e1ctanos<\/span>\r\n                    <div class=\"w-14 h-14 rounded-full border border-arch-black flex items-center justify-center group-hover:bg-arch-black group-hover:text-arch-white transition-all duration-500\">\r\n                        <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/main>\r\n\r\n<script>\r\n    \/**\r\n     * Script para ajustar el enlace de Contacto seg\u00fan el idioma actual (WPML)\r\n     *\/\r\n    (function() {\r\n        const contactBtn = document.getElementById('dynamic-contact-link');\r\n        if (!contactBtn) return;\r\n\r\n        const path = window.location.pathname;\r\n        let prefix = \"\";\r\n\r\n        \/\/ Detectar si estamos en \/es\/ o \/de\/\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        \/\/ Actualizar el href: Prefijo + \/contact\/\r\n        \/\/ Ejemplo: \/es\/contact\/\r\n        contactBtn.href = prefix + \"\/contact\/\";\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>El Estudio Arquitectura de precisi\u00f3n absoluta. Metodolog\u00eda Espacios dise\u00f1ados con alma. En Crui Architectura creemos en una arquitectura definida por el lugar, la vida cotidiana y la luz. Desarrollamos proyectos que combinan precisi\u00f3n t\u00e9cnica con un compromiso por una forma de habitar serena, consciente y luminosa, siempre en armon\u00eda con el entorno. Cada encargo se [&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-240","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/pages\/240","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=240"}],"version-history":[{"count":17,"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/pages\/240\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/pages\/240\/revisions\/286"}],"wp:attachment":[{"href":"https:\/\/cruiarquitectura.com\/es\/wp-json\/wp\/v2\/media?parent=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}