{"id":5140,"date":"2026-04-22T13:14:49","date_gmt":"2026-04-22T11:14:49","guid":{"rendered":"https:\/\/casauiarq.com\/?page_id=5140"},"modified":"2026-05-25T18:47:17","modified_gmt":"2026-05-25T16:47:17","slug":"landing","status":"publish","type":"page","link":"https:\/\/casauiarq.com\/en\/landing\/","title":{"rendered":"WEB"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n CASAUiARQ \u2014 Sprint IA para Estudios de Arquitectura<\/title>\n <meta name=\"description\" content=\"Implantamos workflows de IA sobre proyectos reales en 14 d\u00edas. Para estudios de arquitectura e interiorismo de 8-25 personas.\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;800&family=Lora:ital,wght@0,400;1,400&display=swap\" rel=\"stylesheet\" \/>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --bg: #1a1410;\n --surface: #241c17;\n --border: #3d2e22;\n --light: #F5F0EB;\n --muted: #A89880;\n --accent: #C4622D;\n --accent-h: #d4703a;\n --line: rgba(255,255,255,0.06);\n --line-o: rgba(196,98,45,0.25);\n }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n color: var(--light);\n font-family: 'Lora', Georgia, serif;\n font-size: 17px;\n line-height: 1.75;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n h1, h2, h3, h4, .sans { font-family: 'Poppins', Arial, sans-serif; }\n a { text-decoration: none; color: inherit; }\n\n ::-webkit-scrollbar { width: 3px; }\n ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 2px; }\n ::selection { background: var(--accent); color: var(--bg); }\n\n \/* \u2500\u2500\u2500 PRELOADER \u2500\u2500\u2500 *\/\n #preloader {\n position: fixed; inset: 0;\n background: var(--bg);\n z-index: 9999;\n display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem;\n transition: opacity 0.6s, visibility 0.6s;\n }\n #preloader.done { opacity: 0; visibility: hidden; }\n .pre-logo { font-family: 'Poppins', sans-serif; font-size: 1.3rem; font-weight: 800; letter-spacing: 0.3em; }\n .pre-logo span { color: var(--accent); }\n .pre-bar-wrap { width: 140px; height: 1px; background: var(--line); }\n .pre-bar { height: 100%; background: var(--accent); width: 0; transition: width 0.05s linear; }\n .pre-pct { font-family: 'Poppins', sans-serif; font-size: 10px; letter-spacing: 0.18em; color: var(--muted); }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 500;\n display: flex; align-items: center; justify-content: space-between;\n padding: 24px 56px;\n border-bottom: 1px solid transparent;\n transition: padding 0.4s, background 0.4s, border-color 0.4s;\n }\n nav.scrolled {\n background: rgba(26,20,16,0.96);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-color: var(--border);\n padding: 16px 56px;\n }\n .nav-logo { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 15px; letter-spacing: 0.08em; }\n .nav-logo span { color: var(--accent); }\n .nav-links {\n display: flex; gap: 2.2rem; list-style: none;\n position: absolute; left: 50%; transform: translateX(-50%);\n }\n .nav-links a {\n font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 500;\n letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);\n transition: color 0.2s; position: relative;\n }\n .nav-links a::after {\n content: ''; position: absolute; bottom: -3px; left: 0;\n width: 0; height: 1px; background: var(--accent); transition: width 0.3s;\n }\n .nav-links a:hover { color: var(--light); }\n .nav-links a:hover::after { width: 100%; }\n .nav-cta {\n font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 600;\n letter-spacing: 0.12em; text-transform: uppercase;\n color: #fff; background: var(--accent);\n padding: 10px 22px; border-radius: 2px;\n transition: background 0.2s, transform 0.15s;\n }\n .nav-cta:hover { background: var(--accent-h); transform: translateY(-1px) scale(1.02); }\n\n \/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n .delay-1 { transition-delay: 0.1s; }\n .delay-2 { transition-delay: 0.2s; }\n .delay-3 { transition-delay: 0.3s; }\n .delay-4 { transition-delay: 0.4s; }\n\n \/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500 *\/\n .btn-primary {\n font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600;\n letter-spacing: 0.06em;\n color: #fff; background: var(--accent);\n padding: 14px 28px; border-radius: 6px;\n display: inline-flex; align-items: center; gap: 8px;\n transition: background 0.25s, transform 0.2s, box-shadow 0.25s;\n border: none; cursor: pointer; white-space: nowrap;\n }\n .btn-primary:hover { background: var(--accent-h); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(196,98,45,0.35); }\n .btn-ghost {\n font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600;\n letter-spacing: 0.04em;\n color: var(--light); background: transparent;\n border: 1.5px solid rgba(245,240,235,0.25);\n padding: 14px 28px; border-radius: 6px;\n display: inline-flex; align-items: center; gap: 6px;\n transition: border-color 0.2s, background 0.2s, transform 0.15s;\n cursor: pointer; white-space: nowrap;\n }\n .btn-ghost:hover { border-color: var(--light); background: rgba(245,240,235,0.06); transform: translateY(-1px); }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 58% 42%;\n position: relative;\n overflow: hidden;\n }\n #hero-canvas { position: absolute; inset: 0; z-index: 1; pointer-events: none; }\n .hero-fade {\n position: absolute; inset: 0; z-index: 2; pointer-events: none;\n background:\n linear-gradient(90deg, rgba(26,20,16,0.96) 0%, rgba(26,20,16,0.68) 36%, rgba(26,20,16,0) 64%),\n linear-gradient(0deg, rgba(26,20,16,0.97) 0%, rgba(26,20,16,0) 32%);\n }\n .hero-left {\n position: relative; z-index: 3;\n display: flex; flex-direction: column; justify-content: flex-end;\n padding: 140px 60px 90px 56px;\n }\n .hero-eyebrow {\n display: flex; align-items: center; gap: 12px; margin-bottom: 32px;\n opacity: 0; animation: fadeUp 0.8s 1.3s ease forwards;\n }\n .hero-eyebrow-line { width: 24px; height: 1px; background: var(--accent); }\n .hero-eyebrow span {\n font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600;\n letter-spacing: 0.24em; text-transform: uppercase; color: var(--accent);\n }\n .hero-h1 {\n font-family: 'Poppins', sans-serif; font-weight: 800;\n font-size: clamp(2rem, 3.8vw, 3.8rem);\n line-height: 1.08; letter-spacing: -0.02em;\n margin-bottom: 1.8rem;\n }\n .hero-h1-line { display: block; overflow: hidden; }\n .hero-h1-inner { display: block; opacity: 0; transform: translateY(100%); }\n .hero-h1-line:nth-child(1) .hero-h1-inner { animation: revealLine 0.9s 1.4s ease forwards; }\n .hero-h1-line:nth-child(2) .hero-h1-inner { animation: revealLine 0.9s 1.55s ease forwards; }\n .hero-h1-line:nth-child(3) .hero-h1-inner { animation: revealLine 0.9s 1.7s ease forwards; }\n .hero-sub {\n font-family: 'Lora', serif; font-size: 18px; font-style: italic;\n line-height: 1.75; color: rgba(245,240,235,0.72);\n max-width: 480px; margin-bottom: 2.4rem;\n opacity: 0; animation: fadeUp 0.8s 2.1s ease forwards;\n }\n .hero-actions {\n display: flex; gap: 1.6rem; align-items: center; flex-wrap: wrap;\n opacity: 0; animation: fadeUp 0.8s 2.35s ease forwards;\n margin-bottom: 2rem;\n }\n .hero-cred {\n font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 500;\n letter-spacing: 0.1em; color: var(--muted);\n opacity: 0; animation: fadeUp 0.8s 2.6s ease forwards;\n margin-bottom: 48px;\n }\n .hero-coords {\n font-family: 'Poppins', sans-serif; font-size: 9px; font-weight: 500;\n letter-spacing: 0.2em; text-transform: uppercase; color: var(--border);\n opacity: 0; animation: fadeIn 1s 3s ease forwards;\n }\n .hero-right {\n position: relative; z-index: 3;\n display: flex; align-items: center;\n padding: 140px 48px 90px 60px;\n border-left: 1px solid var(--line);\n }\n .hero-cards { display: flex; flex-direction: column; gap: 1px; width: 100%; opacity: 0; animation: fadeUp 1s 2s ease forwards; }\n .hero-card {\n background: rgba(36,28,23,0.55);\n backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n border: 1px solid var(--line); border-radius: 4px;\n padding: 28px; position: relative; overflow: hidden;\n transition: border-color 0.3s, background 0.3s, transform 0.3s;\n }\n .hero-card:hover { border-color: var(--line-o); background: rgba(36,28,23,0.8); transform: translateY(-4px); }\n .hero-card::before {\n content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;\n background: var(--accent); transform: scaleY(0); transform-origin: bottom;\n transition: transform 0.35s ease;\n }\n .hero-card:hover::before { transform: scaleY(1); }\n .hero-card-tag {\n font-family: 'Poppins', sans-serif; font-size: 9px; font-weight: 600;\n letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px;\n }\n .hero-card-val {\n font-family: 'Poppins', sans-serif; font-size: 2.8rem; font-weight: 800;\n color: var(--light); line-height: 1; letter-spacing: -0.03em;\n }\n .hero-card-val .ac { color: var(--accent); }\n .hero-card-desc { font-size: 13px; color: var(--muted); margin-top: 6px; line-height: 1.6; }\n\n @keyframes revealLine { from{opacity:0;transform:translateY(100%)} to{opacity:1;transform:translateY(0)} }\n @keyframes fadeUp { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }\n @keyframes fadeIn { from{opacity:0} to{opacity:1} }\n\n \/* \u2500\u2500\u2500 TICKER \u2500\u2500\u2500 *\/\n .ticker {\n border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);\n background: var(--surface); overflow: hidden; padding: 12px 0;\n }\n .ticker-track { display: flex; width: max-content; animation: tickerScroll 32s linear infinite; }\n @keyframes tickerScroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }\n .ticker-item {\n display: flex; align-items: center; gap: 1.6rem; padding: 0 1.6rem;\n font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600;\n letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); white-space: nowrap;\n }\n .ticker-dot { width: 4px; height: 4px; background: var(--accent); border-radius: 50%; flex-shrink: 0; }\n\n \/* \u2500\u2500\u2500 SECTIONS BASE \u2500\u2500\u2500 *\/\n section { border-bottom: 1px solid var(--border); }\n .section-wrap { padding: 96px 56px; }\n .section-label {\n display: flex; align-items: center; gap: 10px; margin-bottom: 16px;\n }\n .section-label::before { content: ''; width: 22px; height: 1px; background: var(--accent); }\n .section-label span {\n font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600;\n letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent);\n }\n .section-h2 {\n font-family: 'Poppins', sans-serif; font-weight: 800;\n font-size: clamp(2rem, 3.5vw, 3.2rem);\n line-height: 1.08; letter-spacing: -0.02em;\n }\n .section-sub {\n font-family: 'Lora', serif; font-style: italic; font-size: 18px;\n color: var(--muted); line-height: 1.7; max-width: 560px;\n }\n\n \/* \u2500\u2500\u2500 DOLOR \u2500\u2500\u2500 *\/\n .dolor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }\n .dolor-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: 12px;\n padding: 32px 28px; display: flex; flex-direction: column; gap: 16px;\n transition: border-color 0.25s, transform 0.25s;\n }\n .dolor-card:hover { border-color: var(--accent); transform: translateY(-4px); }\n .dolor-icon {\n width: 48px; height: 48px; border-radius: 10px;\n background: rgba(196,98,45,0.12); border: 1px solid rgba(196,98,45,0.25);\n display: flex; align-items: center; justify-content: center;\n font-size: 1.3rem; flex-shrink: 0;\n }\n .dolor-title {\n font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 17px;\n line-height: 1.25; letter-spacing: -0.01em;\n }\n .dolor-text { font-family: 'Lora', serif; font-style: italic; font-size: 16px; color: var(--muted); line-height: 1.75; }\n\n \/* \u2500\u2500\u2500 SPRINT IA \u2500\u2500\u2500 *\/\n .sprint-bg { background: var(--surface); }\n .sprint-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }\n .sprint-left { display: flex; flex-direction: column; gap: 24px; }\n .sprint-intro { font-size: 17px; color: rgba(245,240,235,0.72); line-height: 1.8; }\n\n \/* vertical timeline \u2014 reference style *\/\n .timeline-items { display: flex; flex-direction: column; gap: 0; }\n .timeline-item { display: flex; gap: 20px; position: relative; }\n .timeline-item:not(:last-child)::after {\n content: ''; position: absolute; left: 18px; top: 42px; bottom: -8px;\n width: 1px; background: var(--border);\n }\n .timeline-dot {\n flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%;\n background: var(--bg); border: 2px solid var(--accent);\n display: flex; align-items: center; justify-content: center; margin-top: 2px;\n transition: background 0.3s;\n }\n .timeline-dot span {\n font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 800; color: var(--accent);\n }\n .timeline-body { padding-bottom: 32px; }\n .timeline-day {\n font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600;\n color: var(--accent); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 4px;\n }\n .timeline-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; margin-bottom: 4px; }\n .timeline-desc { font-family: 'Lora', serif; font-style: italic; font-size: 15px; color: var(--muted); line-height: 1.65; }\n\n .sprint-result {\n background: rgba(196,98,45,0.1); border: 1px solid rgba(196,98,45,0.3);\n border-radius: 12px; padding: 24px 28px; margin-top: 8px;\n }\n .sprint-result p { font-family: 'Lora', serif; font-style: italic; font-size: 16px; color: var(--light); line-height: 1.75; }\n .sprint-result strong { font-family: 'Poppins', sans-serif; font-style: normal; color: var(--accent); font-size: 14px; font-weight: 700; }\n\n \/* \u2500\u2500\u2500 ESCALERA DE PRODUCTOS \u2500\u2500\u2500 *\/\n .productos-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }\n .prod-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: 12px;\n padding: 36px 28px; display: flex; flex-direction: column;\n position: relative; transition: transform 0.25s, border-color 0.25s;\n }\n .prod-card:hover { transform: translateY(-4px); }\n .prod-card.featured { border-color: var(--accent); background: #2e2118; }\n .prod-badge {\n position: absolute; top: -14px; left: 50%; transform: translateX(-50%);\n background: var(--accent); color: #fff;\n font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 700;\n letter-spacing: 0.06em; text-transform: uppercase;\n padding: 5px 16px; border-radius: 100px; white-space: nowrap;\n }\n .prod-name { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 21px; margin-bottom: 12px; }\n .prod-desc { font-family: 'Lora', serif; font-style: italic; font-size: 16px; color: var(--muted); line-height: 1.75; flex: 1; margin-bottom: 24px; }\n .prod-meta { display: flex; flex-direction: column; gap: 8px; margin-bottom: 22px; }\n .prod-meta span { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 500; color: var(--muted); }\n .prod-price {\n font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 30px;\n color: var(--light); letter-spacing: -0.02em; margin-bottom: 4px;\n }\n .prod-price small { font-size: 15px; font-weight: 500; color: var(--muted); }\n .prod-price-row { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 4px; }\n .prod-pilot {\n font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 600;\n color: var(--accent); padding: 4px 10px;\n border: 1px solid var(--line-o); border-radius: 4px; white-space: nowrap;\n }\n\n \/* \u2500\u2500\u2500 CREDENCIALES \u2500\u2500\u2500 *\/\n .creds-layout {\n display: grid; grid-template-columns: 2fr 1fr; gap: 64px; align-items: start;\n }\n .creds-content { display: flex; flex-direction: column; gap: 28px; }\n .creds-photo-wrap { }\n .creds-photo-full {\n width: 100%; aspect-ratio: 3\/4;\n object-fit: cover; object-position: center 8%;\n border-radius: 10px;\n filter: grayscale(12%) brightness(0.88);\n display: block;\n }\n .creds-subtitle {\n font-family: 'Lora', serif; font-style: italic; font-size: 17px;\n color: var(--muted); line-height: 1.75; margin-top: 20px; margin-bottom: 40px;\n }\n .creds-3col { display: flex; flex-direction: column; gap: 20px; }\n .cred-col {\n display: flex; flex-direction: column; gap: 10px;\n background: var(--surface); border: 1px solid var(--border); border-radius: 12px;\n padding: 28px 28px; transition: border-color 0.25s, transform 0.25s;\n }\n .cred-col:hover { border-color: var(--line-o); transform: translateY(-2px); }\n .cred-col-num {\n font-family: 'Poppins', sans-serif; font-size: 2.6rem; font-weight: 800;\n color: var(--accent); line-height: 1;\n }\n .cred-col-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; }\n .cred-col-text { font-family: 'Lora', serif; font-style: italic; font-size: 15px; color: var(--muted); line-height: 1.75; }\n .creds-badges { display: flex; gap: 10px; flex-wrap: wrap; }\n .cred-badge {\n font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 600;\n letter-spacing: 0.12em; text-transform: uppercase;\n color: var(--muted); border: 1px solid var(--border); padding: 8px 18px; border-radius: 2px;\n transition: color 0.2s, border-color 0.2s;\n }\n .cred-badge:hover { color: var(--light); border-color: var(--muted); }\n\n \/* \u2500\u2500\u2500 PROCESO COMERCIAL \u2500\u2500\u2500 *\/\n .proceso-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }\n .proceso-step {\n background: var(--surface); border: 1px solid var(--border); border-radius: 12px;\n padding: 28px 24px; display: flex; flex-direction: column; gap: 10px;\n transition: border-color 0.25s;\n }\n .proceso-step:hover { border-color: var(--accent); }\n .proceso-step-num {\n font-family: 'Poppins', sans-serif; font-size: 3rem; font-weight: 800;\n color: rgba(196,98,45,0.2); line-height: 1;\n }\n .proceso-step-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; }\n .proceso-step-desc { font-family: 'Lora', serif; font-style: italic; font-size: 15px; color: var(--muted); line-height: 1.75; }\n\n \/* \u2500\u2500\u2500 CTA FINAL \u2500\u2500\u2500 *\/\n .cta-section { background: var(--surface); text-align: center; position: relative; overflow: hidden; }\n .cta-geo {\n position: absolute; inset: 0; z-index: 0; pointer-events: none;\n opacity: 0.18;\n background-image: radial-gradient(circle, var(--accent) 1px, transparent 1px);\n background-size: 40px 40px;\n }\n .cta-overlay {\n position: absolute; inset: 0; z-index: 0; pointer-events: none;\n background: radial-gradient(ellipse at center, transparent 20%, var(--surface) 72%);\n }\n .cta-inner { max-width: 720px; margin: 0 auto; position: relative; z-index: 2; }\n .cta-h2 {\n font-family: 'Poppins', sans-serif; font-weight: 800;\n font-size: clamp(2.2rem, 4vw, 3.6rem);\n line-height: 1.08; letter-spacing: -0.02em; margin-bottom: 20px;\n }\n .cta-sub {\n font-family: 'Lora', serif; font-style: italic; font-size: 18px;\n color: rgba(245,240,235,0.7); line-height: 1.75; margin-bottom: 36px;\n }\n .diag-form {\n background: rgba(26,20,16,0.75); border: 1px solid var(--border); border-radius: 4px;\n padding: 40px; text-align: left; margin-top: 40px;\n backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\n }\n .form-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; margin-bottom: 24px; }\n .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n .form-field { display: flex; flex-direction: column; gap: 6px; }\n .form-field.full { grid-column: 1 \/ -1; }\n .form-label {\n font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600;\n letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted);\n }\n .form-input, .form-select, .form-textarea {\n background: var(--bg); border: 1px solid var(--border);\n color: var(--light); font-family: 'Lora', serif; font-size: 14px;\n padding: 12px 16px; border-radius: 2px; outline: none;\n transition: border-color 0.2s; width: 100%;\n }\n .form-input::placeholder, .form-textarea::placeholder { color: var(--border); }\n .form-input:focus, .form-select:focus, .form-textarea:focus { border-color: var(--accent); }\n .form-select { appearance: none; cursor: pointer; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23A89880' stroke-width='1.5' stroke-linecap='round'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; }\n .form-textarea { resize: vertical; min-height: 90px; }\n .form-submit {\n margin-top: 24px; width: 100%; padding: 18px;\n font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 700;\n letter-spacing: 0.12em; text-transform: uppercase;\n background: var(--accent); color: #fff; border: none; border-radius: 2px;\n cursor: pointer; transition: background 0.2s, transform 0.15s;\n }\n .form-submit:hover:not(:disabled) { background: var(--accent-h); transform: translateY(-2px) scale(1.01); }\n .form-note {\n font-family: 'Poppins', sans-serif; font-size: 10px; color: var(--muted);\n text-align: center; margin-top: 12px; letter-spacing: 0.08em;\n }\n .cta-contacts {\n margin-top: 48px; display: flex; justify-content: center; gap: 48px;\n flex-wrap: wrap; padding-top: 40px; border-top: 1px solid var(--border);\n }\n .cta-contact-label {\n font-family: 'Poppins', sans-serif; font-size: 9px; font-weight: 600;\n letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); margin-bottom: 6px;\n }\n .cta-contact-val {\n font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 600;\n color: var(--light); transition: color 0.2s; display: block;\n }\n a.cta-contact-val:hover { color: var(--accent); }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n padding: 80px 56px; background: var(--surface);\n display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 48px;\n border-bottom: 1px solid var(--border);\n }\n .footer-logo {\n font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 16px;\n letter-spacing: 0.08em; color: var(--light); display: block; margin-bottom: 12px;\n }\n .footer-logo span { color: var(--accent); }\n .footer-tagline { font-size: 13px; color: rgba(245,240,235,0.5); line-height: 1.75; margin-bottom: 24px; }\n .footer-social { display: flex; gap: 10px; }\n .footer-social a {\n font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600;\n letter-spacing: 0.14em; color: var(--muted); border: 1px solid var(--border);\n padding: 8px 14px; border-radius: 2px; transition: color 0.2s, border-color 0.2s;\n }\n .footer-social a:hover { color: var(--accent); border-color: var(--accent); }\n .footer-col-title {\n font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600;\n letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); margin-bottom: 20px;\n }\n .footer-links { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n .footer-links a { font-size: 13px; color: rgba(245,240,235,0.5); transition: color 0.2s; }\n .footer-links a:hover { color: var(--light); }\n .footer-contact-item { margin-bottom: 16px; }\n .footer-contact-label {\n font-family: 'Poppins', sans-serif; font-size: 9px; font-weight: 600;\n letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); margin-bottom: 4px;\n }\n .footer-contact-val { font-size: 13px; color: rgba(245,240,235,0.55); transition: color 0.2s; display: block; }\n a.footer-contact-val:hover { color: var(--accent); }\n .footer-bottom {\n padding: 22px 56px; display: flex; align-items: center; justify-content: space-between;\n background: var(--bg);\n }\n .footer-bottom p { font-family: 'Poppins', sans-serif; font-size: 11px; color: var(--border); }\n .footer-bottom-links { display: flex; gap: 20px; }\n .footer-bottom-links a { font-family: 'Poppins', sans-serif; font-size: 11px; color: var(--border); transition: color 0.2s; }\n .footer-bottom-links a:hover { color: var(--muted); }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1100px) {\n .hero { grid-template-columns: 1fr; }\n .hero-right { display: none; }\n .hero-fade { background: linear-gradient(0deg, rgba(26,20,16,0.97) 0%, rgba(26,20,16,0.35) 55%); }\n nav { padding: 18px 24px; }\n nav.scrolled { padding: 14px 24px; }\n .nav-links { display: none; }\n .section-wrap { padding: 72px 24px; }\n .dolor-grid { grid-template-columns: 1fr; }\n .sprint-2col { grid-template-columns: 1fr; gap: 40px; }\n .productos-grid { grid-template-columns: 1fr; }\n .creds-layout { grid-template-columns: 1fr; }\n .creds-photo-wrap { display: none; }\n .proceso-grid { grid-template-columns: 1fr 1fr; }\n footer { grid-template-columns: 1fr 1fr; padding: 56px 24px; }\n .footer-bottom { padding: 18px 24px; flex-direction: column; gap: 12px; text-align: center; }\n }\n @media (max-width: 640px) {\n .hero-left { padding: 120px 24px 72px; }\n .hero-h1 { font-size: clamp(2rem, 8vw, 2.8rem); }\n .hero-actions { flex-direction: column; align-items: flex-start; }\n .proceso-grid { grid-template-columns: 1fr; }\n .form-grid { grid-template-columns: 1fr; }\n footer { grid-template-columns: 1fr; }\n .cta-contacts { gap: 28px; }\n .diag-form { padding: 28px 20px; }\n .prod-price-row { flex-direction: column; gap: 6px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- \u2500\u2500\u2500 PRELOADER \u2500\u2500\u2500 -->\n<div id=\"preloader\">\n <div class=\"pre-logo\">CASAU<span>i<\/span>ARQ<\/div>\n <div class=\"pre-bar-wrap\"><div class=\"pre-bar\" id=\"preBar\"><\/div><\/div>\n <div class=\"pre-pct\" id=\"prePct\">0%<\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 NAV \u2500\u2500\u2500 -->\n<nav id=\"nav\">\n <a href=\"#\" class=\"nav-logo\">CASAU<span>i<\/span>ARQ<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#sprint\">M\u00e9todo<\/a><\/li>\n <li><a href=\"#productos\">Sprint IA<\/a><\/li>\n <li><a href=\"#credenciales\">Sobre Eduardo<\/a><\/li>\n <li><a href=\"#diagnostico\">Contacto<\/a><\/li>\n <\/ul>\n <a href=\"https:\/\/calendly.com\/eduardo-casauiarq\/30min\" target=\"_blank\" rel=\"noopener\" class=\"nav-cta\">Solicitar diagn\u00f3stico<\/a>\n<\/nav>\n\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\n<section class=\"hero\">\n <div id=\"hero-canvas\"><\/div>\n <div class=\"hero-fade\"><\/div>\n <div class=\"hero-left\">\n <div class=\"hero-eyebrow\">\n <div class=\"hero-eyebrow-line\"><\/div>\n <span>Consultor\u00eda IA \u00b7 Sector AEC<\/span>\n <\/div>\n <h1 class=\"hero-h1\">\n <span class=\"hero-h1-line\"><span class=\"hero-h1-inner\">Tu estudio pierde<\/span><\/span>\n <span class=\"hero-h1-line\"><span class=\"hero-h1-inner\">horas en propuestas<\/span><\/span>\n <span class=\"hero-h1-line\"><span class=\"hero-h1-inner\">ya sistematizables.<\/span><\/span>\n <\/h1>\n <p class=\"hero-sub\">\n Implantamos workflows de IA sobre proyectos reales para que tu equipo produzca m\u00e1s r\u00e1pido y gane m\u00e1s propuestas \u2014 sin contratar m\u00e1s gente.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/calendly.com\/eduardo-casauiarq\/30min\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary\">Solicitar diagn\u00f3stico \u2192<\/a>\n <a href=\"#sprint\" class=\"btn-ghost\">Ver c\u00f3mo funciona \u2193<\/a>\n <\/div>\n <p class=\"hero-cred\">Arquitecto con experiencia en Hyatt \u00b7 1Hotels \u00b7 Thompson \u2014 Los \u00c1ngeles<\/p>\n <div class=\"hero-coords\">37\u00b059'N 1\u00b008'W \u2014 MURCIA  \/  34\u00b003'N 118\u00b014'W \u2014 LOS \u00c1NGELES<\/div>\n <\/div>\n <div class=\"hero-right\">\n <div class=\"hero-cards\">\n <div class=\"hero-card\">\n <div class=\"hero-card-tag\">Velocidad media de producci\u00f3n<\/div>\n <div class=\"hero-card-val\"><span class=\"ac\">\u00d7<\/span>10<\/div>\n <div class=\"hero-card-desc\">Tiempo ganado en documentaci\u00f3n, presentaci\u00f3n y generaci\u00f3n visual con workflows implantados.<\/div>\n <\/div>\n <div class=\"hero-card\">\n <div class=\"hero-card-tag\">Reducci\u00f3n en tiempo de visualizaci\u00f3n<\/div>\n <div class=\"hero-card-val\"><span class=\"ac\">\u2212<\/span>65%<\/div>\n <div class=\"hero-card-desc\">Antes de que el cliente apruebe el concepto, el equipo ya tiene renders de referencia.<\/div>\n <\/div>\n <div class=\"hero-card\">\n <div class=\"hero-card-tag\">Proyectos internacionales de referencia<\/div>\n <div class=\"hero-card-val\">16<span class=\"ac\">+<\/span><\/div>\n <div class=\"hero-card-desc\">Hospitalidad de lujo en Los \u00c1ngeles, Miami, Grecia, Espa\u00f1a e Italia.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 TICKER \u2500\u2500\u2500 -->\n<div class=\"ticker\">\n <div class=\"ticker-track\">\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Claude<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>ChatGPT<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Midjourney<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>ComfyUI<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Runway<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Kling<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Rhino<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Revit<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>D5 Render<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Make<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Notion<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Flux<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Stable Diffusion<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Claude<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>ChatGPT<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Midjourney<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>ComfyUI<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Runway<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Kling<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Rhino<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Revit<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>D5 Render<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Make<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Notion<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Flux<\/div>\n <div class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Stable Diffusion<\/div>\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 3. DOLOR \u2500\u2500\u2500 -->\n<section id=\"dolor\">\n <div class=\"section-wrap\">\n <div class=\"section-label reveal\"><span>El problema<\/span><\/div>\n <h2 class=\"section-h2 reveal delay-1\">\u00bfTe suena alguno de estos problemas?<\/h2>\n <p class=\"section-sub reveal delay-2\" style=\"margin-top:16px;max-width:none;\">Si diriges un estudio de arquitectura o interiorismo, probablemente s\u00ed.<\/p>\n <div class=\"dolor-grid\">\n <div class=\"dolor-card reveal delay-1\">\n <div class=\"dolor-icon\">\u23f3<\/div>\n <div class=\"dolor-title\">Cada propuesta parte de cero<\/div>\n <p class=\"dolor-text\">Tu equipo invierte 15\u201320 horas en preparar algo que deber\u00eda tener un sistema. Y a veces ni siquiera gan\u00e1is el proyecto.<\/p>\n <\/div>\n <div class=\"dolor-card reveal delay-2\">\n <div class=\"dolor-icon\">\ud83d\udc64<\/div>\n <div class=\"dolor-title\">La documentaci\u00f3n consume tiempo senior<\/div>\n <p class=\"dolor-text\">Las personas m\u00e1s caras del estudio hacen tareas repetitivas que podr\u00edan estar automatizadas o sistematizadas.<\/p>\n <\/div>\n <div class=\"dolor-card reveal delay-3\">\n <div class=\"dolor-icon\">\ud83d\udd0d<\/div>\n <div class=\"dolor-title\">La visualizaci\u00f3n inicial es un cuello de botella<\/div>\n <p class=\"dolor-text\">Antes de que el cliente apruebe el concepto, ya hab\u00e9is perdido d\u00edas que necesitabais para producir.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 4. SPRINT IA \u2500\u2500\u2500 -->\n<section id=\"sprint\" class=\"sprint-bg\">\n <div class=\"section-wrap\">\n <div class=\"sprint-2col\">\n <div class=\"sprint-left reveal\">\n <div class=\"section-label\"><span>La soluci\u00f3n<\/span><\/div>\n <h2 class=\"section-h2\" style=\"margin-bottom:8px;\">El Sprint IA CASAUiARQ<\/h2>\n <p class=\"sprint-intro\">\n En 14 d\u00edas analizamos un proceso real de tu estudio y dise\u00f1amos un workflow de IA aplicado a un proyecto en curso. No demos gen\u00e9ricas. No teor\u00eda. Implantaci\u00f3n sobre tu trabajo real.\n <\/p>\n <div class=\"sprint-result\">\n <p><strong>Resultado:<\/strong> Un sistema documentado, con prompts calibrados y workflows replicables que tu equipo puede usar en cada nuevo proyecto desde el primer d\u00eda.<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-items reveal delay-2\" id=\"timeline-section\">\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><span>1<\/span><\/div>\n <div class=\"timeline-body\">\n <div class=\"timeline-day\">D\u00edas 1\u20132<\/div>\n <div class=\"timeline-title\">Auditor\u00eda del proceso actual<\/div>\n <div class=\"timeline-desc\">Mapeamos c\u00f3mo trabaja el estudio hoy e identificamos los puntos de mayor p\u00e9rdida de tiempo.<\/div>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><span>2<\/span><\/div>\n <div class=\"timeline-body\">\n <div class=\"timeline-day\">D\u00edas 3\u20134<\/div>\n <div class=\"timeline-title\">Selecci\u00f3n de casos de uso<\/div>\n <div class=\"timeline-desc\">Priorizamos 2\u20133 cuellos de botella donde la IA genera m\u00e1s impacto medible.<\/div>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><span>3<\/span><\/div>\n <div class=\"timeline-body\">\n <div class=\"timeline-day\">D\u00edas 5\u201310<\/div>\n <div class=\"timeline-title\">Setup y piloto sobre proyecto real<\/div>\n <div class=\"timeline-desc\">Configuramos herramientas, prompts y plantillas. Lo probamos en un proyecto en curso, no en un ejemplo artificial.<\/div>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\"><span>4<\/span><\/div>\n <div class=\"timeline-body\">\n <div class=\"timeline-day\">D\u00edas 11\u201314<\/div>\n <div class=\"timeline-title\">Documentaci\u00f3n y formaci\u00f3n del equipo<\/div>\n <div class=\"timeline-desc\">Entregamos el sistema documentado paso a paso y formamos al equipo para usarlo de forma aut\u00f3noma.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 5. ESCALERA DE PRODUCTOS \u2500\u2500\u2500 -->\n<section id=\"productos\">\n <div class=\"section-wrap\">\n <div class=\"section-label reveal\"><span>Servicios<\/span><\/div>\n <h2 class=\"section-h2 reveal delay-1\">Elige tu punto de entrada<\/h2>\n <p class=\"section-sub reveal delay-2\" style=\"margin-top:14px;\">Cada nivel est\u00e1 dise\u00f1ado para que el siguiente tenga m\u00e1s sentido.<\/p>\n <div class=\"productos-grid\">\n\n <div class=\"prod-card reveal delay-1\">\n <div class=\"prod-name\">Diagn\u00f3stico IA<\/div>\n <p class=\"prod-desc\">Analizamos los procesos de tu estudio, identificamos d\u00f3nde perd\u00e9is m\u00e1s tiempo y te entregamos una hoja de ruta concreta.<\/p>\n <div class=\"prod-meta\">\n <span>\u23f1 1 semana<\/span>\n <span>\ud83d\udccb Informe + propuesta de sprint<\/span>\n <\/div>\n <div class=\"prod-price\">desde 490 \u20ac <small><\/small><\/div>\n <a href=\"https:\/\/calendly.com\/eduardo-casauiarq\/30min\" target=\"_blank\" rel=\"noopener\" class=\"btn-ghost\" style=\"width:100%;justify-content:center;margin-top:auto;\">Empezar aqu\u00ed \u2192<\/a>\n <\/div>\n\n <div class=\"prod-card featured reveal delay-2\">\n <div class=\"prod-badge\">M\u00e1s solicitado<\/div>\n <div class=\"prod-name\">Sprint IA<\/div>\n <p class=\"prod-desc\">Implantamos un workflow de IA sobre un proyecto real en 14 d\u00edas. Sistema documentado y reutilizable por tu equipo desde el primer d\u00eda.<\/p>\n <div class=\"prod-meta\">\n <span>\u23f1 14 d\u00edas<\/span>\n <span>\ud83d\udce6 Workflow + prompts + formaci\u00f3n<\/span>\n <\/div>\n <div class=\"prod-price-row\">\n <div class=\"prod-price\">desde 2.500 \u20ac <small><\/small><\/div>\n <span class=\"prod-pilot\">Precio Piloto: 1.500\u20ac<\/span>\n <\/div>\n <a href=\"https:\/\/calendly.com\/eduardo-casauiarq\/30min\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary\" style=\"width:100%;justify-content:center;margin-top:auto;\">Solicitar Sprint \u2192<\/a>\n <\/div>\n\n <div class=\"prod-card reveal delay-3\">\n <div class=\"prod-name\">Implantaci\u00f3n completa<\/div>\n <p class=\"prod-desc\">Redise\u00f1amos los procesos del estudio con IA de principio a fin: propuestas, documentaci\u00f3n, visualizaci\u00f3n y comunicaci\u00f3n con cliente.<\/p>\n <div class=\"prod-meta\">\n <span>\u23f1 4\u20138 semanas<\/span>\n <span>\ud83c\udfd7 Sistema completo + retainer<\/span>\n <\/div>\n <div class=\"prod-price\">desde 6.000 \u20ac <small><\/small><\/div>\n <a href=\"https:\/\/calendly.com\/eduardo-casauiarq\/30min\" target=\"_blank\" rel=\"noopener\" class=\"btn-ghost\" style=\"width:100%;justify-content:center;margin-top:auto;\">Hablemos \u2192<\/a>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 6. CREDENCIALES \u2500\u2500\u2500 -->\n<section id=\"credenciales\">\n <div class=\"section-wrap\">\n <!-- encabezado a ancho completo -->\n <div class=\"section-label reveal\"><span>Por qu\u00e9 un arquitecto<\/span><\/div>\n <h2 class=\"section-h2 reveal delay-1\" style=\"line-height:1.1;\">No es un consultor que<br>aprendi\u00f3 arquitectura.<\/h2>\n <p class=\"creds-subtitle reveal delay-2\">Es un arquitecto que construye las herramientas que implanta \u2014 y las prueba primero en proyectos reales.<\/p>\n\n <!-- cuadr\u00edcula 2 col: empieza en las tarjetas -->\n <div class=\"creds-layout\">\n\n <!-- columna izquierda: tarjetas -->\n <div class=\"creds-3col\">\n <div class=\"cred-col reveal delay-1\">\n <div class=\"cred-col-num\">01<\/div>\n <div class=\"cred-col-title\">Hospitalidad de lujo a escala internacional<\/div>\n <p class=\"cred-col-text\">Hyatt, 1Hotels, Thompson \u2014 Atelier Gulla Jonsdottir, Los \u00c1ngeles. A\u00f1os dise\u00f1ando donde la velocidad y la calidad de presentaci\u00f3n deciden si ganas o pierdes el proyecto.<\/p>\n <\/div>\n <div class=\"cred-col reveal delay-2\">\n <div class=\"cred-col-num\">02<\/div>\n <div class=\"cred-col-title\">Formaci\u00f3n institucional AEC en Espa\u00f1a<\/div>\n <p class=\"cred-col-text\">Docente en UCAM y COAMU. M\u00e1s de 60 profesionales del sector formados en workflows de IA aplicados a proyectos reales, no a demos vac\u00edas.<\/p>\n <\/div>\n <div class=\"cred-col reveal delay-3\">\n <div class=\"cred-col-num\">03<\/div>\n <div class=\"cred-col-title\">Pr\u00e1ctica t\u00e9cnica propia<\/div>\n <p class=\"cred-col-text\">Construye servidores MCP, automatizaciones y herramientas de IA propias. No vende lo que no usa. Cada workflow que implanta lo ha probado primero en su estudio.<\/p>\n <\/div>\n <div class=\"creds-badges reveal delay-3\">\n <span class=\"cred-badge\">UCAM<\/span>\n <span class=\"cred-badge\">COAMU<\/span>\n <span class=\"cred-badge\">Atelier Gulla Jonsdottir<\/span>\n <span class=\"cred-badge\">Hyatt<\/span>\n <span class=\"cred-badge\">1Hotels<\/span>\n <span class=\"cred-badge\">Thompson<\/span>\n <span class=\"cred-badge\">Marriott<\/span>\n <span class=\"cred-badge\">The Standard<\/span>\n <\/div>\n <\/div>\n\n <!-- columna derecha: foto -->\n <div class=\"creds-photo-wrap reveal delay-2\">\n <img decoding=\"async\" class=\"creds-photo-full\" src=\"https:\/\/casauiarq.com\/wp-content\/uploads\/a-professional-studio-portrait-of-a-conf_203ZIgBzT-2e263wm0L4eQ_EMlBBmQeSLanHs2GRmG0Cg.jpeg\" alt=\"Eduardo Casa\u00fa Pedre\u00f1o \u2014 CASAUiARQ\" loading=\"lazy\" \/>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 7. PROCESO COMERCIAL \u2500\u2500\u2500 -->\n<section id=\"metodo\">\n <div class=\"section-wrap\">\n <div class=\"section-label reveal\"><span>Proceso comercial<\/span><\/div>\n <h2 class=\"section-h2 reveal delay-1\">C\u00f3mo se trabaja con CASAUiARQ<\/h2>\n <p class=\"section-sub reveal delay-2\" style=\"margin-top:14px;max-width:none;\">Sin propuestas largas que nadie lee. Sin reuniones de dos horas para explicar IA. Directo al problema.<\/p>\n <div class=\"proceso-grid\">\n <div class=\"proceso-step reveal delay-1\">\n <div class=\"proceso-step-num\">01<\/div>\n <div class=\"proceso-step-title\">Solicitas el diagn\u00f3stico<\/div>\n <p class=\"proceso-step-desc\">Un formulario breve. Sin compromiso. Tardas tres minutos.<\/p>\n <\/div>\n <div class=\"proceso-step reveal delay-2\">\n <div class=\"proceso-step-num\">02<\/div>\n <div class=\"proceso-step-title\">Llamada de encaje \u2014 30 min<\/div>\n <p class=\"proceso-step-desc\">Hablamos del estudio, del tipo de proyectos y de d\u00f3nde se va el tiempo. Si no hay encaje real, te lo digo.<\/p>\n <\/div>\n <div class=\"proceso-step reveal delay-3\">\n <div class=\"proceso-step-num\">03<\/div>\n <div class=\"proceso-step-title\">Diagn\u00f3stico de una semana<\/div>\n <p class=\"proceso-step-desc\">Analizamos tus procesos y entregamos un mapa de oportunidades concreto con m\u00e9tricas de impacto estimado.<\/p>\n <\/div>\n <div class=\"proceso-step reveal delay-1\">\n <div class=\"proceso-step-num\">04<\/div>\n <div class=\"proceso-step-title\">Propuesta de Sprint personalizada<\/div>\n <p class=\"proceso-step-desc\">No una propuesta gen\u00e9rica. Una propuesta para tu estudio, tu proyecto y tu equipo.<\/p>\n <\/div>\n <div class=\"proceso-step reveal delay-2\">\n <div class=\"proceso-step-num\">05<\/div>\n <div class=\"proceso-step-title\">Implantaci\u00f3n sobre proyecto real<\/div>\n <p class=\"proceso-step-desc\">14 d\u00edas. Trabajamos sobre un proyecto en curso, no sobre ejemplos artificiales.<\/p>\n <\/div>\n <div class=\"proceso-step reveal delay-3\">\n <div class=\"proceso-step-num\">06<\/div>\n <div class=\"proceso-step-title\">Tu equipo trabaja con el sistema<\/div>\n <p class=\"proceso-step-desc\">Con el workflow documentado, los prompts calibrados y la formaci\u00f3n hecha. El sistema es vuestro.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 8. CTA FINAL \u2500\u2500\u2500 -->\n<section id=\"diagnostico\" class=\"cta-section\">\n <div class=\"cta-geo\"><\/div>\n <div class=\"cta-overlay\"><\/div>\n <div class=\"section-wrap\">\n <div class=\"cta-inner\">\n <div class=\"section-label reveal\" style=\"justify-content:center;\"><span>Siguiente paso<\/span><\/div>\n <h2 class=\"cta-h2 reveal delay-1\">\u00bfTu estudio podr\u00eda<br>producir m\u00e1s r\u00e1pido?<\/h2>\n <p class=\"cta-sub reveal delay-2\">\n Solicita un diagn\u00f3stico gratuito de 30 minutos. Sin compromiso.<br>Si no vemos encaje real, te lo decimos.\n <\/p>\n <div class=\"reveal delay-2\">\n <a href=\"https:\/\/calendly.com\/eduardo-casauiarq\/30min\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary\" style=\"font-size:14px;padding:18px 48px;\">Solicitar diagn\u00f3stico gratuito \u2192<\/a>\n <\/div>\n\n <div class=\"diag-form reveal delay-3\">\n <div class=\"form-title\">O d\u00e9janos tus datos y te contactamos en menos de 24h<\/div>\n <form action=\"#\" method=\"post\" onsubmit=\"handleForm(event)\">\n <div class=\"form-grid\">\n <div class=\"form-field\">\n <label class=\"form-label\">Nombre<\/label>\n <input class=\"form-input\" type=\"text\" name=\"nombre\" placeholder=\"Tu nombre\" required \/>\n <\/div>\n <div class=\"form-field\">\n <label class=\"form-label\">Email<\/label>\n <input class=\"form-input\" type=\"email\" name=\"email\" placeholder=\"tu@estudio.com\" required \/>\n <\/div>\n <div class=\"form-field\">\n <label class=\"form-label\">Tel\u00e9fono<\/label>\n <input class=\"form-input\" type=\"tel\" name=\"telefono\" placeholder=\"+34 600 000 000\" \/>\n <\/div>\n <div class=\"form-field\">\n <label class=\"form-label\">Tama\u00f1o del estudio<\/label>\n <select class=\"form-select\" name=\"tamano\">\n <option value=\"\" disabled selected>Seleccionar...<\/option>\n <option value=\"5-10\">5-10 personas<\/option>\n <option value=\"10-15\">10-15 personas<\/option>\n <option value=\"15-25\">15-25 personas<\/option>\n <option value=\"25+\">25+ personas<\/option>\n <\/select>\n <\/div>\n <div class=\"form-field full\">\n <label class=\"form-label\">Tipolog\u00eda principal de proyectos<\/label>\n <input class=\"form-input\" type=\"text\" name=\"tipologia\" placeholder=\"Hospitalidad, residencial high-end, retail, interiorismo...\" \/>\n <\/div>\n <\/div>\n <button type=\"submit\" class=\"form-submit\" id=\"formSubmit\">Solicitar diagn\u00f3stico gratuito \u2192<\/button>\n <p class=\"form-note\">Sin compromiso \u00b7 Respuesta en menos de 24h \u00b7 Si no vemos encaje, te lo decimos<\/p>\n <\/form>\n <\/div>\n\n <div class=\"cta-contacts reveal delay-4\">\n <div>\n <div class=\"cta-contact-label\">Email<\/div>\n <a href=\"mailto:info@casauiarq.com\" class=\"cta-contact-val\">info@casauiarq.com<\/a>\n <\/div>\n <div>\n <div class=\"cta-contact-label\">Tel\u00e9fono<\/div>\n <a href=\"tel:+34620323560\" class=\"cta-contact-val\">+34 620 323 560<\/a>\n <\/div>\n <div>\n <div class=\"cta-contact-label\">Base de operaciones<\/div>\n <div class=\"cta-contact-val\">Murcia \u00b7 Los \u00c1ngeles<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 -->\n<footer>\n <div class=\"reveal\">\n <a href=\"#\" class=\"footer-logo\">CASAU<span>i<\/span>ARQ<\/a>\n <p class=\"footer-tagline\">IA aplicada al proyecto real.<br>Murcia \u00b7 Los \u00c1ngeles.<\/p>\n <div class=\"footer-social\">\n <a href=\"https:\/\/www.instagram.com\/casauiarq\/\" target=\"_blank\" rel=\"noopener\">IG<\/a>\n <a href=\"https:\/\/www.youtube.com\/@CasauARQ\" target=\"_blank\" rel=\"noopener\">YT<\/a>\n <a href=\"https:\/\/www.linkedin.com\/in\/eduardocasau\/\" target=\"_blank\" rel=\"noopener\">LI<\/a>\n <\/div>\n <\/div>\n <div class=\"reveal delay-1\">\n <div class=\"footer-col-title\">Navegaci\u00f3n<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#sprint\">M\u00e9todo<\/a><\/li>\n <li><a href=\"#productos\">Sprint IA<\/a><\/li>\n <li><a href=\"#credenciales\">Sobre Eduardo<\/a><\/li>\n <li><a href=\"#diagnostico\">Contacto<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"reveal delay-2\">\n <div class=\"footer-col-title\">Servicios<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#productos\">Diagn\u00f3stico IA<\/a><\/li>\n <li><a href=\"#productos\">Sprint IA<\/a><\/li>\n <li><a href=\"#productos\">Implantaci\u00f3n completa<\/a><\/li>\n <li><a href=\"https:\/\/casauiarq.com\/courses\/masterclass-de-ia-aplicada-a-la-arquitectura\/\" target=\"_blank\" rel=\"noopener\">Masterclass gratuita<\/a><\/li>\n <li><a href=\"https:\/\/casauiarq.com\/100-prompts-ia\/\" target=\"_blank\" rel=\"noopener\">100 prompts IA<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"reveal delay-3\">\n <div class=\"footer-col-title\">Contacto<\/div>\n <div class=\"footer-contact-item\">\n <div class=\"footer-contact-label\">Email<\/div>\n <a href=\"mailto:info@casauiarq.com\" class=\"footer-contact-val\">info@casauiarq.com<\/a>\n <\/div>\n <div class=\"footer-contact-item\">\n <div class=\"footer-contact-label\">Tel\u00e9fono<\/div>\n <a href=\"tel:+34620323560\" class=\"footer-contact-val\">+34 620 323 560<\/a>\n <\/div>\n <div class=\"footer-contact-item\">\n <div class=\"footer-contact-label\">Oficinas<\/div>\n <div class=\"footer-contact-val\">Murcia, Espa\u00f1a \u00b7 Los \u00c1ngeles, USA<\/div>\n <\/div>\n <\/div>\n<\/footer>\n<div class=\"footer-bottom\">\n <p>\u00a9 2026 CASAUiARQ. Todos los derechos reservados.<\/p>\n <div class=\"footer-bottom-links\">\n <a href=\"#\">Aviso legal<\/a>\n <a href=\"#\">Pol\u00edtica de privacidad<\/a>\n <\/div>\n<\/div>\n\n<script>\n\/* \u2500\u2500 PRELOADER \u2500\u2500 *\/\nconst bar = document.getElementById('preBar');\nconst pct = document.getElementById('prePct');\nconst pre = document.getElementById('preloader');\nlet p = 0;\nconst iv = setInterval(() => {\n p += Math.random() * 16 + 5;\n if (p >= 100) { p = 100; clearInterval(iv); setTimeout(() => pre.classList.add('done'), 280); }\n bar.style.width = p + '%';\n pct.textContent = Math.floor(p) + '%';\n}, 75);\n\n\/* \u2500\u2500 NAV SCROLL \u2500\u2500 *\/\nconst nav = document.getElementById('nav');\nwindow.addEventListener('scroll', () => {\n nav.classList.toggle('scrolled', window.scrollY > 48);\n}, { passive: true });\n\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\nconst revEls = document.querySelectorAll('.reveal');\nconst revObs = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('visible'); revObs.unobserve(e.target); }\n });\n}, { threshold: 0.08 });\nrevEls.forEach(el => revObs.observe(el));\n\n\/* \u2500\u2500 TIMELINE DOTS ANIMATION \u2500\u2500 *\/\nconst tlDots = document.querySelectorAll('.timeline-dot');\nconst tlSection = document.getElementById('timeline-section');\nif (tlSection && tlDots.length) {\n const tlObs = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n tlDots.forEach((dot, i) => {\n setTimeout(() => { dot.style.background = 'rgba(196,98,45,0.12)'; }, i * 250);\n });\n tlObs.unobserve(e.target);\n }\n });\n }, { threshold: 0.15 });\n tlObs.observe(tlSection);\n}\n\n\/* \u2500\u2500 FORM (Formspree AJAX) \u2500\u2500 *\/\nconst FORMSPREE = 'https:\/\/formspree.io\/f\/xredygrn';\nasync function handleForm(e) {\n e.preventDefault();\n const form = e.target;\n const btn = document.getElementById('formSubmit');\n const originalText = btn.textContent;\n btn.textContent = 'Enviando...';\n btn.disabled = true;\n try {\n const res = await fetch(FORMSPREE, {\n method: 'POST',\n body: new FormData(form),\n headers: { 'Accept': 'application\/json' }\n });\n if (res.ok) {\n btn.textContent = '\u00a1Recibido! Nos ponemos en contacto en menos de 24 h \u2713';\n btn.style.background = '#2e5e2e';\n form.reset();\n } else {\n btn.textContent = 'Error al enviar \u2014 escr\u00edbenos a info@casauiarq.com';\n btn.style.background = '#7a2e2e';\n btn.disabled = false;\n }\n } catch {\n btn.textContent = 'Sin conexi\u00f3n \u2014 escr\u00edbenos a info@casauiarq.com';\n btn.style.background = '#7a2e2e';\n btn.disabled = false;\n }\n}\n<\/script>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n THREE.JS r128 \u2014 TORRE PARAM\u00c9TRICA + RED NEURONAL + PART\u00cdCULAS\n Paleta CASAUiARQ: terracota #C4622D \/ #d4703a\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function(){\n if (!window.THREE) return;\n\n function glowTex(){\n const c = document.createElement('canvas');\n c.width = 256; c.height = 256;\n const ctx = c.getContext('2d');\n const g = ctx.createRadialGradient(128,128,0,128,128,128);\n g.addColorStop(0, 'rgba(212,112,58,0.9)');\n g.addColorStop(0.25,'rgba(196,98,45,0.45)');\n g.addColorStop(0.6, 'rgba(150,68,28,0.12)');\n g.addColorStop(1, 'rgba(100,50,20,0)');\n ctx.fillStyle = g; ctx.fillRect(0,0,256,256);\n return new THREE.CanvasTexture(c);\n }\n\n function initHero(){\n const mount = document.getElementById('hero-canvas');\n if (!mount) return;\n let W = mount.clientWidth || window.innerWidth;\n let H = mount.clientHeight || window.innerHeight;\n\n const scene = new THREE.Scene();\n scene.fog = new THREE.FogExp2(0x1a1410, 0.016);\n\n const camera = new THREE.PerspectiveCamera(45, W\/H, 0.1, 240);\n const baseCamY = 1.5;\n camera.position.set(0, baseCamY, 34);\n\n const renderer = new THREE.WebGLRenderer({ antialias:true, alpha:true, powerPreference:'high-performance' });\n renderer.setSize(W, H);\n renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n renderer.toneMapping = THREE.ACESFilmicToneMapping;\n renderer.toneMappingExposure = 1.15;\n mount.appendChild(renderer.domElement);\n\n scene.add(new THREE.AmbientLight(0x5a3020, 0.55));\n const keyL = new THREE.PointLight(0xd4703a, 2.4, 130, 1.2);\n keyL.position.set(20, 28, 20); scene.add(keyL);\n const fillL = new THREE.PointLight(0xC4622D, 1.0, 110, 1.4);\n fillL.position.set(-4, -12, 22); scene.add(fillL);\n const rimL = new THREE.PointLight(0xffd0a0, 0.5, 120, 1.6);\n rimL.position.set(-22, 10, -18); scene.add(rimL);\n\n \/* \u2500\u2500 Torre param\u00e9trica \u2500\u2500 *\/\n const tower = new THREE.Group();\n scene.add(tower);\n const FLOORS = 30, GAP = 0.6, TWIST = 0.135;\n const slabMat = new THREE.MeshStandardMaterial({\n color: 0x1a1410, metalness: 0.35, roughness: 0.6,\n emissive: 0xC4622D, emissiveIntensity: 0.05,\n transparent: true, opacity: 0.5\n });\n const slabs = [];\n for (let i = 0; i < FLOORS; i++){\n const t = i \/ FLOORS;\n const s = 6.6 * (1 - t * 0.5);\n const geo = new THREE.BoxGeometry(s, 0.15, s);\n const mesh = new THREE.Mesh(geo, slabMat);\n const edges = new THREE.LineSegments(\n new THREE.EdgesGeometry(geo),\n new THREE.LineBasicMaterial({ color: 0xC4622D, transparent: true, opacity: 0.85 })\n );\n const fl = new THREE.Group();\n fl.add(mesh); fl.add(edges);\n fl.position.y = i * GAP;\n fl.rotation.y = i * TWIST;\n fl.userData = { baseRot: i * TWIST, i: i, edgeMat: edges.material };\n tower.add(fl);\n slabs.push(fl);\n }\n tower.position.y = -(FLOORS * GAP) \/ 2;\n\n const glow = new THREE.Sprite(new THREE.SpriteMaterial({\n map: glowTex(), color: 0xC4622D, transparent: true,\n blending: THREE.AdditiveBlending, opacity: 0.45, depthWrite: false\n }));\n glow.scale.set(44, 44, 1);\n glow.position.set(0, 1, -8);\n scene.add(glow);\n\n \/* \u2500\u2500 Red neuronal \u2500\u2500 *\/\n const NODES = 28, HALF = (FLOORS * GAP) \/ 2;\n const nodeGroup = new THREE.Group();\n scene.add(nodeGroup);\n const nodeGeo = new THREE.SphereGeometry(0.11, 12, 12);\n const nodeMat = new THREE.MeshBasicMaterial({ color: 0xd4703a });\n const nodes = [];\n for (let i = 0; i < NODES; i++){\n const m = new THREE.Mesh(nodeGeo, nodeMat);\n m.userData = {\n radius: 8.5 + Math.random() * 7.5,\n ang: Math.random() * Math.PI * 2,\n speed: 0.08 + Math.random() * 0.22,\n baseY: (Math.random() - 0.5) * HALF * 1.9,\n bob: Math.random() * Math.PI * 2\n };\n nodeGroup.add(m);\n nodes.push(m);\n }\n const MAX_LINES = NODES * 4;\n const linePos = new Float32Array(MAX_LINES * 2 * 3);\n const lineGeo = new THREE.BufferGeometry();\n lineGeo.setAttribute('position', new THREE.BufferAttribute(linePos, 3));\n const lineMat = new THREE.LineBasicMaterial({ color: 0xC4622D, transparent: true, opacity: 0.16 });\n const lines = new THREE.LineSegments(lineGeo, lineMat);\n nodeGroup.add(lines);\n\n \/* \u2500\u2500 Campo de part\u00edculas \u2500\u2500 *\/\n const DUST = 1200;\n const dpos = new Float32Array(DUST * 3);\n const dcol = new Float32Array(DUST * 3);\n for (let i = 0; i < DUST; i++){\n const r = 12 + Math.random() * 42;\n const th = Math.random() * Math.PI * 2;\n const ph = Math.acos(2 * Math.random() - 1);\n dpos[i*3] = r * Math.sin(ph) * Math.cos(th);\n dpos[i*3+1] = (Math.random() - 0.5) * 52;\n dpos[i*3+2] = r * Math.sin(ph) * Math.sin(th);\n const col = Math.random();\n if (col < 0.6){ dcol[i*3]=0.77; dcol[i*3+1]=0.38; dcol[i*3+2]=0.18; }\n else if (col < 0.85){ dcol[i*3]=0.96; dcol[i*3+1]=0.94; dcol[i*3+2]=0.92; }\n else { dcol[i*3]=0.83; dcol[i*3+1]=0.44; dcol[i*3+2]=0.25; }\n }\n const dustGeo = new THREE.BufferGeometry();\n dustGeo.setAttribute('position', new THREE.BufferAttribute(dpos, 3));\n dustGeo.setAttribute('color', new THREE.BufferAttribute(dcol, 3));\n const dust = new THREE.Points(dustGeo, new THREE.PointsMaterial({\n size: 0.12, sizeAttenuation: true, vertexColors: true,\n transparent: true, opacity: 0.7\n }));\n scene.add(dust);\n\n \/* \u2500\u2500 Parallax rat\u00f3n + scroll \u2500\u2500 *\/\n let mx = 0, my = 0, scrollF = 0;\n window.addEventListener('mousemove', e => {\n mx = (e.clientX \/ window.innerWidth - 0.5);\n my = (e.clientY \/ window.innerHeight - 0.5);\n }, { passive: true });\n window.addEventListener('scroll', () => {\n const he = mount.clientHeight || window.innerHeight;\n scrollF = Math.min(window.scrollY \/ he, 1);\n }, { passive: true });\n\n const clock = new THREE.Clock();\n let visible = true;\n document.addEventListener('visibilitychange', () => { visible = !document.hidden; });\n\n function tick(){\n requestAnimationFrame(tick);\n if (!visible) return;\n const dt = Math.min(clock.getDelta(), 0.05);\n const t = clock.elapsedTime;\n\n tower.rotation.y += dt * 0.11;\n for (let k = 0; k < slabs.length; k++){\n const fl = slabs[k];\n fl.rotation.y = fl.userData.baseRot + Math.sin(t * 0.4 + fl.userData.i * 0.22) * 0.07;\n fl.userData.edgeMat.opacity = 0.55 + Math.sin(t * 1.2 + fl.userData.i * 0.35) * 0.32;\n }\n\n for (let k = 0; k < nodes.length; k++){\n const n = nodes[k];\n n.userData.ang += dt * n.userData.speed;\n n.position.set(\n Math.cos(n.userData.ang) * n.userData.radius,\n n.userData.baseY + Math.sin(t * 0.6 + n.userData.bob) * 1.1,\n Math.sin(n.userData.ang) * n.userData.radius\n );\n }\n const arr = lines.geometry.attributes.position.array;\n let li = 0;\n for (let a = 0; a < nodes.length && li < MAX_LINES; a++){\n for (let b = a + 1; b < nodes.length && li < MAX_LINES; b++){\n const pa = nodes[a].position, pb = nodes[b].position;\n const dx = pa.x-pb.x, dy = pa.y-pb.y, dz = pa.z-pb.z;\n if (dx*dx + dy*dy + dz*dz < 26){\n arr[li*6]=pa.x; arr[li*6+1]=pa.y; arr[li*6+2]=pa.z;\n arr[li*6+3]=pb.x; arr[li*6+4]=pb.y; arr[li*6+5]=pb.z;\n li++;\n }\n }\n }\n lines.geometry.setDrawRange(0, li * 2);\n lines.geometry.attributes.position.needsUpdate = true;\n lineMat.opacity = 0.11 + Math.sin(t * 1.4) * 0.06;\n\n dust.rotation.y += dt * 0.012;\n glow.material.opacity = 0.4 + Math.sin(t * 0.8) * 0.1;\n\n const tx = mx * 5;\n const ty = baseCamY - my * 3 + scrollF * 9;\n camera.position.x += (tx - camera.position.x) * 0.05;\n camera.position.y += (ty - camera.position.y) * 0.05;\n camera.lookAt(0, scrollF * 5, 0);\n\n renderer.render(scene, camera);\n }\n tick();\n\n window.addEventListener('resize', () => {\n W = mount.clientWidth || window.innerWidth;\n H = mount.clientHeight || window.innerHeight;\n camera.aspect = W \/ H;\n camera.updateProjectionMatrix();\n renderer.setSize(W, H);\n });\n }\n\n if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', initHero);\n else initHero();\n})();\n<\/script>\n\n<\/body>\n<\/html>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CASAUiARQ \u2014 Sprint IA para Estudios de Arquitectura CASAUiARQ 0% CASAUiARQ M\u00e9todo Sprint IA Sobre Eduardo Contacto Solicitar diagn\u00f3stico Consultor\u00eda IA \u00b7 Sector AEC Tu estudio pierde horas en propuestas ya sistematizables. Implantamos workflows de IA sobre proyectos reales para que tu equipo produzca m\u00e1s r\u00e1pido y gane m\u00e1s propuestas \u2014 sin contratar m\u00e1s gente. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5140","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>WEB - CASAUiARQ<\/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:\/\/casauiarq.com\/en\/landing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WEB - CASAUiARQ\" \/>\n<meta property=\"og:description\" content=\"CASAUiARQ \u2014 Sprint IA para Estudios de Arquitectura CASAUiARQ 0% CASAUiARQ M\u00e9todo Sprint IA Sobre Eduardo Contacto Solicitar diagn\u00f3stico Consultor\u00eda IA \u00b7 Sector AEC Tu estudio pierde horas en propuestas ya sistematizables. Implantamos workflows de IA sobre proyectos reales para que tu equipo produzca m\u00e1s r\u00e1pido y gane m\u00e1s propuestas \u2014 sin contratar m\u00e1s gente. […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/casauiarq.com\/en\/landing\/\" \/>\n<meta property=\"og:site_name\" content=\"CASAUiARQ\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Casauiarq\/61580111784622\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-25T16:47:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/casauiarq.com\/wp-content\/uploads\/a-professional-studio-portrait-of-a-conf_203ZIgBzT-2e263wm0L4eQ_EMlBBmQeSLanHs2GRmG0Cg.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/landing\\\/\",\"url\":\"https:\\\/\\\/casauiarq.com\\\/landing\\\/\",\"name\":\"WEB - CASAUiARQ\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/landing\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/landing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/casauiarq.com\\\/wp-content\\\/uploads\\\/a-professional-studio-portrait-of-a-conf_203ZIgBzT-2e263wm0L4eQ_EMlBBmQeSLanHs2GRmG0Cg.jpeg\",\"datePublished\":\"2026-04-22T11:14:49+00:00\",\"dateModified\":\"2026-05-25T16:47:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/landing\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/casauiarq.com\\\/landing\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/landing\\\/#primaryimage\",\"url\":\"https:\\\/\\\/casauiarq.com\\\/wp-content\\\/uploads\\\/a-professional-studio-portrait-of-a-conf_203ZIgBzT-2e263wm0L4eQ_EMlBBmQeSLanHs2GRmG0Cg.jpeg\",\"contentUrl\":\"https:\\\/\\\/casauiarq.com\\\/wp-content\\\/uploads\\\/a-professional-studio-portrait-of-a-conf_203ZIgBzT-2e263wm0L4eQ_EMlBBmQeSLanHs2GRmG0Cg.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/landing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/casauiarq.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WEB\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/#website\",\"url\":\"https:\\\/\\\/casauiarq.com\\\/\",\"name\":\"CASAUiARQ\",\"description\":\"Arquitectura e Inteligencia Artificial\",\"publisher\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/casauiarq.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/#organization\",\"name\":\"CASAUiARQ\",\"url\":\"https:\\\/\\\/casauiarq.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/casauiarq.com\\\/wp-content\\\/uploads\\\/ICONO-fondo-negro.png\",\"contentUrl\":\"https:\\\/\\\/casauiarq.com\\\/wp-content\\\/uploads\\\/ICONO-fondo-negro.png\",\"width\":450,\"height\":324,\"caption\":\"CASAUiARQ\"},\"image\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/people\\\/Casauiarq\\\/61580111784622\\\/\",\"https:\\\/\\\/www.instagram.com\\\/casauiarq\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/eduardocasau\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@CASAUiARQ\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WEB - CASAUiARQ","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:\/\/casauiarq.com\/en\/landing\/","og_locale":"en_US","og_type":"article","og_title":"WEB - CASAUiARQ","og_description":"CASAUiARQ \u2014 Sprint IA para Estudios de Arquitectura CASAUiARQ 0% CASAUiARQ M\u00e9todo Sprint IA Sobre Eduardo Contacto Solicitar diagn\u00f3stico Consultor\u00eda IA \u00b7 Sector AEC Tu estudio pierde horas en propuestas ya sistematizables. Implantamos workflows de IA sobre proyectos reales para que tu equipo produzca m\u00e1s r\u00e1pido y gane m\u00e1s propuestas \u2014 sin contratar m\u00e1s gente. […]","og_url":"https:\/\/casauiarq.com\/en\/landing\/","og_site_name":"CASAUiARQ","article_publisher":"https:\/\/www.facebook.com\/people\/Casauiarq\/61580111784622\/","article_modified_time":"2026-05-25T16:47:17+00:00","og_image":[{"url":"https:\/\/casauiarq.com\/wp-content\/uploads\/a-professional-studio-portrait-of-a-conf_203ZIgBzT-2e263wm0L4eQ_EMlBBmQeSLanHs2GRmG0Cg.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/casauiarq.com\/landing\/","url":"https:\/\/casauiarq.com\/landing\/","name":"WEB - CASAUiARQ","isPartOf":{"@id":"https:\/\/casauiarq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/casauiarq.com\/landing\/#primaryimage"},"image":{"@id":"https:\/\/casauiarq.com\/landing\/#primaryimage"},"thumbnailUrl":"https:\/\/casauiarq.com\/wp-content\/uploads\/a-professional-studio-portrait-of-a-conf_203ZIgBzT-2e263wm0L4eQ_EMlBBmQeSLanHs2GRmG0Cg.jpeg","datePublished":"2026-04-22T11:14:49+00:00","dateModified":"2026-05-25T16:47:17+00:00","breadcrumb":{"@id":"https:\/\/casauiarq.com\/landing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/casauiarq.com\/landing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/casauiarq.com\/landing\/#primaryimage","url":"https:\/\/casauiarq.com\/wp-content\/uploads\/a-professional-studio-portrait-of-a-conf_203ZIgBzT-2e263wm0L4eQ_EMlBBmQeSLanHs2GRmG0Cg.jpeg","contentUrl":"https:\/\/casauiarq.com\/wp-content\/uploads\/a-professional-studio-portrait-of-a-conf_203ZIgBzT-2e263wm0L4eQ_EMlBBmQeSLanHs2GRmG0Cg.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/casauiarq.com\/landing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/casauiarq.com\/"},{"@type":"ListItem","position":2,"name":"WEB"}]},{"@type":"WebSite","@id":"https:\/\/casauiarq.com\/#website","url":"https:\/\/casauiarq.com\/","name":"CASAUiARQ","description":"Arquitectura e Inteligencia Artificial","publisher":{"@id":"https:\/\/casauiarq.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/casauiarq.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/casauiarq.com\/#organization","name":"CASAUiARQ","url":"https:\/\/casauiarq.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/casauiarq.com\/#\/schema\/logo\/image\/","url":"https:\/\/casauiarq.com\/wp-content\/uploads\/ICONO-fondo-negro.png","contentUrl":"https:\/\/casauiarq.com\/wp-content\/uploads\/ICONO-fondo-negro.png","width":450,"height":324,"caption":"CASAUiARQ"},"image":{"@id":"https:\/\/casauiarq.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Casauiarq\/61580111784622\/","https:\/\/www.instagram.com\/casauiarq\/","https:\/\/www.linkedin.com\/in\/eduardocasau\/","https:\/\/www.youtube.com\/@CASAUiARQ"]}]}},"_links":{"self":[{"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/pages\/5140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/comments?post=5140"}],"version-history":[{"count":196,"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/pages\/5140\/revisions"}],"predecessor-version":[{"id":5562,"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/pages\/5140\/revisions\/5562"}],"wp:attachment":[{"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/media?parent=5140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}