Clase gratuita de IA para arquitectos \u00b7 1h 40min \u2014 CASAUiARQ<\/title>\n <meta name=\"description\" content=\"Acceso privado y gratuito a la clase: c\u00f3mo usar la IA en tus proyectos reales de arquitectura. El sistema que un arquitecto usa en proyectos de Hyatt, 1Hotels y Thompson. Incluye bonus: 100 Prompts de IA para Arquitectura.\" \/>\n <meta name=\"robots\" content=\"noindex\" \/>\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=Fraunces:ital,opsz,wght@0,9..144,400..900;1,9..144,400..600&family=Poppins:wght@400;500;600;700;800&family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap\" rel=\"stylesheet\" \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/build\/three.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/shaders\/CopyShader.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/shaders\/LuminosityHighPassShader.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/postprocessing\/EffectComposer.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/postprocessing\/RenderPass.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/postprocessing\/ShaderPass.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/postprocessing\/UnrealBloomPass.js\"><\/script>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --bg:#17110d; --bg-2:#120d09; --surface:#211a14; --surface-2:#2a211a; --border:#3d2e22;\n --light:#F5F0EB; --muted:#A89880; --muted-2:#7d6e5d;\n --accent:#C4622D; --accent-h:#d4703a; --accent-2:#E8895A;\n --line:rgba(255,255,255,0.06); --line-o:rgba(196,98,45,0.28); --glow:rgba(196,98,45,0.5); --ok:#5a9e6f;\n }\n html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\n body { background: var(--bg-2); color: var(--light); font-family: 'Lora', Georgia, serif; font-size: 17px; line-height: 1.7; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }\n .display { font-family: 'Fraunces', Georgia, serif; font-optical-sizing: auto; }\n .sans, h1, h2, h3, h4 { font-family: 'Poppins', Arial, sans-serif; }\n a { text-decoration: none; color: inherit; } img { max-width: 100%; display: block; } em { font-style: italic; }\n ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(--bg-2); }\n ::-webkit-scrollbar-thumb { background: #4a3829; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--accent); }\n ::selection { background: var(--accent); color: #fff; }\n\n #bg-canvas { position: fixed; inset: 0; z-index: 0; pointer-events: none; }\n .bg-vignette { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(ellipse 120% 80% at 50% 30%, transparent 40%, rgba(18,13,9,0.55) 100%); }\n .grain { position: fixed; inset: -50%; z-index: 60; pointer-events: none; width: 200%; height: 200%; opacity: 0.035; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); animation: grainShift 7s steps(6) infinite; }\n @keyframes grainShift { 0%{transform:translate(0,0)} 20%{transform:translate(-4%,3%)} 40%{transform:translate(3%,-4%)} 60%{transform:translate(-3%,2%)} 80%{transform:translate(4%,3%)} 100%{transform:translate(0,0)} }\n .progress-bar { position: fixed; top: 0; left: 0; height: 2px; z-index: 700; background: linear-gradient(90deg, var(--accent), var(--accent-2)); width: 0%; box-shadow: 0 0 12px var(--glow); }\n\n #preloader { position: fixed; inset: 0; background: var(--bg-2); z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.4rem; transition: opacity 0.8s, visibility 0.8s; }\n #preloader.done { opacity: 0; visibility: hidden; }\n .pre-logo { font-family: 'Poppins', sans-serif; font-size: 1.4rem; font-weight: 800; letter-spacing: 0.32em; }\n .pre-logo span { color: var(--accent); }\n .pre-bar-wrap { width: 180px; height: 1px; background: var(--line); overflow: hidden; }\n .pre-bar { height: 100%; background: var(--accent); width: 0; box-shadow: 0 0 8px var(--glow); }\n .pre-pct { font-family: 'Poppins', sans-serif; font-size: 10px; letter-spacing: 0.24em; color: var(--muted-2); }\n\n .topbar { position: relative; z-index: 400; display: flex; align-items: center; justify-content: space-between; padding: 22px 48px; }\n .tb-logo { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 16px; letter-spacing: 0.08em; }\n .tb-logo span { color: var(--accent); }\n .tb-pill { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); border: 1px solid var(--line-o); border-radius: 100px; padding: 7px 16px; display: inline-flex; align-items: center; gap: 8px; }\n .tb-pill .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); animation: pulse 2s infinite; }\n\n .reveal { opacity: 0; transform: translateY(30px); transition: opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1); }\n .reveal.visible { opacity: 1; transform: none; }\n .delay-1 { transition-delay: .1s; } .delay-2 { transition-delay: .22s; } .delay-3 { transition-delay: .34s; }\n @media (prefers-reduced-motion: reduce) { .reveal { transition: none !important; opacity: 1 !important; transform: none !important; } }\n\n .btn-primary { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; color: #fff; background: var(--accent); padding: 16px 30px; border-radius: 6px; display: inline-flex; align-items: center; gap: 10px; position: relative; overflow: hidden; transition: background .3s, transform .25s, box-shadow .35s; border: none; cursor: pointer; white-space: nowrap; box-shadow: 0 4px 18px rgba(196,98,45,0.25); }\n .btn-primary::after { content:''; position:absolute; inset:0; background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.22) 50%, transparent 70%); transform: translateX(-130%); transition: transform .7s; }\n .btn-primary:hover { background: var(--accent-h); transform: translateY(-3px); box-shadow: 0 14px 38px rgba(196,98,45,0.45); }\n .btn-primary:hover::after { transform: translateX(130%); }\n .btn-primary .arrow { transition: transform .3s; } .btn-primary:hover .arrow { transform: translateX(5px); }\n .btn-ghost { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; color: var(--light); background: transparent; border: 1.5px solid rgba(245,240,235,0.22); padding: 16px 30px; border-radius: 6px; display: inline-flex; align-items: center; gap: 8px; transition: border-color .3s, background .3s, transform .2s; cursor: pointer; white-space: nowrap; }\n .btn-ghost:hover { border-color: var(--light); background: rgba(245,240,235,0.06); transform: translateY(-2px); }\n @keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(196,98,45,.5)} 70%{box-shadow:0 0 0 10px rgba(196,98,45,0)} 100%{box-shadow:0 0 0 0 rgba(196,98,45,0)} }\n @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:none} }\n @keyframes fadeIn { from{opacity:0} to{opacity:1} }\n\n .panel { position: relative; z-index: 2; }\n .panel.bg { background: var(--bg); } .panel.surf { background: var(--surface); } .panel.deep { background: var(--bg-2); }\n .section-wrap { max-width: 1200px; margin: 0 auto; padding: 96px 48px; }\n .section-label { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 20px; }\n .section-label::before { content:''; width: 26px; height: 1px; background: var(--accent); }\n .section-label span { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.26em; text-transform: uppercase; color: var(--accent); }\n .section-h2 { font-family: 'Fraunces', serif; font-optical-sizing: auto; font-weight: 500; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.08; letter-spacing: -0.015em; }\n .section-h2 em { font-style: italic; color: var(--accent-2); font-weight: 400; }\n .section-sub { font-family: 'Lora', serif; font-style: italic; font-size: clamp(16px, 1.4vw, 18.5px); color: var(--muted); line-height: 1.7; max-width: 620px; margin-top: 16px; }\n\n \/* HERO *\/\n .hero { display: flex; flex-direction: column; gap: 34px; position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 44px 48px 78px; }\n .hero-head { position: relative; z-index: 3; max-width: 900px; }\n .hero-body { position: relative; z-index: 3; display: grid; grid-template-columns: 1.18fr 0.82fr; gap: 44px; align-items: start; }\n .hero-eyebrow { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 20px; }\n .hero-eyebrow .l { width: 24px; height: 1px; background: var(--accent); }\n .hero-eyebrow span { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: var(--accent); }\n .hero-h1 { font-family: 'Fraunces', serif; font-optical-sizing: auto; font-weight: 500; font-size: clamp(2.1rem, 3.8vw, 3.5rem); line-height: 1.06; letter-spacing: -0.02em; margin-bottom: 1.2rem; }\n .hero-h1 em { font-style: italic; font-weight: 400; color: var(--accent-2); }\n .hero-sub { font-family: 'Lora', serif; font-size: 17.5px; font-style: italic; line-height: 1.6; color: rgba(245,240,235,0.8); max-width: 640px; }\n\n \/* LOCKED PLAYER (Netflix-style, bloqueado) *\/\n .lp-wrap { position: relative; z-index: 3; }\n .lp-tag { display: inline-flex; align-items: center; gap: 9px; font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; }\n .lp-tag .dotlive { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); animation: pulse 2s infinite; flex-shrink: 0; }\n .lockplayer { position: relative; width: 100%; aspect-ratio: 16\/9; border-radius: 14px; overflow: hidden; background: #000; border: 1.5px solid var(--line-o); box-shadow: 0 40px 90px rgba(0,0,0,0.55), 0 0 70px rgba(196,98,45,0.12); }\n .lp-bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-image: url('https:\/\/vumbnail.com\/1205838357.jpg'); filter: blur(5px) brightness(0.4) saturate(0.9); transform: scale(1.08); }\n .lp-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(18,13,9,0.35) 0%, rgba(18,13,9,0.1) 32%, rgba(18,13,9,0.82) 100%); }\n .lp-topbar { position: absolute; top: 0; left: 0; right: 0; padding: 14px 18px; display: flex; align-items: center; justify-content: flex-end; z-index: 2; }\n .lp-badge { font-family: 'Poppins', sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #fff; background: var(--accent); padding: 5px 11px; border-radius: 4px; box-shadow: 0 4px 14px rgba(196,98,45,0.4); }\n .lp-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2; gap: 16px; text-align: center; padding: 24px; }\n .lp-lock { width: 62px; height: 62px; border-radius: 50%; background: rgba(0,0,0,0.5); border: 1.5px solid var(--line-o); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 30px rgba(196,98,45,0.22); }\n .lp-headline { font-family: 'Poppins', sans-serif; font-size: clamp(14px, 1.6vw, 19px); font-weight: 700; color: #fff; letter-spacing: -0.01em; line-height: 1.32; max-width: 380px; margin: 0; text-shadow: 0 2px 14px rgba(0,0,0,0.6); }\n .lp-headline em { font-family: 'Fraunces', serif; font-style: italic; font-weight: 400; color: var(--accent-2); }\n .lp-hint { font-family: 'Poppins', sans-serif; font-size: 12px; color: rgba(255,255,255,0.5); margin: 0; }\n .lp-bottombar { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 16px 14px; z-index: 2; }\n .lp-progress { height: 3px; background: rgba(255,255,255,0.15); border-radius: 2px; margin-bottom: 10px; overflow: hidden; }\n .lp-progress-fill { width: 6%; height: 100%; background: var(--accent); border-radius: 2px; }\n .lp-controls { display: flex; align-items: center; gap: 10px; }\n .lp-ctrl-btn { width: 26px; height: 26px; border-radius: 50%; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; opacity: 0.4; flex-shrink: 0; }\n .lp-epi-title { font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.62); line-height: 1.3; }\n .lp-epi-meta { font-family: 'Poppins', sans-serif; font-size: 9px; color: rgba(255,255,255,0.32); margin-top: 2px; }\n .lp-time { font-family: 'Poppins', sans-serif; font-size: 10px; color: rgba(255,255,255,0.32); margin-left: auto; white-space: nowrap; }\n\n .ep-info { padding: 18px 2px 0; }\n .ep-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }\n .ep-tags span { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; color: var(--muted); background: rgba(255,255,255,0.04); border: 1px solid var(--border); padding: 4px 12px; border-radius: 20px; }\n .ep-desc { font-family: 'Lora', serif; font-size: 15px; color: var(--muted); line-height: 1.65; margin-bottom: 12px; }\n .ep-meta2 { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; font-family: 'Poppins', sans-serif; font-size: 11.5px; color: var(--muted-2); }\n .ep-meta2 span { display: inline-flex; align-items: center; gap: 7px; }\n .ep-meta2 svg { width: 14px; height: 14px; stroke: var(--accent); flex-shrink: 0; }\n .ep-meta2 b { color: var(--light); font-weight: 600; }\n\n \/* INSTRUCTOR (qui\u00e9n es Eduardo) *\/\n .inst-layout { display: grid; grid-template-columns: 0.5fr 1fr; gap: 50px; align-items: start; margin-top: 50px; }\n .inst-photo { position: relative; }\n .inst-photo img { width: 100%; aspect-ratio: 3\/4; object-fit: cover; object-position: center 8%; border-radius: 16px; filter: grayscale(15%) brightness(0.9) contrast(1.04); }\n .inst-photo::after { content:''; position:absolute; inset:0; border-radius:16px; box-shadow: inset 0 -110px 80px -60px rgba(18,13,9,0.85); pointer-events:none; }\n .inst-body p { font-family: 'Lora', serif; font-size: 16.5px; color: rgba(245,240,235,0.82); line-height: 1.75; margin-bottom: 16px; }\n .inst-body p em { color: var(--accent-2); }\n .inst-method { background: rgba(196,98,45,0.08); border: 1px solid var(--line-o); border-radius: 12px; padding: 20px 24px; margin: 24px 0; }\n .inst-method .mt { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }\n .inst-method .mn { font-family: 'Fraunces', serif; font-weight: 600; font-size: 1.4rem; }\n .inst-method .md { font-family: 'Lora', serif; font-style: italic; font-size: 14.5px; color: var(--muted); margin-top: 6px; }\n .inst-badges { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }\n .inst-badge { font-family: 'Poppins', sans-serif; font-size: 10.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--border); padding: 8px 16px; border-radius: 3px; transition: color .25s, border-color .25s, background .25s; }\n .inst-badge:hover { color: var(--light); border-color: var(--accent); background: rgba(196,98,45,0.08); }\n .inst-metrics { display: flex; gap: 32px; margin-top: 26px; flex-wrap: wrap; }\n .inst-metric .v { font-family: 'Fraunces', serif; font-weight: 600; font-size: 2rem; color: var(--accent); line-height: 1; }\n .inst-metric .l { font-family: 'Poppins', sans-serif; font-size: 9.5px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin-top: 6px; max-width: 140px; }\n\n \/* OPT-IN FORM CARD (compacta) *\/\n .hero-right { position: relative; z-index: 3; position: sticky; top: 24px; }\n .optin { background: linear-gradient(170deg, rgba(46,33,24,0.92), rgba(28,21,15,0.92)); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--accent); border-radius: 18px; padding: 30px; box-shadow: 0 40px 90px rgba(0,0,0,0.6), 0 0 0 1px rgba(196,98,45,0.2), 0 0 80px rgba(196,98,45,0.1); position: relative; overflow: hidden; }\n .optin-ribbon { position: absolute; top: 18px; right: -40px; transform: rotate(45deg); background: var(--accent); color: #fff; font-family: 'Poppins', sans-serif; font-size: 9.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 5px 48px; box-shadow: 0 6px 18px rgba(0,0,0,0.4); }\n .optin-head { margin-bottom: 18px; }\n .optin-title { font-family: 'Fraunces', serif; font-weight: 600; font-size: 1.4rem; line-height: 1.15; margin-bottom: 6px; }\n .optin-sub { font-family: 'Poppins', sans-serif; font-size: 11.5px; font-weight: 500; letter-spacing: 0.02em; color: var(--muted); line-height: 1.5; }\n .optin-field { margin-bottom: 2px; }\n .optin-input, .optin-select { background: rgba(255,255,255,0.03); border: 1px solid var(--border); color: var(--light); font-family: 'Lora', serif; font-size: 15px; padding: 12px 13px; border-radius: 8px; outline: none; transition: border-color .25s, background .25s; width: 100%; margin-bottom: 10px; }\n .optin-input::placeholder { color: var(--muted-2); }\n .optin-input:focus, .optin-select:focus { border-color: var(--accent); background: rgba(196,98,45,0.04); }\n .optin-select { appearance: none; cursor: pointer; color: var(--light); 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='%23C4622D' stroke-width='1.5' stroke-linecap='round'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 13px center; padding-right: 30px; }\n .optin-select:invalid { color: var(--muted-2); }\n .optin-select option { color: var(--light); background: #1c1610; }\n .optin-consent { display: flex; gap: 10px; align-items: flex-start; margin: 10px 0 4px; }\n .optin-consent input { margin-top: 3px; width: 14px; height: 14px; accent-color: var(--accent); flex-shrink: 0; cursor: pointer; }\n .optin-consent label { font-family: 'Poppins', sans-serif; font-size: 10px; line-height: 1.5; color: var(--muted-2); cursor: pointer; }\n .optin-consent a { color: var(--accent); text-decoration: underline; }\n .optin-submit { margin-top: 16px; width: 100%; padding: 16px; font-family: 'Poppins', sans-serif; font-size: 12.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; background: var(--accent); color: #fff; border: none; border-radius: 8px; cursor: pointer; transition: background .25s, transform .2s, box-shadow .3s; display: inline-flex; align-items: center; justify-content: center; gap: 9px; }\n .optin-submit:hover:not(:disabled) { background: var(--accent-h); transform: translateY(-2px); box-shadow: 0 14px 34px rgba(196,98,45,0.45); }\n .optin-submit .arrow { transition: transform .3s; } .optin-submit:hover .arrow { transform: translateX(4px); }\n .optin-trust { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: 14px; }\n .optin-trust span { display: flex; align-items: center; gap: 5px; font-family: 'Poppins', sans-serif; font-size: 10px; color: var(--muted-2); }\n .optin-trust svg { width: 12px; height: 12px; stroke: var(--accent); flex-shrink: 0; }\n .optin-bonus-box { display: flex; gap: 14px; align-items: flex-start; background: linear-gradient(135deg, rgba(196,98,45,0.18), rgba(196,98,45,0.06)); border: 1px solid var(--accent); border-radius: 12px; padding: 16px 18px; margin: 14px 0 4px; box-shadow: 0 10px 26px rgba(196,98,45,0.14); }\n .optin-bonus-box .bonus-ic { flex-shrink: 0; width: 42px; height: 42px; border-radius: 10px; background: rgba(196,98,45,0.22); border: 1px solid var(--line-o); display: flex; align-items: center; justify-content: center; color: var(--accent-2); }\n .optin-bonus-box .bonus-ic svg { width: 21px; height: 21px; }\n .bonus-tag { font-family: 'Poppins', sans-serif; font-size: 9.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); margin-bottom: 4px; }\n .bonus-title { font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 700; color: var(--light); line-height: 1.3; margin-bottom: 4px; }\n .bonus-desc { font-family: 'Lora', serif; font-style: italic; font-size: 12px; color: var(--muted); line-height: 1.5; }\n \/* success state *\/\n .optin-success { display: none; text-align: center; padding: 20px 6px; }\n .optin.done .optin-head, .optin.done form { display: none; }\n .optin.done .optin-success { display: block; }\n .optin-success .ic { width: 62px; height: 62px; border-radius: 50%; background: rgba(90,158,111,0.15); border: 1px solid rgba(90,158,111,0.5); color: var(--ok); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }\n .optin-success .ic svg { width: 26px; height: 26px; }\n .optin-success h3 { font-family: 'Fraunces', serif; font-weight: 600; font-size: 1.5rem; margin-bottom: 9px; }\n .optin-success p { font-family: 'Lora', serif; font-style: italic; font-size: 14px; color: var(--muted); line-height: 1.6; margin-bottom: 20px; }\n .optin-success .bonus-link { display: block; margin-top: 12px; font-family: 'Poppins', sans-serif; font-size: 11.5px; color: var(--accent-2); text-decoration: underline; }\n\n \/* CURIOSITY GRID (lo que vas a aprender) *\/\n .curio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 52px; }\n .curio-card { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 28px 26px; position: relative; overflow: hidden; transition: border-color .3s, transform .25s; }\n .curio-card:hover { border-color: var(--line-o); transform: translateY(-3px); }\n .curio-num { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); margin-bottom: 14px; }\n .curio-ic { width: 40px; height: 40px; color: var(--accent); margin-bottom: 14px; }\n .curio-card h3 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; letter-spacing: -0.01em; margin-bottom: 9px; line-height: 1.3; }\n .curio-card p { font-family: 'Lora', serif; font-style: italic; font-size: 14.5px; color: var(--muted); line-height: 1.6; }\n .curio-blur { display: inline-block; filter: blur(4.5px); background: rgba(196,98,45,0.12); border-radius: 4px; padding: 0 4px; color: var(--accent-2); font-style: normal; font-weight: 700; user-select: none; }\n .curio-card.bonus { border-color: var(--line-o); background: rgba(196,98,45,0.07); }\n .curio-card.bonus::before { content:''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(196,98,45,0.6), transparent); }\n\n \/* STIMULUS VIDEOS (bloqueados) *\/\n .stim-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 46px; }\n .stim-card { position: relative; aspect-ratio: 9\/13; border-radius: 12px; overflow: hidden; border: 1px solid var(--border); }\n .stim-bg { position: absolute; inset: 0; background-size: cover; background-position: center 18%; filter: blur(6px) brightness(0.42) saturate(0.7); transform: scale(1.1); }\n .stim-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(18,13,9,0.25) 0%, rgba(18,13,9,0.15) 40%, rgba(18,13,9,0.88) 100%); }\n .stim-inner { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; padding: 14px; }\n .stim-lock { width: 38px; height: 38px; border-radius: 50%; background: rgba(0,0,0,0.5); border: 1px solid var(--line-o); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; }\n .stim-lock svg { width: 15px; height: 15px; stroke: var(--accent-2); }\n .stim-name { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 700; color: #fff; }\n .stim-role { font-family: 'Poppins', sans-serif; font-size: 9.5px; color: rgba(255,255,255,0.5); }\n .stim-hint { position: absolute; bottom: 12px; left: 0; right: 0; z-index: 2; text-align: center; font-family: 'Poppins', sans-serif; font-size: 8.5px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); }\n\n \/* ORIGEN (por qu\u00e9 existe esto) *\/\n .og-cinematic { position: relative; border-radius: 18px; overflow: hidden; margin-bottom: 48px; aspect-ratio: 21\/9; min-height: 320px; }\n .og-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; filter: brightness(0.36) saturate(0.55) contrast(1.1); }\n .og-scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18,13,9,0.97) 0%, rgba(18,13,9,0.78) 42%, rgba(18,13,9,0.18) 100%), linear-gradient(0deg, rgba(18,13,9,0.65) 0%, transparent 55%); }\n .og-over { position: absolute; bottom: 0; left: 0; padding: 42px 46px; max-width: 640px; }\n .og-eyebrow { font-family: 'Poppins', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }\n .og-eyebrow::before { content: ''; width: 22px; height: 1px; background: var(--accent); flex-shrink: 0; }\n .og-h2 { font-family: 'Fraunces', serif; font-optical-sizing: auto; font-weight: 500; font-size: clamp(1.7rem, 3vw, 2.7rem); line-height: 1.1; letter-spacing: -0.02em; }\n .og-h2 em { font-style: italic; color: var(--accent-2); }\n .og-year { position: absolute; top: 32px; right: 44px; font-family: 'Fraunces', serif; font-weight: 500; font-size: 6rem; color: rgba(245,240,235,0.05); line-height: 1; letter-spacing: -0.04em; pointer-events: none; user-select: none; }\n .og-sub-cin { font-family: 'Lora', serif; font-style: italic; font-size: 14px; color: rgba(245,240,235,0.52); margin-top: 14px; line-height: 1.65; max-width: 480px; }\n .og-narrative { max-width: 760px; margin: 0 auto; }\n .og-narrative p { font-family: 'Lora', serif; font-size: 16.5px; color: rgba(245,240,235,0.82); line-height: 1.8; margin-bottom: 18px; }\n .og-voice { font-style: italic; color: var(--light) !important; border-left: 2px solid var(--accent); padding-left: 18px; margin: 22px 0 !important; }\n .og-quote { background: linear-gradient(135deg, rgba(196,98,45,0.1) 0%, rgba(196,98,45,0.04) 100%); border: 1px solid var(--line-o); border-radius: 16px; padding: 38px 42px; position: relative; overflow: hidden; margin: 34px 0; }\n .og-quote-mark { font-family: 'Fraunces', serif; font-size: 4.5rem; color: var(--accent); line-height: 0.65; margin-bottom: 8px; opacity: 0.45; }\n .og-quote blockquote p { font-family: 'Fraunces', serif; font-style: italic; font-weight: 400; font-size: clamp(16px, 1.8vw, 20px); line-height: 1.5; color: var(--light); margin: 0; }\n .og-quote blockquote cite { display: block; font-family: 'Poppins', sans-serif; font-style: normal; font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); margin-top: 18px; }\n .og-close { font-family: 'Lora', serif; font-size: 16px; color: var(--muted); text-align: center; max-width: 580px; margin: 0 auto; line-height: 1.8; font-style: italic; }\n\n \/* FINAL CTA *\/\n .final { text-align: center; position: relative; overflow: hidden; }\n .final-glow { position: absolute; left: 50%; top: 20%; transform: translateX(-50%); width: 640px; height: 320px; background: radial-gradient(ellipse, rgba(196,98,45,0.26), transparent 70%); filter: blur(60px); z-index: 0; pointer-events: none; }\n .final-inner { position: relative; z-index: 2; max-width: 680px; margin: 0 auto; }\n .final h2 { font-family: 'Fraunces', serif; font-weight: 500; font-size: clamp(2rem,4.4vw,3.2rem); line-height: 1.06; letter-spacing: -0.02em; margin-bottom: 18px; }\n .final h2 em { font-style: italic; color: var(--accent-2); }\n .final p { font-family: 'Lora', serif; font-style: italic; font-size: 18px; color: rgba(245,240,235,0.78); margin-bottom: 32px; }\n\n \/* FOOTER *\/\n .footer { position: relative; z-index: 2; background: var(--bg-2); border-top: 1px solid var(--border); padding: 30px 48px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; }\n .footer .fl { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 14px; letter-spacing: 0.08em; }\n .footer .fl span { color: var(--accent); }\n .footer .fm { font-family: 'Poppins', sans-serif; font-size: 11px; color: var(--muted-2); }\n .footer .fm a { color: var(--muted); transition: color .2s; } .footer .fm a:hover { color: var(--accent); }\n\n @media (max-width: 1000px) {\n .hero { padding: 32px 24px 56px; gap: 26px; }\n .hero-body { grid-template-columns: 1fr; gap: 28px; }\n .hero-right { position: static; }\n .topbar { padding: 18px 24px; }\n .section-wrap { padding: 72px 24px; }\n .curio-grid { grid-template-columns: 1fr 1fr; }\n .stim-grid { grid-template-columns: 1fr 1fr; }\n .inst-layout { grid-template-columns: 1fr; gap: 34px; } .inst-photo { max-width: 340px; margin: 0 auto; }\n .footer { padding: 24px; justify-content: center; text-align: center; }\n .og-cinematic { aspect-ratio: 16\/9; min-height: 240px; }\n .og-over { padding: 26px; }\n .og-year { display: none; }\n .og-quote { padding: 26px 22px; }\n .og-quote-mark { font-size: 3.6rem; }\n }\n @media (max-width: 600px) {\n .optin { padding: 26px 22px; } .tb-pill { display: none; }\n .curio-grid { grid-template-columns: 1fr; }\n .stim-grid { grid-template-columns: 1fr; }\n }\n .hero-head, .hero-body, .lp-wrap, .lockplayer, .hero-eyebrow, .hero-h1, .hero-sub, .hero-right { opacity: 1 !important; }\n\n \/* VSL (video de venta) *\/\n .vsl-wrap { position: relative; z-index: 3; width: 100%; margin: 8px auto 4px; text-align: center; }\n .vsl-tag { display: inline-flex; align-items: center; gap: 9px; font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; }\n .vsl-frame { position: relative; border-radius: 16px; overflow: hidden; background: #000; border: 1.5px solid var(--line-o); box-shadow: 0 40px 90px rgba(0,0,0,0.55), 0 0 70px rgba(196,98,45,0.14); }\n @media (max-width: 1000px) { .vsl-wrap { margin: 0 auto 6px; } }\n\n \/* === Ajustes de maquetaci\u00f3n solicitados === *\/\n .hero-head{ text-align:center; margin-left:auto; margin-right:auto; }\n .hero-head .hero-sub{ margin-left:auto; margin-right:auto; }\n .inst-body p{ text-align:justify; }\n #contenido .section-sub{ max-width:none; }\n .curio-card p{ text-align:justify; }\n .og-narrative{ max-width:none; }\n .og-sub-cin{ max-width:none; white-space:nowrap; }\n @media (max-width:1000px){ .og-sub-cin{ white-space:normal; } }\n .inst-method .md{ text-align:justify; }\n .og-narrative > p{ text-align:justify; }\n .og-close{ max-width:none; text-align:justify; }\n \/* === Optimizaci\u00f3n m\u00f3vil (v7) === *\/\n \/* Justificados globales *\/\n .ep-desc{ text-align:justify; }\n .optin-sub{ text-align:justify; }\n .optin-bonus-box .bonus-desc{ text-align:justify; }\n .optin-consent label{ text-align:justify; }\n .og-quote blockquote p{ text-align:justify; }\n \/* Saltos de l\u00ednea solo en m\u00f3vil *\/\n .br-m{ display:none; }\n @media (max-width:600px){\n .br-m{ display:inline; }\n \/* 1) etiqueta del v\u00eddeo en una l\u00ednea + widget con aire *\/\n .lp-tag{ white-space:nowrap; font-size:9.5px; letter-spacing:0.09em; justify-content:center; width:100%; }\n .lockplayer{ aspect-ratio:1\/1; }\n .lp-center{ gap:14px; padding:22px 18px; }\n .lp-headline{ font-size:16px; }\n \/* 3) descripci\u00f3n m\u00e1s compacta *\/\n .ep-desc{ font-size:13.5px; line-height:1.5; }\n \/* reduce interlineado meta *\/\n .ep-meta2{ gap:8px 18px; line-height:1.3; }\n \/* 4) \"Un arquitecto de verdad.\" en una l\u00ednea *\/\n #instructor .section-h2{ font-size:clamp(1.5rem,6.4vw,2.1rem); line-height:1.14; }\n \/* 5) las 3 estad\u00edsticas en una sola fila *\/\n .inst-metrics{ flex-wrap:nowrap; gap:16px; justify-content:center; }\n .inst-metric{ text-align:center; }\n .inst-metric .v{ font-size:1.55rem; }\n .inst-metric .l{ font-size:8px; max-width:none; }\n \/* 6) marcas centradas *\/\n .inst-badges{ justify-content:center; }\n \/* 9) el cuadro de origen no se sale de pantalla *\/\n .og-cinematic{ aspect-ratio:auto; min-height:0; }\n .og-over{ position:relative; max-width:none; padding:24px 20px; }\n .og-h2{ font-size:clamp(1.3rem,5.4vw,2.2rem); }\n .og-year{ display:none; }\n \/* 11) el bot\u00f3n no se sale de pantalla *\/\n .btn-ghost{ white-space:normal; max-width:100%; text-align:center; }\n }\n \/* === Instructor copiado de la web de formaci\u00f3n === *\/\n .inst-layout{ grid-template-columns:0.62fr 1fr; gap:60px; }\n .inst-photo::after{ box-shadow: inset 0 -120px 90px -60px rgba(18,13,9,0.85); }\n .inst-cap{ position:absolute; left:24px; bottom:22px; z-index:2; }\n .inst-cap .nm{ font-family:'Fraunces',serif; font-weight:500; font-size:21px; color:var(--light); }\n .inst-cap .rl{ font-family:'Poppins',sans-serif; font-size:10px; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); margin-top:4px; }\n .inst-body p, .inst-method .md{ text-align:justify; text-align-last:left; }\n .inst-method .mn{ font-size:1.5rem; }\n .inst-badges{ gap:10px; flex-wrap:nowrap; }\n .inst-badge{ font-size:10px; letter-spacing:0.08em; white-space:nowrap; padding:7px 13px; }\n .inst-metrics{ gap:34px; flex-wrap:nowrap; }\n .inst-metric .v{ font-size:2.2rem; }\n .inst-metric .l{ font-size:10px; }\n .stat-counter{ font-variant-numeric:tabular-nums; display:inline-block; min-width:1.5ch; text-align:center; }\n @media (max-width:1000px){ .inst-layout{ grid-template-columns:1fr; gap:40px; } .inst-photo{ max-width:380px; margin:0 auto; } .inst-badges{ flex-wrap:wrap; } }\n @media (max-width:600px){\n \/* Estad\u00edsticas como en la web de formaci\u00f3n: grandes y a la izquierda (2x2) *\/\n .inst-metrics{ flex-wrap:wrap; justify-content:flex-start; gap:26px 34px; }\n .inst-metric{ text-align:left; }\n .inst-metric .v{ font-size:2.2rem; }\n .inst-metric .l{ font-size:10px; max-width:150px; }\n \/* Badges a la izquierda y algo m\u00e1s grandes *\/\n .inst-badges{ flex-wrap:wrap; justify-content:flex-start; gap:9px; }\n .inst-badge{ font-size:11px; padding:8px 15px; }\n }\n \/* === Historia y cita: mismo tratamiento que la web de formaci\u00f3n === *\/\n .og-sub-cin{ text-align:justify; text-align-last:left; hyphens:auto; }\n .og-quote blockquote p{ text-align-last:left; font-size:clamp(18px,2vw,24px); }\n @media (max-width:600px){\n .og-h2 br{ display:none; }\n .og-h2{ font-size:1.6rem; text-align:justify; text-align-last:left; }\n #instructor .section-h2{ font-size:1.85rem; text-align:left; line-height:1.14; }\n }\n <\/style>\n\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\nfbq('init', '1785165915806839');\nfbq('track', 'PageView');\n<\/script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1\"\n\/><\/noscript>\n\n<\/head>\n<body>\n\n\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<div id=\"bg-canvas\"><\/div>\n<div class=\"bg-vignette\"><\/div>\n<div class=\"grain\"><\/div>\n<div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n\n<div class=\"topbar\">\n <div class=\"tb-logo\">CASAU<span>i<\/span>ARQ<\/div>\n <div class=\"tb-pill\"><span class=\"dot\"><\/span>Clase gratuita \u00b7 1h 40min \u00b7 Acceso privado<\/div>\n<\/div>\n\n\n<section class=\"hero\" id=\"top\">\n <div class=\"hero-head\">\n <div class=\"hero-eyebrow\"><span class=\"l\"><\/span><span>Clase gratuita \u00b7 IA para arquitectos<\/span><\/div>\n <h1 class=\"hero-h1\">IA aplicada a tus <em>proyectos reales<\/em>,<br>en una clase de 1h 40min.<\/h1>\n <p class=\"hero-sub\">Acceso privado y gratuito al sistema que un arquitecto usa en proyectos de <em>Hyatt, 1Hotels y Thompson<\/em> \u2014 sin tutoriales que no sabes c\u00f3mo aplicar el lunes. Bonus incluido al acceder: los 100 Prompts de IA para Arquitectura.<\/p>\n <\/div>\n\n \n <div class=\"vsl-wrap reveal\">\n <div class=\"vsl-tag\"><span class=\"dotlive\"><\/span>Ve el v\u00eddeo antes de desbloquear tu acceso<\/div>\n <div class=\"vsl-frame\">\n <div style=\"padding:56.25% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/1205512577?title=0&byline=0&portrait=0&badge=0&autopause=0&player_id=0&app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"VSL B2C\"><\/iframe><\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-body\">\n <div class=\"lp-wrap\">\n <div class=\"lp-tag\"><span class=\"dotlive\"><\/span>Clase completa \u00b7 1h 40min \u00b7 por Eduardo Casa\u00fa<\/div>\n <div class=\"lockplayer\" id=\"lockplayer\">\n <div class=\"lp-bg\"><\/div>\n <div class=\"lp-overlay\"><\/div>\n <div class=\"lp-topbar\"><span class=\"lp-badge\">GRATIS<\/span><\/div>\n <div class=\"lp-center\">\n <div class=\"lp-lock\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:24px;height:24px;color:var(--accent-2)\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n <\/svg>\n <\/div>\n <h2 class=\"lp-headline\">1h 40min para dejar de perder d\u00edas en tareas que la IA <em>ya resuelve<\/em><\/h2>\n <p class=\"lp-hint\">Introduce tus datos para desbloquear la clase \u2192<\/p>\n <\/div>\n <div class=\"lp-bottombar\">\n <div class=\"lp-progress\"><div class=\"lp-progress-fill\"><\/div><\/div>\n <div class=\"lp-controls\">\n <div class=\"lp-ctrl-btn\">\n <svg viewBox=\"0 0 20 20\" fill=\"rgba(255,255,255,.4)\" style=\"width:9px;height:9px;margin-left:1px\"><path d=\"M5 3.5L16.5 10 5 16.5V3.5z\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"lp-epi-title\">Sistema ARQ\u00b7IA \u00b7 Clase gratuita<\/div>\n <div class=\"lp-epi-meta\">CASAUiARQ \u00b7 100 min<\/div>\n <\/div>\n <span class=\"lp-time\">00:00 \/ 1:40:00<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ep-info\">\n <div class=\"ep-tags\">\n <span>Renders con IA<\/span><span>Documentaci\u00f3n t\u00e9cnica<\/span><span>Workflows<\/span><span>Arquitectura e interiorismo<\/span>\n <\/div>\n <p class=\"ep-desc\">C\u00f3mo un arquitecto con proyectos de hospitalidad de lujo usa la IA cada semana: renders profesionales, memorias t\u00e9cnicas y presentaciones de cliente. Sin im\u00e1genes de fantas\u00eda, sin teor\u00eda vac\u00eda \u2014 el sistema tal cual se aplica en un proyecto real.<\/p>\n <div class=\"ep-meta2\">\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M2 20c0-3.5 3-6 7-6s7 2.5 7 6\"\/><circle cx=\"17\" cy=\"9\" r=\"2.4\"\/><path d=\"M15.5 14.2c2.6.4 4.5 2.3 4.5 5.3\"\/><\/svg><b>60+ profesionales<\/b> del sector AEC formados<\/span>\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 9l10-4 10 4-10 4z\"\/><path d=\"M6 11.5V17c0 1.5 3 3 6 3s6-1.5 6-3v-5.5\"\/><path d=\"M22 9v6\"\/><\/svg>Docencia en <b>UCAM<\/b> y <b>COAMU<\/b><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\" id=\"acceso\">\n <div class=\"optin\" id=\"optin\">\n <div class=\"optin-ribbon\">Gratis<\/div>\n <div class=\"optin-head\">\n <div class=\"optin-title\">Desbloquea la clase ahora.<\/div>\n <div class=\"optin-sub\">Acceso instant\u00e1neo en cuanto env\u00edes el formulario. Sin esperas, sin spam.<\/div>\n <\/div>\n <form onsubmit=\"handleOptin(event)\">\n <input type=\"hidden\" name=\"_subject\" value=\"Nuevo registro \u2014 Clase gratuita 1h40 IA para arquitectos\" \/>\n <input type=\"hidden\" name=\"origen\" value=\"Opt-in Clase 1h40\" \/>\n <div class=\"optin-field\"><input class=\"optin-input\" type=\"text\" name=\"nombre\" placeholder=\"C\u00f3mo te llamas\" required \/><\/div>\n <div class=\"optin-field\"><input class=\"optin-input\" type=\"email\" name=\"email\" placeholder=\"tu@correo.com\" required \/><\/div>\n <div class=\"optin-field\">\n <select class=\"optin-select\" name=\"perfil\" required>\n <option value=\"\" disabled selected>Selecciona tu perfil<\/option>\n <option>Arquitecto \/ interiorista \/ dise\u00f1ador<\/option>\n <option>Estudio peque\u00f1o (2\u20135 personas)<\/option>\n <option>Estudio mediano \/ grande (+6)<\/option>\n <option>Constructora \/ promotora<\/option>\n <option>Docente \/ instituci\u00f3n<\/option>\n <option>Estudiante<\/option>\n <option>Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"optin-bonus-box\">\n <div class=\"bonus-ic\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"9\" width=\"18\" height=\"12\" rx=\"1.5\"\/><path d=\"M3 9h18\"\/><path d=\"M12 9v12\"\/><path d=\"M12 9c-1.6-3.4-6.5-3.4-6.5 0 1.6 0 4.3-.5 6.5 0z\"\/><path d=\"M12 9c1.6-3.4 6.5-3.4 6.5 0-1.6 0-4.3-.5-6.5 0z\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"bonus-tag\">Bonus incluido<\/div>\n <div class=\"bonus-title\">100 Prompts IA para Arquitectura<\/div>\n <p class=\"bonus-desc\">Gu\u00eda de 218 p\u00e1ginas con prompts probados en proyectos reales \u2014 gratis solo por registrarte.<\/p>\n <\/div>\n <\/div>\n <div class=\"optin-consent\">\n <input type=\"checkbox\" name=\"consentimiento\" id=\"consent\" required \/>\n <label for=\"consent\">Acepto la <a href=\"https:\/\/casauiarq.com\/politica-de-privacidad\/\" target=\"_blank\" rel=\"noopener\">pol\u00edtica de privacidad<\/a> y el tratamiento de mis datos para acceder al recurso gratuito y recibir comunicaciones de CASAUiARQ. Puedo darme de baja en cualquier momento.<\/label>\n <\/div>\n <button type=\"submit\" class=\"optin-submit\" id=\"optinBtn\">Desbloquear la clase <span class=\"arrow\">\u2192<\/span><\/button>\n <\/form>\n <div class=\"optin-trust\">\n <span><svg viewBox=\"0 0 20 20\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Sin spam<\/span>\n <span><svg viewBox=\"0 0 20 20\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"3\" y=\"11\" width=\"14\" height=\"7\" rx=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M7 11V7a3 3 0 016 0v4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Datos seguros<\/span>\n <span><svg viewBox=\"0 0 20 20\" fill=\"none\" stroke-width=\"1.5\"><circle cx=\"10\" cy=\"10\" r=\"8\" stroke-linecap=\"round\"\/><path d=\"M10 6v4l3 3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Acceso inmediato<\/span>\n <\/div>\n <div class=\"optin-success\">\n <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4,13 9,18 20,6\"\/><\/svg><\/div>\n <h3>\u00a1Acceso confirmado!<\/h3>\n <p>La descarga de los 100 Prompts de IA ha comenzado autom\u00e1ticamente. Si no se inicia, \u00fasala m\u00e1s abajo. Ya puedes acceder a la masterclass:<\/p>\n <a href=\"https:\/\/casauiarq.com\/masterclass\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary\" style=\"width:100%;justify-content:center;\">Ir a la masterclass <span class=\"arrow\">\u2192<\/span><\/a>\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1uwv99fgoIFPf5L4QNppNn3ITI6aDye2u\" download=\"100-prompts-ia-arquitectura_CASAUiARQ.pdf\" target=\"_blank\" rel=\"noopener\" class=\"bonus-link\">Descargar manualmente el PDF de los 100 Prompts \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"panel deep\" id=\"instructor\">\n <div class=\"section-wrap\">\n <div class=\"section-label reveal\"><span>Qui\u00e9n ense\u00f1a<\/span><\/div>\n <h2 class=\"section-h2 reveal delay-1\">Un arquitecto de verdad.<br>No un <em>divulgador de tecnolog\u00eda<\/em>.<\/h2>\n <div class=\"inst-layout\">\n <div class=\"inst-photo reveal delay-1\">\n <img decoding=\"async\" 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\" onerror=\"this.style.display='none'\" \/>\n <div class=\"inst-cap\"><div class=\"nm\">Eduardo Casa\u00fa Pedre\u00f1o<\/div><div class=\"rl\">Arquitecto \u00b7 Formador IA \u00b7 CASAUiARQ<\/div><\/div>\n <\/div>\n <div class=\"inst-body reveal delay-2\">\n <p>Soy arquitecto. He trabajado en proyectos de hospitalidad de lujo en EE. UU. y Espa\u00f1a \u2014 <em>Hyatt, 1Hotels, Thompson, Marriott<\/em>. S\u00e9 lo que es preparar una propuesta a las 2 de la ma\u00f1ana para entregar al d\u00eda siguiente.<\/p>\n <p>La IA que ense\u00f1o en esta clase no la saqu\u00e9 de tutoriales. La desarroll\u00e9 para resolver los problemas reales que yo ten\u00eda en mis propios proyectos. Por eso es diferente y por eso funciona el lunes.<\/p>\n <div class=\"inst-method\">\n <div class=\"mt\">La metodolog\u00eda<\/div>\n <div class=\"mn\">Sistema ARQ\u00b7IA<\/div>\n <div class=\"md\">El m\u00e9todo que aplico en proyectos reales y ense\u00f1o paso a paso: de herramientas sueltas a un sistema documentado que es tuyo.<\/div>\n <\/div>\n <p>He formado a m\u00e1s de 60 profesionales del sector AEC en la <em>UCAM<\/em> y el <em>COAMU<\/em>. Todo lo que ense\u00f1o lo uso yo mismo en mis propios proyectos, no en demos.<\/p>\n <div class=\"inst-metrics\">\n <div class=\"inst-metric\"><div class=\"v\"><span class=\"stat-counter\" data-target=\"60\">0<\/span>+<\/div><div class=\"l\">profesionales del sector formados<\/div><\/div>\n <div class=\"inst-metric\"><div class=\"v\"><span class=\"stat-counter\" data-target=\"16\">0<\/span>+<\/div><div class=\"l\">proyectos internacionales<\/div><\/div>\n <div class=\"inst-metric\"><div class=\"v\"><span class=\"stat-counter\" data-target=\"30\">0<\/span>+<\/div><div class=\"l\">herramientas dominadas<\/div><\/div>\n <div class=\"inst-metric\"><div class=\"v\"><span class=\"stat-counter\" data-target=\"100\">0<\/span>%<\/div><div class=\"l\">sobre proyectos reales, no demos<\/div><\/div>\n <\/div>\n <div class=\"inst-badges\">\n <span class=\"inst-badge\">Hyatt<\/span><span class=\"inst-badge\">1Hotels<\/span><span class=\"inst-badge\">Thompson<\/span><span class=\"inst-badge\">Marriott<\/span><span class=\"inst-badge\">Acciona<\/span><span class=\"inst-badge\">UCAM<\/span><span class=\"inst-badge\">COAMU<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"panel bg\" id=\"contenido\">\n <div class=\"section-wrap\">\n <div class=\"section-label reveal\"><span>Lo que vas a aprender en la clase<\/span><\/div>\n <h2 class=\"section-h2 reveal delay-1\">100 minutos. <br class=\"br-m\"><em>Cinco cosas<\/em> que podr\u00e1s <br class=\"br-m\">aplicar ya.<\/h2>\n <p class=\"section-sub reveal delay-2\">Cada bloque de la clase est\u00e1 pensado para que salgas con algo aplicable al proyecto que tienes esta semana sobre la mesa.<\/p>\n <div class=\"curio-grid\">\n <div class=\"curio-card reveal delay-1\">\n <div class=\"curio-num\">Bloque 01<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"22\" cy=\"22\" r=\"17\"\/><path d=\"M22 5v6M22 33v6M5 22h6M33 22h6\"\/><circle cx=\"22\" cy=\"22\" r=\"4\"\/>\n <\/svg>\n <h3>El mapa de la IA para arquitectura<\/h3>\n <p>Qu\u00e9 herramientas sirven de verdad en un proyecto real y cu\u00e1les son ruido. Sales sabiendo en <span class=\"curio-blur\">cu\u00e1les 3 herramientas<\/span> invertir tu tiempo esta semana.<\/p>\n <\/div>\n <div class=\"curio-card reveal delay-2\">\n <div class=\"curio-num\">Bloque 02<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"5\" y=\"9\" width=\"34\" height=\"24\" rx=\"2.5\"\/><circle cx=\"15\" cy=\"18\" r=\"3\"\/><path d=\"M5 29l10-9 8 7 6-5 10 9\"\/>\n <\/svg>\n <h3>Renders conceptuales en minutos<\/h3>\n <p>C\u00f3mo presentar alternativas de dise\u00f1o el mismo d\u00eda que te las piden. La combinaci\u00f3n exacta de <span class=\"curio-blur\">Midjourney + Veras<\/span> que usa Eduardo en proyectos de hospitalidad de lujo.<\/p>\n <\/div>\n <div class=\"curio-card reveal delay-1\">\n <div class=\"curio-num\">Bloque 03<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 4h14l8 8v28H12z\"\/><path d=\"M26 4v8h8\"\/><path d=\"M17 24h10M17 29h10M17 19h6\"\/>\n <\/svg>\n <h3>Documentaci\u00f3n que se escribe sola<\/h3>\n <p>Memorias descriptivas y fichas t\u00e9cnicas en minutos en lugar de una tarde entera. Incluye <span class=\"curio-blur\">la estructura de prompt exacta<\/span> que usa en sus propios proyectos.<\/p>\n <\/div>\n <div class=\"curio-card reveal delay-2\">\n <div class=\"curio-num\">Bloque 04<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M9 22a13 13 0 0 1 22-9\" \/><path d=\"M31 9v6h-6\" \/><path d=\"M35 22a13 13 0 0 1-22 9\" \/><path d=\"M13 35v-6h6\" \/>\n <\/svg>\n <h3>Tu primer workflow, paso a paso<\/h3>\n <p>C\u00f3mo encadenar las herramientas en un flujo repetible, no trucos sueltos. Sales con <span class=\"curio-blur\">tu propio workflow<\/span> listo para tu pr\u00f3ximo proyecto.<\/p>\n <\/div>\n <div class=\"curio-card reveal delay-1\">\n <div class=\"curio-num\">Bloque 05<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 6v20\"\/><circle cx=\"22\" cy=\"33\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"\/><path d=\"M8 38h28\"\/>\n <\/svg>\n <h3>El error que hace abandonar la IA<\/h3>\n <p>Por qu\u00e9 la mayor\u00eda de arquitectos lo intentan una vez y lo dejan \u2014 y <span class=\"curio-blur\">el ajuste concreto<\/span> que hace que el sistema se quede contigo en cada proyecto.<\/p>\n <\/div>\n <div class=\"curio-card bonus reveal delay-2\">\n <div class=\"curio-num\">Bonus<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"6\" y=\"16\" width=\"32\" height=\"22\" rx=\"2.5\"\/><path d=\"M6 22h32\"\/><path d=\"M22 16v22\"\/><path d=\"M22 16c-3-6-12-6-12 0 3 0 8-1 12 0z\"\/><path d=\"M22 16c3-6 12-6 12 0-3 0-8-1-12 0z\"\/>\n <\/svg>\n <h3>100 Prompts IA para Arquitectura<\/h3>\n <p>Al acceder a la clase te llevas tambi\u00e9n la gu\u00eda de <strong style=\"color:var(--light)\">218 p\u00e1ginas<\/strong> con 100 prompts probados, calibrados para ChatGPT, Claude, Midjourney y Flux. Solo por registrarte.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"panel deep\">\n <div class=\"section-wrap\" style=\"padding-top:72px;padding-bottom:96px;\">\n <div class=\"section-label reveal\"><span>Dentro de la clase<\/span><\/div>\n <h2 class=\"section-h2 reveal delay-1\">Lo que dicen quienes <br class=\"br-m\"><em>ya la vieron<\/em>.<\/h2>\n <p class=\"section-sub reveal delay-2\">Cuatro testimonios en v\u00eddeo, disponibles al desbloquear el acceso.<\/p>\n <div class=\"stim-grid\">\n <div class=\"stim-card reveal delay-1\">\n <div class=\"stim-bg\" style=\"background-image:url('https:\/\/vumbnail.com\/1204581016.jpg')\"><\/div>\n <div class=\"stim-overlay\"><\/div>\n <div class=\"stim-inner\">\n <div class=\"stim-lock\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\n <div class=\"stim-name\">Lorenzo<\/div>\n <div class=\"stim-role\">Arquitecto, Profesor y Doctor<br>Grado en Arquitectura \u00b7 UCAM<\/div>\n <\/div>\n <div class=\"stim-hint\">Disponible dentro<\/div>\n <\/div>\n <div class=\"stim-card reveal delay-2\">\n <div class=\"stim-bg\" style=\"background-image:url('https:\/\/vumbnail.com\/1204580963.jpg')\"><\/div>\n <div class=\"stim-overlay\"><\/div>\n <div class=\"stim-inner\">\n <div class=\"stim-lock\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\n <div class=\"stim-name\">Claudia<\/div>\n <div class=\"stim-role\">Grado en Arquitectura \u00b7 UCAM<\/div>\n <\/div>\n <div class=\"stim-hint\">Disponible dentro<\/div>\n <\/div>\n <div class=\"stim-card reveal delay-1\">\n <div class=\"stim-bg\" style=\"background-image:url('https:\/\/vumbnail.com\/1206417811.jpg')\"><\/div>\n <div class=\"stim-overlay\"><\/div>\n <div class=\"stim-inner\">\n <div class=\"stim-lock\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\n <div class=\"stim-name\">Micaela<\/div>\n <div class=\"stim-role\">Grado en Arquitectura \u00b7 UCAM<\/div>\n <\/div>\n <div class=\"stim-hint\">Disponible dentro<\/div>\n <\/div>\n <div class=\"stim-card reveal delay-2\">\n <div class=\"stim-bg\" style=\"background-image:url('https:\/\/vumbnail.com\/1204585034.jpg')\"><\/div>\n <div class=\"stim-overlay\"><\/div>\n <div class=\"stim-inner\">\n <div class=\"stim-lock\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\n <div class=\"stim-name\">Raquel<\/div>\n <div class=\"stim-role\">Grado en Arquitectura \u00b7 UCAM<\/div>\n <\/div>\n <div class=\"stim-hint\">Disponible dentro<\/div>\n <\/div>\n <\/div>\n <div class=\"stim-hint\">Disponible dentro<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"panel bg\" id=\"origen\">\n <div class=\"section-wrap\" style=\"padding-bottom:88px;\">\n <div class=\"og-cinematic reveal\">\n <img decoding=\"async\" class=\"og-bg\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=1400&q=80\" alt=\"Arquitecto trabajando solo, de noche, sobre planos t\u00e9cnicos\" loading=\"lazy\" \/>\n <div class=\"og-scrim\"><\/div>\n <div class=\"og-over\">\n <div class=\"og-eyebrow\">Por qu\u00e9 existe esta clase \u00b7 2023<\/div>\n <h2 class=\"og-h2\">Seis meses de noches <br>y fines de semana, <br>aprendiendo solo, sin mapa <br><em>para que t\u00fa no los necesites.<\/em><\/h2>\n <p class=\"og-sub-cin\">Por Eduardo Casa\u00fa, arquitecto \u2014 ocho a\u00f1os en hospitalidad de lujo internacional.<\/p>\n <\/div>\n <div class=\"og-year\">2023<\/div>\n <\/div>\n\n <div class=\"og-narrative\">\n <p class=\"reveal\">2023. Un proyecto de hotel de lujo. Entrega al d\u00eda siguiente. Eduardo, solo, a las dos de la ma\u00f1ana, con la memoria a medias y los renders todav\u00eda en el estudio externo \u2014 cuatro d\u00edas de espera y 1.200 euros que no le apetec\u00eda pagar otra vez.<\/p>\n <p class=\"og-voice reveal\">\"Llevaba ocho a\u00f1os entregando propuestas as\u00ed. Y esa noche me pregunt\u00e9 si ten\u00eda que seguir siendo as\u00ed.\"<\/p>\n <p class=\"reveal\">Pas\u00f3 los seis meses siguientes probando herramientas de IA por su cuenta, de noche, despu\u00e9s de las horas de proyecto. No los tutoriales de renders de fantas\u00eda, que en un proyecto con plazo y cliente real no sirven para nada. Memorias, propuestas, visualizaci\u00f3n conceptual, documentaci\u00f3n t\u00e9cnica. Meses de pruebas y errores, a solas, sobre proyectos que ten\u00edan que entregarse de verdad.<\/p>\n <p class=\"reveal\">Y entonces algo funcion\u00f3. Una propuesta que le llevaba tres d\u00edas: medio d\u00eda. Los renders que antes encargaba a un externo: los produc\u00eda \u00e9l mismo en dos horas, sin coste. La memoria que le consum\u00eda una tarde entera: cuarenta y cinco minutos.<\/p>\n\n <div class=\"og-quote reveal\">\n <div class=\"og-quote-mark\">\"<\/div>\n <blockquote>\n <p>Los arquitectos que adoptaron el BIM en 2008 ya llevaban a\u00f1os de ventaja cuando se volvi\u00f3 obligatorio para todos los dem\u00e1s. Con la IA est\u00e1 pasando lo mismo, solo que a cuatro veces m\u00e1s velocidad. Y esta vez no necesitas esperar a que tu estudio decida nada \u2014 lo puedes hacer t\u00fa solo, esta misma semana.<\/p>\n <cite>Eduardo Casa\u00fa \u00b7 Arquitecto \u00b7 Fundador del Sistema ARQ\u00b7IA<\/cite>\n <\/blockquote>\n <\/div>\n\n <p class=\"og-close reveal\">Aprenderlo solo le cost\u00f3 seis meses de noches y fines de semana. Esta clase existe para que a ti no te cueste lo mismo \u2014 1h 40min con alguien que ya se equivoc\u00f3 por ti.<\/p>\n <div style=\"text-align:center;margin-top:34px;\" class=\"reveal\">\n <a href=\"#acceso\" class=\"btn-ghost\">Desbloquea la clase y empieza t\u00fa tambi\u00e9n \u2191<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"panel surf final\">\n <div class=\"final-glow\"><\/div>\n <div class=\"section-wrap\">\n <div class=\"final-inner\" style=\"max-width:780px;\">\n <h2 class=\"reveal\">Tu acceso a la clase<br>est\u00e1 a <em>un formulario<\/em><br>de distancia.<\/h2>\n <p class=\"reveal delay-1\">Gratis, online, con proyectos reales \u2014 y los 100 Prompts de IA de regalo.<\/p>\n <div class=\"reveal delay-1\">\n <a href=\"#acceso\" class=\"btn-primary\" style=\"font-size:14px;padding:18px 44px;\">Desbloquear la clase gratis <span class=\"arrow\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"footer\">\n <div class=\"fl\">CASAU<span>i<\/span>ARQ<\/div>\n <div class=\"fm\">\u00a9 2026 CASAUiARQ \u00b7 IA aplicada al proyecto real \u00b7 <a href=\"mailto:info@casauiarq.com\">info@casauiarq.com<\/a><\/div>\n<\/div>\n\n<script>\n(function(){ const bar=document.getElementById('preBar'), pct=document.getElementById('prePct'), pre=document.getElementById('preloader'); let p=0; const iv=setInterval(()=>{ p+=Math.random()*16+7; if(p>=100){p=100;clearInterval(iv);setTimeout(()=>pre.classList.add('done'),300);} bar.style.width=p+'%'; pct.textContent=Math.floor(p)+'%'; },65); })();\n(function(){ const pbar=document.getElementById('progressBar'); function onScroll(){ const h=document.documentElement.scrollHeight-innerHeight; pbar.style.width=(h>0?(scrollY\/h)*100:0)+'%'; } addEventListener('scroll',onScroll,{passive:true}); onScroll(); })();\n(function(){ const obs=new IntersectionObserver((es)=>{es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible');obs.unobserve(e.target);}});},{threshold:0.14}); document.querySelectorAll('.reveal').forEach(el=>obs.observe(el)); })();\n\n\/* OPT-IN \u2192 Webhook Make (Google Sheets) + descarga del PDF, sin abandonar la p\u00e1gina *\/\nconst WEBHOOK_URL='https:\/\/hook.eu1.make.com\/zru7fxq5lckw2riusg9xlq4ghyatd2ah';\n\/* URL del PDF. Usamos el mismo archivo de Google Drive que ya funciona en la landing de 100 prompts.\n Para una descarga 100% silenciosa, sube el PDF a casauiarq.com (mismo dominio) y sustituye esta URL:\n entonces la descarga por blob de m\u00e1s abajo lo baja directamente sin intermediarios. *\/\nconst PDF_URL='https:\/\/drive.google.com\/uc?export=download&id=1uwv99fgoIFPf5L4QNppNn3ITI6aDye2u';\nconst REDIRECT_URL='https:\/\/casauiarq.com\/masterclass\/';\n\nfunction madridTimestamp(){\n const p=new Intl.DateTimeFormat('es-ES',{timeZone:'Europe\/Madrid',year:'numeric',month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit',second:'2-digit',hour12:false}).formatToParts(new Date());\n const g=t=>{const f=p.find(x=>x.type===t);return f?f.value:'';};\n return g('year')+'-'+g('month')+'-'+g('day')+' '+g('hour')+':'+g('minute')+':'+g('second');\n}\n\nfunction dispararDescarga(url, filename){\n \/\/ 1) Intento de descarga REAL v\u00eda blob. Funciona si el PDF est\u00e1 en el mismo dominio o permite CORS.\n fetch(url,{mode:'cors'})\n .then(r=>{ if(!r.ok) throw new Error('HTTP '+r.status); return r.blob(); })\n .then(blob=>{\n const obj=URL.createObjectURL(blob);\n const a=document.createElement('a');\n a.href=obj; a.download=filename;\n document.body.appendChild(a); a.click(); a.remove();\n setTimeout(()=>URL.revokeObjectURL(obj),5000);\n })\n .catch(()=>{\n \/\/ 2) Fallback (Google Drive u otro dominio): iframe oculto.\n \/\/ Dispara la descarga SIN abandonar ni cambiar la pesta\u00f1a principal.\n const ifr=document.createElement('iframe');\n ifr.style.display='none'; ifr.src=url;\n document.body.appendChild(ifr);\n setTimeout(()=>ifr.remove(),60000);\n });\n}\n\nasync function handleOptin(e){\n e.preventDefault();\n const form=e.target, btn=document.getElementById('optinBtn'), card=document.getElementById('optin');\n btn.textContent='Enviando...'; btn.disabled=true;\n \/\/ 1) Guardar el lead en Make -> Google Sheets (x-www-form-urlencoded, como espera el escenario)\n const payload=new URLSearchParams({\n fecha: madridTimestamp(),\n nombre: (form.nombre.value||'').trim(),\n email: (form.email.value||'').trim().toLowerCase(),\n perfil: form.perfil.value||'',\n interes: '',\n fuente: 'landing-clase-vsl-1h40',\n referrer: document.referrer||'direct',\n consentimiento: form.consentimiento.checked ? 'si' : 'no'\n });\n try{\n await fetch(WEBHOOK_URL,{method:'POST',body:payload,mode:'no-cors',keepalive:true});\n }catch(err){ \/* seguimos igualmente para no bloquear al usuario *\/ }\n \/\/ 2) El usuario se queda en el banner de confirmaci\u00f3n y se dispara la descarga del PDF.\n \/\/ NO redirigimos ni abrimos pesta\u00f1as nuevas: el acceso a la masterclass y la descarga\n \/\/ manual est\u00e1n disponibles como botones dentro del propio banner.\n card.classList.add('done');\n dispararDescarga(PDF_URL,'100-prompts-ia-arquitectura_CASAUiARQ.pdf');\n}\n<\/script>\n\n\n<script>\n(function(){\n if (!window.THREE) return; const mount = document.getElementById('bg-canvas'); if (!mount) return;\n const easeInOut = t => t<0.5 ? 2*t*t : 1-Math.pow(-2*t+2,2)\/2; const easeOutCubic = t => 1-Math.pow(1-t,3); const lerp = (a,b,t) => a+(b-a)*t; const clamp01 = v => v<0?0:v>1?1:v;\n let W = innerWidth, H = innerHeight; let renderer;\n try { renderer = new THREE.WebGLRenderer({ antialias:true, alpha:true, powerPreference:'high-performance' }); } catch(e){ return; }\n const DPR = Math.min(devicePixelRatio, 1.6); renderer.setSize(W,H); renderer.setPixelRatio(DPR);\n renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.0; if (THREE.sRGBEncoding) renderer.outputEncoding = THREE.sRGBEncoding;\n mount.appendChild(renderer.domElement);\n const scene = new THREE.Scene(); scene.fog = new THREE.FogExp2(0x140f0b, 0.014);\n const camera = new THREE.PerspectiveCamera(45, W\/H, 0.1, 300); camera.position.set(0, 0, 50);\n try {\n const c = document.createElement('canvas'); c.width = 512; c.height = 256; const x = c.getContext('2d');\n const g = x.createLinearGradient(0,0,0,256); g.addColorStop(0,'#241712'); g.addColorStop(0.44,'#3a2014'); g.addColorStop(0.5,'#7a3d1e'); g.addColorStop(0.56,'#c4622d'); g.addColorStop(0.63,'#5a2f18'); g.addColorStop(1,'#0d0907'); x.fillStyle = g; x.fillRect(0,0,512,256);\n let rg = x.createRadialGradient(360,90,0,360,90,130); rg.addColorStop(0,'rgba(255,205,150,1)'); rg.addColorStop(0.4,'rgba(232,137,90,0.55)'); rg.addColorStop(1,'rgba(232,137,90,0)'); x.fillStyle = rg; x.fillRect(0,0,512,256);\n let rg2 = x.createRadialGradient(120,150,0,120,150,90); rg2.addColorStop(0,'rgba(150,170,200,0.5)'); rg2.addColorStop(1,'rgba(150,170,200,0)'); x.fillStyle = rg2; x.fillRect(0,0,512,256);\n const tex = new THREE.CanvasTexture(c); tex.mapping = THREE.EquirectangularReflectionMapping; const pmrem = new THREE.PMREMGenerator(renderer); pmrem.compileEquirectangularShader(); const rt = pmrem.fromEquirectangular(tex); scene.environment = rt.texture; tex.dispose(); pmrem.dispose();\n } catch(e){}\n scene.add(new THREE.AmbientLight(0x4a2c1c, 0.5));\n const keyL = new THREE.PointLight(0xffb070, 3.0, 200, 1.3); keyL.position.set(26,34,26); scene.add(keyL);\n const fillL = new THREE.PointLight(0xC4622D, 1.2, 150, 1.5); fillL.position.set(-8,-16,28); scene.add(fillL);\n const rimL = new THREE.PointLight(0x9ab0d0, 0.7, 160, 1.6); rimL.position.set(-28,14,-22); scene.add(rimL);\n const tower = new THREE.Group(); scene.add(tower); const FLOORS = 26, GAP = 0.66, TWIST = 0.14;\n const slabMat = new THREE.MeshStandardMaterial({ color:0x2a1b11, metalness:0.95, roughness:0.26, emissive:0xC4622D, emissiveIntensity:0.05, envMapIntensity:1.15 }); const slabs = [];\n for (let i=0;i<FLOORS;i++){ const t=i\/FLOORS, s=7.0*(1-t*0.52); const geo=new THREE.BoxGeometry(s,0.16,s); const mesh=new THREE.Mesh(geo,slabMat); const eMat=new THREE.LineBasicMaterial({ color:0xff9a55, transparent:true, opacity:0.9 }); const edges=new THREE.LineSegments(new THREE.EdgesGeometry(geo), eMat); const fl=new THREE.Group(); fl.add(mesh); fl.add(edges); const assembledY=i*GAP-(FLOORS*GAP)\/2, assembledRot=i*TWIST; const ang=Math.random()*Math.PI*2, rad=26+Math.random()*34; const scatter=new THREE.Vector3(Math.cos(ang)*rad,(Math.random()-0.5)*70,Math.sin(ang)*rad-12); const scatterRot=new THREE.Vector3((Math.random()-0.5)*3.2,Math.random()*Math.PI*2,(Math.random()-0.5)*3.2); fl.userData={ i, assembledY, assembledRot, scatter, scatterRot, eMat, start:(i\/FLOORS)*0.4 }; tower.add(fl); slabs.push(fl); }\n const core = new THREE.Mesh(new THREE.CylinderGeometry(0.18,0.18,FLOORS*GAP,16), new THREE.MeshBasicMaterial({ color:0xff8038, transparent:true, opacity:0 })); tower.add(core);\n function glowTex(){ const c=document.createElement('canvas'); c.width=256; c.height=256; const x=c.getContext('2d'); const g=x.createRadialGradient(128,128,0,128,128,128); g.addColorStop(0,'rgba(255,170,100,0.95)'); g.addColorStop(0.3,'rgba(196,98,45,0.4)'); g.addColorStop(1,'rgba(120,50,20,0)'); x.fillStyle=g; x.fillRect(0,0,256,256); return new THREE.CanvasTexture(c); }\n const glow = new THREE.Sprite(new THREE.SpriteMaterial({ map:glowTex(), color:0xC4622D, transparent:true, blending:THREE.AdditiveBlending, opacity:0, depthWrite:false })); glow.scale.set(58,58,1); glow.position.set(0,1,-12); scene.add(glow);\n const EMB=260; const ePos=new Float32Array(EMB*3); const eData=[]; for (let i=0;i<EMB;i++){ const r=4+Math.random()*22, a=Math.random()*Math.PI*2; ePos[i*3]=Math.cos(a)*r; ePos[i*3+1]=(Math.random()-0.5)*32; ePos[i*3+2]=Math.sin(a)*r; eData.push({sp:0.4+Math.random()*1.2}); }\n const eGeo=new THREE.BufferGeometry(); eGeo.setAttribute('position',new THREE.BufferAttribute(ePos,3)); const eMatP=new THREE.PointsMaterial({ color:0xffa860, size:0.18, sizeAttenuation:true, transparent:true, opacity:0.9, blending:THREE.AdditiveBlending, depthWrite:false }); const embers=new THREE.Points(eGeo,eMatP); scene.add(embers);\n const NODES=26, HALF=(FLOORS*GAP)\/2; const nodeGroup=new THREE.Group(); scene.add(nodeGroup); const nodeGeo=new THREE.SphereGeometry(0.13,12,12); const nodeMat=new THREE.MeshBasicMaterial({ color:0xffb070, transparent:true, opacity:0 }); const nodes=[];\n for (let i=0;i<NODES;i++){ const m=new THREE.Mesh(nodeGeo,nodeMat); m.userData={ radius:9+Math.random()*8, ang:Math.random()*6.28, speed:0.08+Math.random()*0.22, baseY:(Math.random()-0.5)*HALF*1.9, bob:Math.random()*6.28 }; nodeGroup.add(m); nodes.push(m); }\n const MAXL=NODES*4; const lp=new Float32Array(MAXL*2*3); const lg=new THREE.BufferGeometry(); lg.setAttribute('position',new THREE.BufferAttribute(lp,3)); const lmat=new THREE.LineBasicMaterial({ color:0xC4622D, transparent:true, opacity:0 }); const lines=new THREE.LineSegments(lg,lmat); nodeGroup.add(lines);\n const DUST=900; const dp=new Float32Array(DUST*3), dc=new Float32Array(DUST*3); for (let i=0;i<DUST;i++){ const r=16+Math.random()*50, th=Math.random()*6.28, ph=Math.acos(2*Math.random()-1); dp[i*3]=r*Math.sin(ph)*Math.cos(th); dp[i*3+1]=(Math.random()-0.5)*60; dp[i*3+2]=r*Math.sin(ph)*Math.sin(th); const cc=Math.random(); if(cc<0.6){dc[i*3]=0.77;dc[i*3+1]=0.38;dc[i*3+2]=0.18;}else if(cc<0.85){dc[i*3]=0.96;dc[i*3+1]=0.94;dc[i*3+2]=0.92;}else{dc[i*3]=0.83;dc[i*3+1]=0.44;dc[i*3+2]=0.25;} }\n const dgeo=new THREE.BufferGeometry(); dgeo.setAttribute('position',new THREE.BufferAttribute(dp,3)); dgeo.setAttribute('color',new THREE.BufferAttribute(dc,3)); const dust=new THREE.Points(dgeo,new THREE.PointsMaterial({ size:0.12, sizeAttenuation:true, vertexColors:true, transparent:true, opacity:0.5 })); scene.add(dust);\n let composer=null, bloomPass=null, finalPass=null; const usePost = !!(THREE.EffectComposer && THREE.RenderPass && THREE.UnrealBloomPass && THREE.ShaderPass);\n if (usePost){ try { composer = new THREE.EffectComposer(renderer); composer.setPixelRatio(DPR); composer.setSize(W,H); composer.addPass(new THREE.RenderPass(scene,camera)); bloomPass = new THREE.UnrealBloomPass(new THREE.Vector2(W,H), 0.9, 0.55, 0.5); composer.addPass(bloomPass);\n const FinalShader = { uniforms:{ tDiffuse:{value:null}, uTime:{value:0} }, vertexShader:'varying vec2 vUv; void main(){ vUv=uv; gl_Position=projectionMatrix*modelViewMatrix*vec4(position,1.0); }', fragmentShader:['varying vec2 vUv;','uniform sampler2D tDiffuse;','uniform float uTime;','void main(){',' vec2 uv=vUv; vec2 c=uv-0.5; float d=dot(c,c);',' float ca=0.0012+d*0.0045;',' vec3 col; col.r=texture2D(tDiffuse,uv+c*ca).r; col.g=texture2D(tDiffuse,uv).g; col.b=texture2D(tDiffuse,uv-c*ca).b;',' float vig=smoothstep(1.05,0.2,d*1.9); col*=mix(0.62,1.0,vig);',' float g=fract(sin(dot(uv*vec2(123.4,234.5)+uTime,vec2(12.9898,78.233)))*43758.5453);',' col+=(g-0.5)*0.05;',' gl_FragColor=vec4(col,1.0);','}'].join('\\n') };\n finalPass = new THREE.ShaderPass(FinalShader); finalPass.renderToScreen=true; composer.addPass(finalPass); } catch(e){ composer=null; } }\n let progress=0, target=0, mx=0, my=0; function cp(){ const h=document.documentElement.scrollHeight-innerHeight; target=h>0?clamp01(scrollY\/h):0; }\n addEventListener('scroll',cp,{passive:true}); addEventListener('mousemove',e=>{ mx=e.clientX\/innerWidth-0.5; my=e.clientY\/innerHeight-0.5; },{passive:true}); cp();\n const clock=new THREE.Clock(); let vis=true; document.addEventListener('visibilitychange',()=>{ vis=!document.hidden; }); const _v=new THREE.Vector3();\n function tick(){ requestAnimationFrame(tick); if(!vis) return; const dt=Math.min(clock.getDelta(),0.05), t=clock.elapsedTime; progress+=(target-progress)*0.06; const p=progress; tower.rotation.y += dt*0.07;\n for (let k=0;k<slabs.length;k++){ const fl=slabs[k], u=fl.userData; const local=easeOutCubic(clamp01((p-u.start)\/0.28)); _v.set(0,u.assembledY,0); fl.position.lerpVectors(u.scatter,_v,local); fl.rotation.x=lerp(u.scatterRot.x,0,local); fl.rotation.y=lerp(u.scatterRot.y,u.assembledRot,local)+Math.sin(t*0.4+u.i*0.22)*0.05*local; fl.rotation.z=lerp(u.scatterRot.z,0,local); u.eMat.opacity=(0.2+0.5*local)+Math.sin(t*1.3+u.i*0.35)*0.22*local; }\n const netFade=easeInOut(clamp01((p-0.15)\/0.5)); nodeMat.opacity=0.9*netFade; for (let k=0;k<nodes.length;k++){ const n=nodes[k]; n.userData.ang+=dt*n.userData.speed; n.position.set(Math.cos(n.userData.ang)*n.userData.radius, n.userData.baseY+Math.sin(t*0.6+n.userData.bob)*1.1, Math.sin(n.userData.ang)*n.userData.radius); }\n const arr=lines.geometry.attributes.position.array; let li=0; for (let a=0;a<nodes.length&&li<MAXL;a++) for (let b=a+1;b<nodes.length&&li<MAXL;b++){ const pa=nodes[a].position,pb=nodes[b].position; const dx=pa.x-pb.x,dy=pa.y-pb.y,dz=pa.z-pb.z; if(dx*dx+dy*dy+dz*dz<28){ arr[li*6]=pa.x;arr[li*6+1]=pa.y;arr[li*6+2]=pa.z;arr[li*6+3]=pb.x;arr[li*6+4]=pb.y;arr[li*6+5]=pb.z;li++; } } lines.geometry.setDrawRange(0,li*2); lines.geometry.attributes.position.needsUpdate=true; lmat.opacity=(0.05+0.16*netFade)+Math.sin(t*1.4)*0.03;\n const ea=embers.geometry.attributes.position.array; for (let i=0;i<EMB;i++){ ea[i*3+1]+=eData[i].sp*dt*1.6; if(ea[i*3+1]>34) ea[i*3+1]=-34; } embers.geometry.attributes.position.needsUpdate=true; eMatP.opacity=(0.35+0.5*easeInOut(clamp01((p-0.1)\/0.5)))*(0.7+Math.sin(t*3)*0.3);\n core.material.opacity=easeInOut(clamp01((p-0.4)\/0.4))*0.9; dust.rotation.y += dt*0.01; glow.material.opacity=0.1+easeInOut(clamp01((p-0.45)\/0.45))*0.6+Math.sin(t*0.8)*0.05;\n if (bloomPass) bloomPass.strength=0.7+easeInOut(p)*0.7; if (finalPass) finalPass.uniforms.uTime.value=t;\n const ce=easeInOut(p); const tx=Math.sin(p*Math.PI*0.85)*9+mx*5; const tz=lerp(52,29,ce); const ty=lerp(-4,8,ce)-my*3; camera.position.x+=(tx-camera.position.x)*0.05; camera.position.y+=(ty-camera.position.y)*0.05; camera.position.z+=(tz-camera.position.z)*0.05; camera.lookAt(0,lerp(-2,4,ce),0); renderer.toneMappingExposure=0.95+ce*0.35;\n if (composer) composer.render(); else renderer.render(scene,camera); }\n tick();\n addEventListener('resize',()=>{ W=innerWidth; H=innerHeight; camera.aspect=W\/H; camera.updateProjectionMatrix(); renderer.setSize(W,H); if(composer) composer.setSize(W,H); if(bloomPass) bloomPass.setSize(W,H); cp(); });\n})();\n<\/script>\n\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n<script>\n(function(){ var cs=document.querySelectorAll('.stat-counter'); if(!cs.length) return; var DUR=2200; function ease(t){return 1-Math.pow(1-t,3);} var o=new IntersectionObserver(function(es){es.forEach(function(e){ if(!e.isIntersecting) return; var el=e.target, target=parseFloat(el.dataset.target)||0, start=null; function step(ts){ if(start===null) start=ts; var p=Math.min((ts-start)\/DUR,1); el.textContent=Math.round(ease(p)*target); if(p<1) requestAnimationFrame(step); } requestAnimationFrame(step); o.unobserve(el); });},{threshold:0.6}); cs.forEach(function(c){o.observe(c);}); })();\n<\/script>\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>Clase gratuita de IA para arquitectos \u00b7 1h 40min \u2014 CASAUiARQ CASAUiARQ 0% CASAUiARQ Clase gratuita \u00b7 1h 40min \u00b7 Acceso privado Clase gratuita \u00b7 IA para arquitectos IA aplicada a tus proyectos reales,en una clase de 1h 40min. Acceso privado y gratuito al sistema que un arquitecto usa en proyectos de Hyatt, 1Hotels y Thompson […]<\/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-5605","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - 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\/formacion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - CASAUiARQ\" \/>\n<meta property=\"og:description\" content=\"Clase gratuita de IA para arquitectos \u00b7 1h 40min \u2014 CASAUiARQ CASAUiARQ 0% CASAUiARQ Clase gratuita \u00b7 1h 40min \u00b7 Acceso privado Clase gratuita \u00b7 IA para arquitectos IA aplicada a tus proyectos reales,en una clase de 1h 40min. Acceso privado y gratuito al sistema que un arquitecto usa en proyectos de Hyatt, 1Hotels y Thompson […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/casauiarq.com\/en\/formacion\/\" \/>\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-07-20T14:35:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/\",\"url\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/\",\"name\":\"CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - CASAUiARQ\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1785165915806839&ev=PageView&noscript=1\",\"datePublished\":\"2026-07-20T14:08:19+00:00\",\"dateModified\":\"2026-07-20T14:35:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1785165915806839&ev=PageView&noscript=1\",\"contentUrl\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1785165915806839&ev=PageView&noscript=1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/casauiarq.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CASAUiARQ – IA aplicada en arquitectura y formaci\u00f3n\"}]},{\"@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_head_json":{"title":"CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - 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\/formacion\/","og_locale":"en_US","og_type":"article","og_title":"CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - CASAUiARQ","og_description":"Clase gratuita de IA para arquitectos \u00b7 1h 40min \u2014 CASAUiARQ CASAUiARQ 0% CASAUiARQ Clase gratuita \u00b7 1h 40min \u00b7 Acceso privado Clase gratuita \u00b7 IA para arquitectos IA aplicada a tus proyectos reales,en una clase de 1h 40min. Acceso privado y gratuito al sistema que un arquitecto usa en proyectos de Hyatt, 1Hotels y Thompson […]","og_url":"https:\/\/casauiarq.com\/en\/formacion\/","og_site_name":"CASAUiARQ","article_publisher":"https:\/\/www.facebook.com\/people\/Casauiarq\/61580111784622\/","article_modified_time":"2026-07-20T14:35:44+00:00","og_image":[{"url":"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/casauiarq.com\/formacion\/","url":"https:\/\/casauiarq.com\/formacion\/","name":"CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - CASAUiARQ","isPartOf":{"@id":"https:\/\/casauiarq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/casauiarq.com\/formacion\/#primaryimage"},"image":{"@id":"https:\/\/casauiarq.com\/formacion\/#primaryimage"},"thumbnailUrl":"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1","datePublished":"2026-07-20T14:08:19+00:00","dateModified":"2026-07-20T14:35:44+00:00","breadcrumb":{"@id":"https:\/\/casauiarq.com\/formacion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/casauiarq.com\/formacion\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/casauiarq.com\/formacion\/#primaryimage","url":"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1","contentUrl":"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1"},{"@type":"BreadcrumbList","@id":"https:\/\/casauiarq.com\/formacion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/casauiarq.com\/"},{"@type":"ListItem","position":2,"name":"CASAUiARQ – IA aplicada en arquitectura y formaci\u00f3n"}]},{"@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\/5605","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=5605"}],"version-history":[{"count":7,"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/pages\/5605\/revisions"}],"predecessor-version":[{"id":5628,"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/pages\/5605\/revisions\/5628"}],"wp:attachment":[{"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/media?parent=5605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Clase gratuita de IA para arquitectos \u00b7 1h 40min \u2014 CASAUiARQ<\/title>\n <meta name=\"description\" content=\"Acceso privado y gratuito a la clase: c\u00f3mo usar la IA en tus proyectos reales de arquitectura. El sistema que un arquitecto usa en proyectos de Hyatt, 1Hotels y Thompson. Incluye bonus: 100 Prompts de IA para Arquitectura.\" \/>\n <meta name=\"robots\" content=\"noindex\" \/>\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=Fraunces:ital,opsz,wght@0,9..144,400..900;1,9..144,400..600&family=Poppins:wght@400;500;600;700;800&family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap\" rel=\"stylesheet\" \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/build\/three.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/shaders\/CopyShader.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/shaders\/LuminosityHighPassShader.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/postprocessing\/EffectComposer.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/postprocessing\/RenderPass.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/postprocessing\/ShaderPass.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/three@0.128.0\/examples\/js\/postprocessing\/UnrealBloomPass.js\"><\/script>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --bg:#17110d; --bg-2:#120d09; --surface:#211a14; --surface-2:#2a211a; --border:#3d2e22;\n --light:#F5F0EB; --muted:#A89880; --muted-2:#7d6e5d;\n --accent:#C4622D; --accent-h:#d4703a; --accent-2:#E8895A;\n --line:rgba(255,255,255,0.06); --line-o:rgba(196,98,45,0.28); --glow:rgba(196,98,45,0.5); --ok:#5a9e6f;\n }\n html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\n body { background: var(--bg-2); color: var(--light); font-family: 'Lora', Georgia, serif; font-size: 17px; line-height: 1.7; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }\n .display { font-family: 'Fraunces', Georgia, serif; font-optical-sizing: auto; }\n .sans, h1, h2, h3, h4 { font-family: 'Poppins', Arial, sans-serif; }\n a { text-decoration: none; color: inherit; } img { max-width: 100%; display: block; } em { font-style: italic; }\n ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(--bg-2); }\n ::-webkit-scrollbar-thumb { background: #4a3829; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--accent); }\n ::selection { background: var(--accent); color: #fff; }\n\n #bg-canvas { position: fixed; inset: 0; z-index: 0; pointer-events: none; }\n .bg-vignette { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(ellipse 120% 80% at 50% 30%, transparent 40%, rgba(18,13,9,0.55) 100%); }\n .grain { position: fixed; inset: -50%; z-index: 60; pointer-events: none; width: 200%; height: 200%; opacity: 0.035; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); animation: grainShift 7s steps(6) infinite; }\n @keyframes grainShift { 0%{transform:translate(0,0)} 20%{transform:translate(-4%,3%)} 40%{transform:translate(3%,-4%)} 60%{transform:translate(-3%,2%)} 80%{transform:translate(4%,3%)} 100%{transform:translate(0,0)} }\n .progress-bar { position: fixed; top: 0; left: 0; height: 2px; z-index: 700; background: linear-gradient(90deg, var(--accent), var(--accent-2)); width: 0%; box-shadow: 0 0 12px var(--glow); }\n\n #preloader { position: fixed; inset: 0; background: var(--bg-2); z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.4rem; transition: opacity 0.8s, visibility 0.8s; }\n #preloader.done { opacity: 0; visibility: hidden; }\n .pre-logo { font-family: 'Poppins', sans-serif; font-size: 1.4rem; font-weight: 800; letter-spacing: 0.32em; }\n .pre-logo span { color: var(--accent); }\n .pre-bar-wrap { width: 180px; height: 1px; background: var(--line); overflow: hidden; }\n .pre-bar { height: 100%; background: var(--accent); width: 0; box-shadow: 0 0 8px var(--glow); }\n .pre-pct { font-family: 'Poppins', sans-serif; font-size: 10px; letter-spacing: 0.24em; color: var(--muted-2); }\n\n .topbar { position: relative; z-index: 400; display: flex; align-items: center; justify-content: space-between; padding: 22px 48px; }\n .tb-logo { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 16px; letter-spacing: 0.08em; }\n .tb-logo span { color: var(--accent); }\n .tb-pill { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); border: 1px solid var(--line-o); border-radius: 100px; padding: 7px 16px; display: inline-flex; align-items: center; gap: 8px; }\n .tb-pill .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); animation: pulse 2s infinite; }\n\n .reveal { opacity: 0; transform: translateY(30px); transition: opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1); }\n .reveal.visible { opacity: 1; transform: none; }\n .delay-1 { transition-delay: .1s; } .delay-2 { transition-delay: .22s; } .delay-3 { transition-delay: .34s; }\n @media (prefers-reduced-motion: reduce) { .reveal { transition: none !important; opacity: 1 !important; transform: none !important; } }\n\n .btn-primary { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; color: #fff; background: var(--accent); padding: 16px 30px; border-radius: 6px; display: inline-flex; align-items: center; gap: 10px; position: relative; overflow: hidden; transition: background .3s, transform .25s, box-shadow .35s; border: none; cursor: pointer; white-space: nowrap; box-shadow: 0 4px 18px rgba(196,98,45,0.25); }\n .btn-primary::after { content:''; position:absolute; inset:0; background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.22) 50%, transparent 70%); transform: translateX(-130%); transition: transform .7s; }\n .btn-primary:hover { background: var(--accent-h); transform: translateY(-3px); box-shadow: 0 14px 38px rgba(196,98,45,0.45); }\n .btn-primary:hover::after { transform: translateX(130%); }\n .btn-primary .arrow { transition: transform .3s; } .btn-primary:hover .arrow { transform: translateX(5px); }\n .btn-ghost { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; color: var(--light); background: transparent; border: 1.5px solid rgba(245,240,235,0.22); padding: 16px 30px; border-radius: 6px; display: inline-flex; align-items: center; gap: 8px; transition: border-color .3s, background .3s, transform .2s; cursor: pointer; white-space: nowrap; }\n .btn-ghost:hover { border-color: var(--light); background: rgba(245,240,235,0.06); transform: translateY(-2px); }\n @keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(196,98,45,.5)} 70%{box-shadow:0 0 0 10px rgba(196,98,45,0)} 100%{box-shadow:0 0 0 0 rgba(196,98,45,0)} }\n @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:none} }\n @keyframes fadeIn { from{opacity:0} to{opacity:1} }\n\n .panel { position: relative; z-index: 2; }\n .panel.bg { background: var(--bg); } .panel.surf { background: var(--surface); } .panel.deep { background: var(--bg-2); }\n .section-wrap { max-width: 1200px; margin: 0 auto; padding: 96px 48px; }\n .section-label { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 20px; }\n .section-label::before { content:''; width: 26px; height: 1px; background: var(--accent); }\n .section-label span { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.26em; text-transform: uppercase; color: var(--accent); }\n .section-h2 { font-family: 'Fraunces', serif; font-optical-sizing: auto; font-weight: 500; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.08; letter-spacing: -0.015em; }\n .section-h2 em { font-style: italic; color: var(--accent-2); font-weight: 400; }\n .section-sub { font-family: 'Lora', serif; font-style: italic; font-size: clamp(16px, 1.4vw, 18.5px); color: var(--muted); line-height: 1.7; max-width: 620px; margin-top: 16px; }\n\n \/* HERO *\/\n .hero { display: flex; flex-direction: column; gap: 34px; position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 44px 48px 78px; }\n .hero-head { position: relative; z-index: 3; max-width: 900px; }\n .hero-body { position: relative; z-index: 3; display: grid; grid-template-columns: 1.18fr 0.82fr; gap: 44px; align-items: start; }\n .hero-eyebrow { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 20px; }\n .hero-eyebrow .l { width: 24px; height: 1px; background: var(--accent); }\n .hero-eyebrow span { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: var(--accent); }\n .hero-h1 { font-family: 'Fraunces', serif; font-optical-sizing: auto; font-weight: 500; font-size: clamp(2.1rem, 3.8vw, 3.5rem); line-height: 1.06; letter-spacing: -0.02em; margin-bottom: 1.2rem; }\n .hero-h1 em { font-style: italic; font-weight: 400; color: var(--accent-2); }\n .hero-sub { font-family: 'Lora', serif; font-size: 17.5px; font-style: italic; line-height: 1.6; color: rgba(245,240,235,0.8); max-width: 640px; }\n\n \/* LOCKED PLAYER (Netflix-style, bloqueado) *\/\n .lp-wrap { position: relative; z-index: 3; }\n .lp-tag { display: inline-flex; align-items: center; gap: 9px; font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; }\n .lp-tag .dotlive { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); animation: pulse 2s infinite; flex-shrink: 0; }\n .lockplayer { position: relative; width: 100%; aspect-ratio: 16\/9; border-radius: 14px; overflow: hidden; background: #000; border: 1.5px solid var(--line-o); box-shadow: 0 40px 90px rgba(0,0,0,0.55), 0 0 70px rgba(196,98,45,0.12); }\n .lp-bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-image: url('https:\/\/vumbnail.com\/1205838357.jpg'); filter: blur(5px) brightness(0.4) saturate(0.9); transform: scale(1.08); }\n .lp-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(18,13,9,0.35) 0%, rgba(18,13,9,0.1) 32%, rgba(18,13,9,0.82) 100%); }\n .lp-topbar { position: absolute; top: 0; left: 0; right: 0; padding: 14px 18px; display: flex; align-items: center; justify-content: flex-end; z-index: 2; }\n .lp-badge { font-family: 'Poppins', sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #fff; background: var(--accent); padding: 5px 11px; border-radius: 4px; box-shadow: 0 4px 14px rgba(196,98,45,0.4); }\n .lp-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2; gap: 16px; text-align: center; padding: 24px; }\n .lp-lock { width: 62px; height: 62px; border-radius: 50%; background: rgba(0,0,0,0.5); border: 1.5px solid var(--line-o); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 30px rgba(196,98,45,0.22); }\n .lp-headline { font-family: 'Poppins', sans-serif; font-size: clamp(14px, 1.6vw, 19px); font-weight: 700; color: #fff; letter-spacing: -0.01em; line-height: 1.32; max-width: 380px; margin: 0; text-shadow: 0 2px 14px rgba(0,0,0,0.6); }\n .lp-headline em { font-family: 'Fraunces', serif; font-style: italic; font-weight: 400; color: var(--accent-2); }\n .lp-hint { font-family: 'Poppins', sans-serif; font-size: 12px; color: rgba(255,255,255,0.5); margin: 0; }\n .lp-bottombar { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 16px 14px; z-index: 2; }\n .lp-progress { height: 3px; background: rgba(255,255,255,0.15); border-radius: 2px; margin-bottom: 10px; overflow: hidden; }\n .lp-progress-fill { width: 6%; height: 100%; background: var(--accent); border-radius: 2px; }\n .lp-controls { display: flex; align-items: center; gap: 10px; }\n .lp-ctrl-btn { width: 26px; height: 26px; border-radius: 50%; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; opacity: 0.4; flex-shrink: 0; }\n .lp-epi-title { font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.62); line-height: 1.3; }\n .lp-epi-meta { font-family: 'Poppins', sans-serif; font-size: 9px; color: rgba(255,255,255,0.32); margin-top: 2px; }\n .lp-time { font-family: 'Poppins', sans-serif; font-size: 10px; color: rgba(255,255,255,0.32); margin-left: auto; white-space: nowrap; }\n\n .ep-info { padding: 18px 2px 0; }\n .ep-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }\n .ep-tags span { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; color: var(--muted); background: rgba(255,255,255,0.04); border: 1px solid var(--border); padding: 4px 12px; border-radius: 20px; }\n .ep-desc { font-family: 'Lora', serif; font-size: 15px; color: var(--muted); line-height: 1.65; margin-bottom: 12px; }\n .ep-meta2 { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; font-family: 'Poppins', sans-serif; font-size: 11.5px; color: var(--muted-2); }\n .ep-meta2 span { display: inline-flex; align-items: center; gap: 7px; }\n .ep-meta2 svg { width: 14px; height: 14px; stroke: var(--accent); flex-shrink: 0; }\n .ep-meta2 b { color: var(--light); font-weight: 600; }\n\n \/* INSTRUCTOR (qui\u00e9n es Eduardo) *\/\n .inst-layout { display: grid; grid-template-columns: 0.5fr 1fr; gap: 50px; align-items: start; margin-top: 50px; }\n .inst-photo { position: relative; }\n .inst-photo img { width: 100%; aspect-ratio: 3\/4; object-fit: cover; object-position: center 8%; border-radius: 16px; filter: grayscale(15%) brightness(0.9) contrast(1.04); }\n .inst-photo::after { content:''; position:absolute; inset:0; border-radius:16px; box-shadow: inset 0 -110px 80px -60px rgba(18,13,9,0.85); pointer-events:none; }\n .inst-body p { font-family: 'Lora', serif; font-size: 16.5px; color: rgba(245,240,235,0.82); line-height: 1.75; margin-bottom: 16px; }\n .inst-body p em { color: var(--accent-2); }\n .inst-method { background: rgba(196,98,45,0.08); border: 1px solid var(--line-o); border-radius: 12px; padding: 20px 24px; margin: 24px 0; }\n .inst-method .mt { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }\n .inst-method .mn { font-family: 'Fraunces', serif; font-weight: 600; font-size: 1.4rem; }\n .inst-method .md { font-family: 'Lora', serif; font-style: italic; font-size: 14.5px; color: var(--muted); margin-top: 6px; }\n .inst-badges { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }\n .inst-badge { font-family: 'Poppins', sans-serif; font-size: 10.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--border); padding: 8px 16px; border-radius: 3px; transition: color .25s, border-color .25s, background .25s; }\n .inst-badge:hover { color: var(--light); border-color: var(--accent); background: rgba(196,98,45,0.08); }\n .inst-metrics { display: flex; gap: 32px; margin-top: 26px; flex-wrap: wrap; }\n .inst-metric .v { font-family: 'Fraunces', serif; font-weight: 600; font-size: 2rem; color: var(--accent); line-height: 1; }\n .inst-metric .l { font-family: 'Poppins', sans-serif; font-size: 9.5px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin-top: 6px; max-width: 140px; }\n\n \/* OPT-IN FORM CARD (compacta) *\/\n .hero-right { position: relative; z-index: 3; position: sticky; top: 24px; }\n .optin { background: linear-gradient(170deg, rgba(46,33,24,0.92), rgba(28,21,15,0.92)); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--accent); border-radius: 18px; padding: 30px; box-shadow: 0 40px 90px rgba(0,0,0,0.6), 0 0 0 1px rgba(196,98,45,0.2), 0 0 80px rgba(196,98,45,0.1); position: relative; overflow: hidden; }\n .optin-ribbon { position: absolute; top: 18px; right: -40px; transform: rotate(45deg); background: var(--accent); color: #fff; font-family: 'Poppins', sans-serif; font-size: 9.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 5px 48px; box-shadow: 0 6px 18px rgba(0,0,0,0.4); }\n .optin-head { margin-bottom: 18px; }\n .optin-title { font-family: 'Fraunces', serif; font-weight: 600; font-size: 1.4rem; line-height: 1.15; margin-bottom: 6px; }\n .optin-sub { font-family: 'Poppins', sans-serif; font-size: 11.5px; font-weight: 500; letter-spacing: 0.02em; color: var(--muted); line-height: 1.5; }\n .optin-field { margin-bottom: 2px; }\n .optin-input, .optin-select { background: rgba(255,255,255,0.03); border: 1px solid var(--border); color: var(--light); font-family: 'Lora', serif; font-size: 15px; padding: 12px 13px; border-radius: 8px; outline: none; transition: border-color .25s, background .25s; width: 100%; margin-bottom: 10px; }\n .optin-input::placeholder { color: var(--muted-2); }\n .optin-input:focus, .optin-select:focus { border-color: var(--accent); background: rgba(196,98,45,0.04); }\n .optin-select { appearance: none; cursor: pointer; color: var(--light); 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='%23C4622D' stroke-width='1.5' stroke-linecap='round'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 13px center; padding-right: 30px; }\n .optin-select:invalid { color: var(--muted-2); }\n .optin-select option { color: var(--light); background: #1c1610; }\n .optin-consent { display: flex; gap: 10px; align-items: flex-start; margin: 10px 0 4px; }\n .optin-consent input { margin-top: 3px; width: 14px; height: 14px; accent-color: var(--accent); flex-shrink: 0; cursor: pointer; }\n .optin-consent label { font-family: 'Poppins', sans-serif; font-size: 10px; line-height: 1.5; color: var(--muted-2); cursor: pointer; }\n .optin-consent a { color: var(--accent); text-decoration: underline; }\n .optin-submit { margin-top: 16px; width: 100%; padding: 16px; font-family: 'Poppins', sans-serif; font-size: 12.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; background: var(--accent); color: #fff; border: none; border-radius: 8px; cursor: pointer; transition: background .25s, transform .2s, box-shadow .3s; display: inline-flex; align-items: center; justify-content: center; gap: 9px; }\n .optin-submit:hover:not(:disabled) { background: var(--accent-h); transform: translateY(-2px); box-shadow: 0 14px 34px rgba(196,98,45,0.45); }\n .optin-submit .arrow { transition: transform .3s; } .optin-submit:hover .arrow { transform: translateX(4px); }\n .optin-trust { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: 14px; }\n .optin-trust span { display: flex; align-items: center; gap: 5px; font-family: 'Poppins', sans-serif; font-size: 10px; color: var(--muted-2); }\n .optin-trust svg { width: 12px; height: 12px; stroke: var(--accent); flex-shrink: 0; }\n .optin-bonus-box { display: flex; gap: 14px; align-items: flex-start; background: linear-gradient(135deg, rgba(196,98,45,0.18), rgba(196,98,45,0.06)); border: 1px solid var(--accent); border-radius: 12px; padding: 16px 18px; margin: 14px 0 4px; box-shadow: 0 10px 26px rgba(196,98,45,0.14); }\n .optin-bonus-box .bonus-ic { flex-shrink: 0; width: 42px; height: 42px; border-radius: 10px; background: rgba(196,98,45,0.22); border: 1px solid var(--line-o); display: flex; align-items: center; justify-content: center; color: var(--accent-2); }\n .optin-bonus-box .bonus-ic svg { width: 21px; height: 21px; }\n .bonus-tag { font-family: 'Poppins', sans-serif; font-size: 9.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); margin-bottom: 4px; }\n .bonus-title { font-family: 'Poppins', sans-serif; font-size: 13.5px; font-weight: 700; color: var(--light); line-height: 1.3; margin-bottom: 4px; }\n .bonus-desc { font-family: 'Lora', serif; font-style: italic; font-size: 12px; color: var(--muted); line-height: 1.5; }\n \/* success state *\/\n .optin-success { display: none; text-align: center; padding: 20px 6px; }\n .optin.done .optin-head, .optin.done form { display: none; }\n .optin.done .optin-success { display: block; }\n .optin-success .ic { width: 62px; height: 62px; border-radius: 50%; background: rgba(90,158,111,0.15); border: 1px solid rgba(90,158,111,0.5); color: var(--ok); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }\n .optin-success .ic svg { width: 26px; height: 26px; }\n .optin-success h3 { font-family: 'Fraunces', serif; font-weight: 600; font-size: 1.5rem; margin-bottom: 9px; }\n .optin-success p { font-family: 'Lora', serif; font-style: italic; font-size: 14px; color: var(--muted); line-height: 1.6; margin-bottom: 20px; }\n .optin-success .bonus-link { display: block; margin-top: 12px; font-family: 'Poppins', sans-serif; font-size: 11.5px; color: var(--accent-2); text-decoration: underline; }\n\n \/* CURIOSITY GRID (lo que vas a aprender) *\/\n .curio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 52px; }\n .curio-card { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 28px 26px; position: relative; overflow: hidden; transition: border-color .3s, transform .25s; }\n .curio-card:hover { border-color: var(--line-o); transform: translateY(-3px); }\n .curio-num { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); margin-bottom: 14px; }\n .curio-ic { width: 40px; height: 40px; color: var(--accent); margin-bottom: 14px; }\n .curio-card h3 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; letter-spacing: -0.01em; margin-bottom: 9px; line-height: 1.3; }\n .curio-card p { font-family: 'Lora', serif; font-style: italic; font-size: 14.5px; color: var(--muted); line-height: 1.6; }\n .curio-blur { display: inline-block; filter: blur(4.5px); background: rgba(196,98,45,0.12); border-radius: 4px; padding: 0 4px; color: var(--accent-2); font-style: normal; font-weight: 700; user-select: none; }\n .curio-card.bonus { border-color: var(--line-o); background: rgba(196,98,45,0.07); }\n .curio-card.bonus::before { content:''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(196,98,45,0.6), transparent); }\n\n \/* STIMULUS VIDEOS (bloqueados) *\/\n .stim-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 46px; }\n .stim-card { position: relative; aspect-ratio: 9\/13; border-radius: 12px; overflow: hidden; border: 1px solid var(--border); }\n .stim-bg { position: absolute; inset: 0; background-size: cover; background-position: center 18%; filter: blur(6px) brightness(0.42) saturate(0.7); transform: scale(1.1); }\n .stim-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(18,13,9,0.25) 0%, rgba(18,13,9,0.15) 40%, rgba(18,13,9,0.88) 100%); }\n .stim-inner { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; padding: 14px; }\n .stim-lock { width: 38px; height: 38px; border-radius: 50%; background: rgba(0,0,0,0.5); border: 1px solid var(--line-o); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; }\n .stim-lock svg { width: 15px; height: 15px; stroke: var(--accent-2); }\n .stim-name { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 700; color: #fff; }\n .stim-role { font-family: 'Poppins', sans-serif; font-size: 9.5px; color: rgba(255,255,255,0.5); }\n .stim-hint { position: absolute; bottom: 12px; left: 0; right: 0; z-index: 2; text-align: center; font-family: 'Poppins', sans-serif; font-size: 8.5px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); }\n\n \/* ORIGEN (por qu\u00e9 existe esto) *\/\n .og-cinematic { position: relative; border-radius: 18px; overflow: hidden; margin-bottom: 48px; aspect-ratio: 21\/9; min-height: 320px; }\n .og-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; filter: brightness(0.36) saturate(0.55) contrast(1.1); }\n .og-scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18,13,9,0.97) 0%, rgba(18,13,9,0.78) 42%, rgba(18,13,9,0.18) 100%), linear-gradient(0deg, rgba(18,13,9,0.65) 0%, transparent 55%); }\n .og-over { position: absolute; bottom: 0; left: 0; padding: 42px 46px; max-width: 640px; }\n .og-eyebrow { font-family: 'Poppins', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }\n .og-eyebrow::before { content: ''; width: 22px; height: 1px; background: var(--accent); flex-shrink: 0; }\n .og-h2 { font-family: 'Fraunces', serif; font-optical-sizing: auto; font-weight: 500; font-size: clamp(1.7rem, 3vw, 2.7rem); line-height: 1.1; letter-spacing: -0.02em; }\n .og-h2 em { font-style: italic; color: var(--accent-2); }\n .og-year { position: absolute; top: 32px; right: 44px; font-family: 'Fraunces', serif; font-weight: 500; font-size: 6rem; color: rgba(245,240,235,0.05); line-height: 1; letter-spacing: -0.04em; pointer-events: none; user-select: none; }\n .og-sub-cin { font-family: 'Lora', serif; font-style: italic; font-size: 14px; color: rgba(245,240,235,0.52); margin-top: 14px; line-height: 1.65; max-width: 480px; }\n .og-narrative { max-width: 760px; margin: 0 auto; }\n .og-narrative p { font-family: 'Lora', serif; font-size: 16.5px; color: rgba(245,240,235,0.82); line-height: 1.8; margin-bottom: 18px; }\n .og-voice { font-style: italic; color: var(--light) !important; border-left: 2px solid var(--accent); padding-left: 18px; margin: 22px 0 !important; }\n .og-quote { background: linear-gradient(135deg, rgba(196,98,45,0.1) 0%, rgba(196,98,45,0.04) 100%); border: 1px solid var(--line-o); border-radius: 16px; padding: 38px 42px; position: relative; overflow: hidden; margin: 34px 0; }\n .og-quote-mark { font-family: 'Fraunces', serif; font-size: 4.5rem; color: var(--accent); line-height: 0.65; margin-bottom: 8px; opacity: 0.45; }\n .og-quote blockquote p { font-family: 'Fraunces', serif; font-style: italic; font-weight: 400; font-size: clamp(16px, 1.8vw, 20px); line-height: 1.5; color: var(--light); margin: 0; }\n .og-quote blockquote cite { display: block; font-family: 'Poppins', sans-serif; font-style: normal; font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); margin-top: 18px; }\n .og-close { font-family: 'Lora', serif; font-size: 16px; color: var(--muted); text-align: center; max-width: 580px; margin: 0 auto; line-height: 1.8; font-style: italic; }\n\n \/* FINAL CTA *\/\n .final { text-align: center; position: relative; overflow: hidden; }\n .final-glow { position: absolute; left: 50%; top: 20%; transform: translateX(-50%); width: 640px; height: 320px; background: radial-gradient(ellipse, rgba(196,98,45,0.26), transparent 70%); filter: blur(60px); z-index: 0; pointer-events: none; }\n .final-inner { position: relative; z-index: 2; max-width: 680px; margin: 0 auto; }\n .final h2 { font-family: 'Fraunces', serif; font-weight: 500; font-size: clamp(2rem,4.4vw,3.2rem); line-height: 1.06; letter-spacing: -0.02em; margin-bottom: 18px; }\n .final h2 em { font-style: italic; color: var(--accent-2); }\n .final p { font-family: 'Lora', serif; font-style: italic; font-size: 18px; color: rgba(245,240,235,0.78); margin-bottom: 32px; }\n\n \/* FOOTER *\/\n .footer { position: relative; z-index: 2; background: var(--bg-2); border-top: 1px solid var(--border); padding: 30px 48px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; }\n .footer .fl { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 14px; letter-spacing: 0.08em; }\n .footer .fl span { color: var(--accent); }\n .footer .fm { font-family: 'Poppins', sans-serif; font-size: 11px; color: var(--muted-2); }\n .footer .fm a { color: var(--muted); transition: color .2s; } .footer .fm a:hover { color: var(--accent); }\n\n @media (max-width: 1000px) {\n .hero { padding: 32px 24px 56px; gap: 26px; }\n .hero-body { grid-template-columns: 1fr; gap: 28px; }\n .hero-right { position: static; }\n .topbar { padding: 18px 24px; }\n .section-wrap { padding: 72px 24px; }\n .curio-grid { grid-template-columns: 1fr 1fr; }\n .stim-grid { grid-template-columns: 1fr 1fr; }\n .inst-layout { grid-template-columns: 1fr; gap: 34px; } .inst-photo { max-width: 340px; margin: 0 auto; }\n .footer { padding: 24px; justify-content: center; text-align: center; }\n .og-cinematic { aspect-ratio: 16\/9; min-height: 240px; }\n .og-over { padding: 26px; }\n .og-year { display: none; }\n .og-quote { padding: 26px 22px; }\n .og-quote-mark { font-size: 3.6rem; }\n }\n @media (max-width: 600px) {\n .optin { padding: 26px 22px; } .tb-pill { display: none; }\n .curio-grid { grid-template-columns: 1fr; }\n .stim-grid { grid-template-columns: 1fr; }\n }\n .hero-head, .hero-body, .lp-wrap, .lockplayer, .hero-eyebrow, .hero-h1, .hero-sub, .hero-right { opacity: 1 !important; }\n\n \/* VSL (video de venta) *\/\n .vsl-wrap { position: relative; z-index: 3; width: 100%; margin: 8px auto 4px; text-align: center; }\n .vsl-tag { display: inline-flex; align-items: center; gap: 9px; font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; }\n .vsl-frame { position: relative; border-radius: 16px; overflow: hidden; background: #000; border: 1.5px solid var(--line-o); box-shadow: 0 40px 90px rgba(0,0,0,0.55), 0 0 70px rgba(196,98,45,0.14); }\n @media (max-width: 1000px) { .vsl-wrap { margin: 0 auto 6px; } }\n\n \/* === Ajustes de maquetaci\u00f3n solicitados === *\/\n .hero-head{ text-align:center; margin-left:auto; margin-right:auto; }\n .hero-head .hero-sub{ margin-left:auto; margin-right:auto; }\n .inst-body p{ text-align:justify; }\n #contenido .section-sub{ max-width:none; }\n .curio-card p{ text-align:justify; }\n .og-narrative{ max-width:none; }\n .og-sub-cin{ max-width:none; white-space:nowrap; }\n @media (max-width:1000px){ .og-sub-cin{ white-space:normal; } }\n .inst-method .md{ text-align:justify; }\n .og-narrative > p{ text-align:justify; }\n .og-close{ max-width:none; text-align:justify; }\n \/* === Optimizaci\u00f3n m\u00f3vil (v7) === *\/\n \/* Justificados globales *\/\n .ep-desc{ text-align:justify; }\n .optin-sub{ text-align:justify; }\n .optin-bonus-box .bonus-desc{ text-align:justify; }\n .optin-consent label{ text-align:justify; }\n .og-quote blockquote p{ text-align:justify; }\n \/* Saltos de l\u00ednea solo en m\u00f3vil *\/\n .br-m{ display:none; }\n @media (max-width:600px){\n .br-m{ display:inline; }\n \/* 1) etiqueta del v\u00eddeo en una l\u00ednea + widget con aire *\/\n .lp-tag{ white-space:nowrap; font-size:9.5px; letter-spacing:0.09em; justify-content:center; width:100%; }\n .lockplayer{ aspect-ratio:1\/1; }\n .lp-center{ gap:14px; padding:22px 18px; }\n .lp-headline{ font-size:16px; }\n \/* 3) descripci\u00f3n m\u00e1s compacta *\/\n .ep-desc{ font-size:13.5px; line-height:1.5; }\n \/* reduce interlineado meta *\/\n .ep-meta2{ gap:8px 18px; line-height:1.3; }\n \/* 4) \"Un arquitecto de verdad.\" en una l\u00ednea *\/\n #instructor .section-h2{ font-size:clamp(1.5rem,6.4vw,2.1rem); line-height:1.14; }\n \/* 5) las 3 estad\u00edsticas en una sola fila *\/\n .inst-metrics{ flex-wrap:nowrap; gap:16px; justify-content:center; }\n .inst-metric{ text-align:center; }\n .inst-metric .v{ font-size:1.55rem; }\n .inst-metric .l{ font-size:8px; max-width:none; }\n \/* 6) marcas centradas *\/\n .inst-badges{ justify-content:center; }\n \/* 9) el cuadro de origen no se sale de pantalla *\/\n .og-cinematic{ aspect-ratio:auto; min-height:0; }\n .og-over{ position:relative; max-width:none; padding:24px 20px; }\n .og-h2{ font-size:clamp(1.3rem,5.4vw,2.2rem); }\n .og-year{ display:none; }\n \/* 11) el bot\u00f3n no se sale de pantalla *\/\n .btn-ghost{ white-space:normal; max-width:100%; text-align:center; }\n }\n \/* === Instructor copiado de la web de formaci\u00f3n === *\/\n .inst-layout{ grid-template-columns:0.62fr 1fr; gap:60px; }\n .inst-photo::after{ box-shadow: inset 0 -120px 90px -60px rgba(18,13,9,0.85); }\n .inst-cap{ position:absolute; left:24px; bottom:22px; z-index:2; }\n .inst-cap .nm{ font-family:'Fraunces',serif; font-weight:500; font-size:21px; color:var(--light); }\n .inst-cap .rl{ font-family:'Poppins',sans-serif; font-size:10px; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); margin-top:4px; }\n .inst-body p, .inst-method .md{ text-align:justify; text-align-last:left; }\n .inst-method .mn{ font-size:1.5rem; }\n .inst-badges{ gap:10px; flex-wrap:nowrap; }\n .inst-badge{ font-size:10px; letter-spacing:0.08em; white-space:nowrap; padding:7px 13px; }\n .inst-metrics{ gap:34px; flex-wrap:nowrap; }\n .inst-metric .v{ font-size:2.2rem; }\n .inst-metric .l{ font-size:10px; }\n .stat-counter{ font-variant-numeric:tabular-nums; display:inline-block; min-width:1.5ch; text-align:center; }\n @media (max-width:1000px){ .inst-layout{ grid-template-columns:1fr; gap:40px; } .inst-photo{ max-width:380px; margin:0 auto; } .inst-badges{ flex-wrap:wrap; } }\n @media (max-width:600px){\n \/* Estad\u00edsticas como en la web de formaci\u00f3n: grandes y a la izquierda (2x2) *\/\n .inst-metrics{ flex-wrap:wrap; justify-content:flex-start; gap:26px 34px; }\n .inst-metric{ text-align:left; }\n .inst-metric .v{ font-size:2.2rem; }\n .inst-metric .l{ font-size:10px; max-width:150px; }\n \/* Badges a la izquierda y algo m\u00e1s grandes *\/\n .inst-badges{ flex-wrap:wrap; justify-content:flex-start; gap:9px; }\n .inst-badge{ font-size:11px; padding:8px 15px; }\n }\n \/* === Historia y cita: mismo tratamiento que la web de formaci\u00f3n === *\/\n .og-sub-cin{ text-align:justify; text-align-last:left; hyphens:auto; }\n .og-quote blockquote p{ text-align-last:left; font-size:clamp(18px,2vw,24px); }\n @media (max-width:600px){\n .og-h2 br{ display:none; }\n .og-h2{ font-size:1.6rem; text-align:justify; text-align-last:left; }\n #instructor .section-h2{ font-size:1.85rem; text-align:left; line-height:1.14; }\n }\n <\/style>\n\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\nfbq('init', '1785165915806839');\nfbq('track', 'PageView');\n<\/script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1\"\n\/><\/noscript>\n\n<\/head>\n<body>\n\n\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<div id=\"bg-canvas\"><\/div>\n<div class=\"bg-vignette\"><\/div>\n<div class=\"grain\"><\/div>\n<div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n\n<div class=\"topbar\">\n <div class=\"tb-logo\">CASAU<span>i<\/span>ARQ<\/div>\n <div class=\"tb-pill\"><span class=\"dot\"><\/span>Clase gratuita \u00b7 1h 40min \u00b7 Acceso privado<\/div>\n<\/div>\n\n\n<section class=\"hero\" id=\"top\">\n <div class=\"hero-head\">\n <div class=\"hero-eyebrow\"><span class=\"l\"><\/span><span>Clase gratuita \u00b7 IA para arquitectos<\/span><\/div>\n <h1 class=\"hero-h1\">IA aplicada a tus <em>proyectos reales<\/em>,<br>en una clase de 1h 40min.<\/h1>\n <p class=\"hero-sub\">Acceso privado y gratuito al sistema que un arquitecto usa en proyectos de <em>Hyatt, 1Hotels y Thompson<\/em> \u2014 sin tutoriales que no sabes c\u00f3mo aplicar el lunes. Bonus incluido al acceder: los 100 Prompts de IA para Arquitectura.<\/p>\n <\/div>\n\n \n <div class=\"vsl-wrap reveal\">\n <div class=\"vsl-tag\"><span class=\"dotlive\"><\/span>Ve el v\u00eddeo antes de desbloquear tu acceso<\/div>\n <div class=\"vsl-frame\">\n <div style=\"padding:56.25% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/1205512577?title=0&byline=0&portrait=0&badge=0&autopause=0&player_id=0&app_id=58479\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"VSL B2C\"><\/iframe><\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-body\">\n <div class=\"lp-wrap\">\n <div class=\"lp-tag\"><span class=\"dotlive\"><\/span>Clase completa \u00b7 1h 40min \u00b7 por Eduardo Casa\u00fa<\/div>\n <div class=\"lockplayer\" id=\"lockplayer\">\n <div class=\"lp-bg\"><\/div>\n <div class=\"lp-overlay\"><\/div>\n <div class=\"lp-topbar\"><span class=\"lp-badge\">GRATIS<\/span><\/div>\n <div class=\"lp-center\">\n <div class=\"lp-lock\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:24px;height:24px;color:var(--accent-2)\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n <\/svg>\n <\/div>\n <h2 class=\"lp-headline\">1h 40min para dejar de perder d\u00edas en tareas que la IA <em>ya resuelve<\/em><\/h2>\n <p class=\"lp-hint\">Introduce tus datos para desbloquear la clase \u2192<\/p>\n <\/div>\n <div class=\"lp-bottombar\">\n <div class=\"lp-progress\"><div class=\"lp-progress-fill\"><\/div><\/div>\n <div class=\"lp-controls\">\n <div class=\"lp-ctrl-btn\">\n <svg viewBox=\"0 0 20 20\" fill=\"rgba(255,255,255,.4)\" style=\"width:9px;height:9px;margin-left:1px\"><path d=\"M5 3.5L16.5 10 5 16.5V3.5z\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"lp-epi-title\">Sistema ARQ\u00b7IA \u00b7 Clase gratuita<\/div>\n <div class=\"lp-epi-meta\">CASAUiARQ \u00b7 100 min<\/div>\n <\/div>\n <span class=\"lp-time\">00:00 \/ 1:40:00<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"ep-info\">\n <div class=\"ep-tags\">\n <span>Renders con IA<\/span><span>Documentaci\u00f3n t\u00e9cnica<\/span><span>Workflows<\/span><span>Arquitectura e interiorismo<\/span>\n <\/div>\n <p class=\"ep-desc\">C\u00f3mo un arquitecto con proyectos de hospitalidad de lujo usa la IA cada semana: renders profesionales, memorias t\u00e9cnicas y presentaciones de cliente. Sin im\u00e1genes de fantas\u00eda, sin teor\u00eda vac\u00eda \u2014 el sistema tal cual se aplica en un proyecto real.<\/p>\n <div class=\"ep-meta2\">\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M2 20c0-3.5 3-6 7-6s7 2.5 7 6\"\/><circle cx=\"17\" cy=\"9\" r=\"2.4\"\/><path d=\"M15.5 14.2c2.6.4 4.5 2.3 4.5 5.3\"\/><\/svg><b>60+ profesionales<\/b> del sector AEC formados<\/span>\n <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 9l10-4 10 4-10 4z\"\/><path d=\"M6 11.5V17c0 1.5 3 3 6 3s6-1.5 6-3v-5.5\"\/><path d=\"M22 9v6\"\/><\/svg>Docencia en <b>UCAM<\/b> y <b>COAMU<\/b><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\" id=\"acceso\">\n <div class=\"optin\" id=\"optin\">\n <div class=\"optin-ribbon\">Gratis<\/div>\n <div class=\"optin-head\">\n <div class=\"optin-title\">Desbloquea la clase ahora.<\/div>\n <div class=\"optin-sub\">Acceso instant\u00e1neo en cuanto env\u00edes el formulario. Sin esperas, sin spam.<\/div>\n <\/div>\n <form onsubmit=\"handleOptin(event)\">\n <input type=\"hidden\" name=\"_subject\" value=\"Nuevo registro \u2014 Clase gratuita 1h40 IA para arquitectos\" \/>\n <input type=\"hidden\" name=\"origen\" value=\"Opt-in Clase 1h40\" \/>\n <div class=\"optin-field\"><input class=\"optin-input\" type=\"text\" name=\"nombre\" placeholder=\"C\u00f3mo te llamas\" required \/><\/div>\n <div class=\"optin-field\"><input class=\"optin-input\" type=\"email\" name=\"email\" placeholder=\"tu@correo.com\" required \/><\/div>\n <div class=\"optin-field\">\n <select class=\"optin-select\" name=\"perfil\" required>\n <option value=\"\" disabled selected>Selecciona tu perfil<\/option>\n <option>Arquitecto \/ interiorista \/ dise\u00f1ador<\/option>\n <option>Estudio peque\u00f1o (2\u20135 personas)<\/option>\n <option>Estudio mediano \/ grande (+6)<\/option>\n <option>Constructora \/ promotora<\/option>\n <option>Docente \/ instituci\u00f3n<\/option>\n <option>Estudiante<\/option>\n <option>Otro<\/option>\n <\/select>\n <\/div>\n <div class=\"optin-bonus-box\">\n <div class=\"bonus-ic\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"9\" width=\"18\" height=\"12\" rx=\"1.5\"\/><path d=\"M3 9h18\"\/><path d=\"M12 9v12\"\/><path d=\"M12 9c-1.6-3.4-6.5-3.4-6.5 0 1.6 0 4.3-.5 6.5 0z\"\/><path d=\"M12 9c1.6-3.4 6.5-3.4 6.5 0-1.6 0-4.3-.5-6.5 0z\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"bonus-tag\">Bonus incluido<\/div>\n <div class=\"bonus-title\">100 Prompts IA para Arquitectura<\/div>\n <p class=\"bonus-desc\">Gu\u00eda de 218 p\u00e1ginas con prompts probados en proyectos reales \u2014 gratis solo por registrarte.<\/p>\n <\/div>\n <\/div>\n <div class=\"optin-consent\">\n <input type=\"checkbox\" name=\"consentimiento\" id=\"consent\" required \/>\n <label for=\"consent\">Acepto la <a href=\"https:\/\/casauiarq.com\/politica-de-privacidad\/\" target=\"_blank\" rel=\"noopener\">pol\u00edtica de privacidad<\/a> y el tratamiento de mis datos para acceder al recurso gratuito y recibir comunicaciones de CASAUiARQ. Puedo darme de baja en cualquier momento.<\/label>\n <\/div>\n <button type=\"submit\" class=\"optin-submit\" id=\"optinBtn\">Desbloquear la clase <span class=\"arrow\">\u2192<\/span><\/button>\n <\/form>\n <div class=\"optin-trust\">\n <span><svg viewBox=\"0 0 20 20\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Sin spam<\/span>\n <span><svg viewBox=\"0 0 20 20\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"3\" y=\"11\" width=\"14\" height=\"7\" rx=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M7 11V7a3 3 0 016 0v4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Datos seguros<\/span>\n <span><svg viewBox=\"0 0 20 20\" fill=\"none\" stroke-width=\"1.5\"><circle cx=\"10\" cy=\"10\" r=\"8\" stroke-linecap=\"round\"\/><path d=\"M10 6v4l3 3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>Acceso inmediato<\/span>\n <\/div>\n <div class=\"optin-success\">\n <div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4,13 9,18 20,6\"\/><\/svg><\/div>\n <h3>\u00a1Acceso confirmado!<\/h3>\n <p>La descarga de los 100 Prompts de IA ha comenzado autom\u00e1ticamente. Si no se inicia, \u00fasala m\u00e1s abajo. Ya puedes acceder a la masterclass:<\/p>\n <a href=\"https:\/\/casauiarq.com\/masterclass\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary\" style=\"width:100%;justify-content:center;\">Ir a la masterclass <span class=\"arrow\">\u2192<\/span><\/a>\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1uwv99fgoIFPf5L4QNppNn3ITI6aDye2u\" download=\"100-prompts-ia-arquitectura_CASAUiARQ.pdf\" target=\"_blank\" rel=\"noopener\" class=\"bonus-link\">Descargar manualmente el PDF de los 100 Prompts \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"panel deep\" id=\"instructor\">\n <div class=\"section-wrap\">\n <div class=\"section-label reveal\"><span>Qui\u00e9n ense\u00f1a<\/span><\/div>\n <h2 class=\"section-h2 reveal delay-1\">Un arquitecto de verdad.<br>No un <em>divulgador de tecnolog\u00eda<\/em>.<\/h2>\n <div class=\"inst-layout\">\n <div class=\"inst-photo reveal delay-1\">\n <img decoding=\"async\" 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\" onerror=\"this.style.display='none'\" \/>\n <div class=\"inst-cap\"><div class=\"nm\">Eduardo Casa\u00fa Pedre\u00f1o<\/div><div class=\"rl\">Arquitecto \u00b7 Formador IA \u00b7 CASAUiARQ<\/div><\/div>\n <\/div>\n <div class=\"inst-body reveal delay-2\">\n <p>Soy arquitecto. He trabajado en proyectos de hospitalidad de lujo en EE. UU. y Espa\u00f1a \u2014 <em>Hyatt, 1Hotels, Thompson, Marriott<\/em>. S\u00e9 lo que es preparar una propuesta a las 2 de la ma\u00f1ana para entregar al d\u00eda siguiente.<\/p>\n <p>La IA que ense\u00f1o en esta clase no la saqu\u00e9 de tutoriales. La desarroll\u00e9 para resolver los problemas reales que yo ten\u00eda en mis propios proyectos. Por eso es diferente y por eso funciona el lunes.<\/p>\n <div class=\"inst-method\">\n <div class=\"mt\">La metodolog\u00eda<\/div>\n <div class=\"mn\">Sistema ARQ\u00b7IA<\/div>\n <div class=\"md\">El m\u00e9todo que aplico en proyectos reales y ense\u00f1o paso a paso: de herramientas sueltas a un sistema documentado que es tuyo.<\/div>\n <\/div>\n <p>He formado a m\u00e1s de 60 profesionales del sector AEC en la <em>UCAM<\/em> y el <em>COAMU<\/em>. Todo lo que ense\u00f1o lo uso yo mismo en mis propios proyectos, no en demos.<\/p>\n <div class=\"inst-metrics\">\n <div class=\"inst-metric\"><div class=\"v\"><span class=\"stat-counter\" data-target=\"60\">0<\/span>+<\/div><div class=\"l\">profesionales del sector formados<\/div><\/div>\n <div class=\"inst-metric\"><div class=\"v\"><span class=\"stat-counter\" data-target=\"16\">0<\/span>+<\/div><div class=\"l\">proyectos internacionales<\/div><\/div>\n <div class=\"inst-metric\"><div class=\"v\"><span class=\"stat-counter\" data-target=\"30\">0<\/span>+<\/div><div class=\"l\">herramientas dominadas<\/div><\/div>\n <div class=\"inst-metric\"><div class=\"v\"><span class=\"stat-counter\" data-target=\"100\">0<\/span>%<\/div><div class=\"l\">sobre proyectos reales, no demos<\/div><\/div>\n <\/div>\n <div class=\"inst-badges\">\n <span class=\"inst-badge\">Hyatt<\/span><span class=\"inst-badge\">1Hotels<\/span><span class=\"inst-badge\">Thompson<\/span><span class=\"inst-badge\">Marriott<\/span><span class=\"inst-badge\">Acciona<\/span><span class=\"inst-badge\">UCAM<\/span><span class=\"inst-badge\">COAMU<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"panel bg\" id=\"contenido\">\n <div class=\"section-wrap\">\n <div class=\"section-label reveal\"><span>Lo que vas a aprender en la clase<\/span><\/div>\n <h2 class=\"section-h2 reveal delay-1\">100 minutos. <br class=\"br-m\"><em>Cinco cosas<\/em> que podr\u00e1s <br class=\"br-m\">aplicar ya.<\/h2>\n <p class=\"section-sub reveal delay-2\">Cada bloque de la clase est\u00e1 pensado para que salgas con algo aplicable al proyecto que tienes esta semana sobre la mesa.<\/p>\n <div class=\"curio-grid\">\n <div class=\"curio-card reveal delay-1\">\n <div class=\"curio-num\">Bloque 01<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"22\" cy=\"22\" r=\"17\"\/><path d=\"M22 5v6M22 33v6M5 22h6M33 22h6\"\/><circle cx=\"22\" cy=\"22\" r=\"4\"\/>\n <\/svg>\n <h3>El mapa de la IA para arquitectura<\/h3>\n <p>Qu\u00e9 herramientas sirven de verdad en un proyecto real y cu\u00e1les son ruido. Sales sabiendo en <span class=\"curio-blur\">cu\u00e1les 3 herramientas<\/span> invertir tu tiempo esta semana.<\/p>\n <\/div>\n <div class=\"curio-card reveal delay-2\">\n <div class=\"curio-num\">Bloque 02<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"5\" y=\"9\" width=\"34\" height=\"24\" rx=\"2.5\"\/><circle cx=\"15\" cy=\"18\" r=\"3\"\/><path d=\"M5 29l10-9 8 7 6-5 10 9\"\/>\n <\/svg>\n <h3>Renders conceptuales en minutos<\/h3>\n <p>C\u00f3mo presentar alternativas de dise\u00f1o el mismo d\u00eda que te las piden. La combinaci\u00f3n exacta de <span class=\"curio-blur\">Midjourney + Veras<\/span> que usa Eduardo en proyectos de hospitalidad de lujo.<\/p>\n <\/div>\n <div class=\"curio-card reveal delay-1\">\n <div class=\"curio-num\">Bloque 03<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 4h14l8 8v28H12z\"\/><path d=\"M26 4v8h8\"\/><path d=\"M17 24h10M17 29h10M17 19h6\"\/>\n <\/svg>\n <h3>Documentaci\u00f3n que se escribe sola<\/h3>\n <p>Memorias descriptivas y fichas t\u00e9cnicas en minutos en lugar de una tarde entera. Incluye <span class=\"curio-blur\">la estructura de prompt exacta<\/span> que usa en sus propios proyectos.<\/p>\n <\/div>\n <div class=\"curio-card reveal delay-2\">\n <div class=\"curio-num\">Bloque 04<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M9 22a13 13 0 0 1 22-9\" \/><path d=\"M31 9v6h-6\" \/><path d=\"M35 22a13 13 0 0 1-22 9\" \/><path d=\"M13 35v-6h6\" \/>\n <\/svg>\n <h3>Tu primer workflow, paso a paso<\/h3>\n <p>C\u00f3mo encadenar las herramientas en un flujo repetible, no trucos sueltos. Sales con <span class=\"curio-blur\">tu propio workflow<\/span> listo para tu pr\u00f3ximo proyecto.<\/p>\n <\/div>\n <div class=\"curio-card reveal delay-1\">\n <div class=\"curio-num\">Bloque 05<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 6v20\"\/><circle cx=\"22\" cy=\"33\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"\/><path d=\"M8 38h28\"\/>\n <\/svg>\n <h3>El error que hace abandonar la IA<\/h3>\n <p>Por qu\u00e9 la mayor\u00eda de arquitectos lo intentan una vez y lo dejan \u2014 y <span class=\"curio-blur\">el ajuste concreto<\/span> que hace que el sistema se quede contigo en cada proyecto.<\/p>\n <\/div>\n <div class=\"curio-card bonus reveal delay-2\">\n <div class=\"curio-num\">Bonus<\/div>\n <svg class=\"curio-ic\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"6\" y=\"16\" width=\"32\" height=\"22\" rx=\"2.5\"\/><path d=\"M6 22h32\"\/><path d=\"M22 16v22\"\/><path d=\"M22 16c-3-6-12-6-12 0 3 0 8-1 12 0z\"\/><path d=\"M22 16c3-6 12-6 12 0-3 0-8-1-12 0z\"\/>\n <\/svg>\n <h3>100 Prompts IA para Arquitectura<\/h3>\n <p>Al acceder a la clase te llevas tambi\u00e9n la gu\u00eda de <strong style=\"color:var(--light)\">218 p\u00e1ginas<\/strong> con 100 prompts probados, calibrados para ChatGPT, Claude, Midjourney y Flux. Solo por registrarte.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"panel deep\">\n <div class=\"section-wrap\" style=\"padding-top:72px;padding-bottom:96px;\">\n <div class=\"section-label reveal\"><span>Dentro de la clase<\/span><\/div>\n <h2 class=\"section-h2 reveal delay-1\">Lo que dicen quienes <br class=\"br-m\"><em>ya la vieron<\/em>.<\/h2>\n <p class=\"section-sub reveal delay-2\">Cuatro testimonios en v\u00eddeo, disponibles al desbloquear el acceso.<\/p>\n <div class=\"stim-grid\">\n <div class=\"stim-card reveal delay-1\">\n <div class=\"stim-bg\" style=\"background-image:url('https:\/\/vumbnail.com\/1204581016.jpg')\"><\/div>\n <div class=\"stim-overlay\"><\/div>\n <div class=\"stim-inner\">\n <div class=\"stim-lock\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\n <div class=\"stim-name\">Lorenzo<\/div>\n <div class=\"stim-role\">Arquitecto, Profesor y Doctor<br>Grado en Arquitectura \u00b7 UCAM<\/div>\n <\/div>\n <div class=\"stim-hint\">Disponible dentro<\/div>\n <\/div>\n <div class=\"stim-card reveal delay-2\">\n <div class=\"stim-bg\" style=\"background-image:url('https:\/\/vumbnail.com\/1204580963.jpg')\"><\/div>\n <div class=\"stim-overlay\"><\/div>\n <div class=\"stim-inner\">\n <div class=\"stim-lock\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\n <div class=\"stim-name\">Claudia<\/div>\n <div class=\"stim-role\">Grado en Arquitectura \u00b7 UCAM<\/div>\n <\/div>\n <div class=\"stim-hint\">Disponible dentro<\/div>\n <\/div>\n <div class=\"stim-card reveal delay-1\">\n <div class=\"stim-bg\" style=\"background-image:url('https:\/\/vumbnail.com\/1206417811.jpg')\"><\/div>\n <div class=\"stim-overlay\"><\/div>\n <div class=\"stim-inner\">\n <div class=\"stim-lock\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\n <div class=\"stim-name\">Micaela<\/div>\n <div class=\"stim-role\">Grado en Arquitectura \u00b7 UCAM<\/div>\n <\/div>\n <div class=\"stim-hint\">Disponible dentro<\/div>\n <\/div>\n <div class=\"stim-card reveal delay-2\">\n <div class=\"stim-bg\" style=\"background-image:url('https:\/\/vumbnail.com\/1204585034.jpg')\"><\/div>\n <div class=\"stim-overlay\"><\/div>\n <div class=\"stim-inner\">\n <div class=\"stim-lock\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\n <div class=\"stim-name\">Raquel<\/div>\n <div class=\"stim-role\">Grado en Arquitectura \u00b7 UCAM<\/div>\n <\/div>\n <div class=\"stim-hint\">Disponible dentro<\/div>\n <\/div>\n <\/div>\n <div class=\"stim-hint\">Disponible dentro<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"panel bg\" id=\"origen\">\n <div class=\"section-wrap\" style=\"padding-bottom:88px;\">\n <div class=\"og-cinematic reveal\">\n <img decoding=\"async\" class=\"og-bg\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=1400&q=80\" alt=\"Arquitecto trabajando solo, de noche, sobre planos t\u00e9cnicos\" loading=\"lazy\" \/>\n <div class=\"og-scrim\"><\/div>\n <div class=\"og-over\">\n <div class=\"og-eyebrow\">Por qu\u00e9 existe esta clase \u00b7 2023<\/div>\n <h2 class=\"og-h2\">Seis meses de noches <br>y fines de semana, <br>aprendiendo solo, sin mapa <br><em>para que t\u00fa no los necesites.<\/em><\/h2>\n <p class=\"og-sub-cin\">Por Eduardo Casa\u00fa, arquitecto \u2014 ocho a\u00f1os en hospitalidad de lujo internacional.<\/p>\n <\/div>\n <div class=\"og-year\">2023<\/div>\n <\/div>\n\n <div class=\"og-narrative\">\n <p class=\"reveal\">2023. Un proyecto de hotel de lujo. Entrega al d\u00eda siguiente. Eduardo, solo, a las dos de la ma\u00f1ana, con la memoria a medias y los renders todav\u00eda en el estudio externo \u2014 cuatro d\u00edas de espera y 1.200 euros que no le apetec\u00eda pagar otra vez.<\/p>\n <p class=\"og-voice reveal\">\"Llevaba ocho a\u00f1os entregando propuestas as\u00ed. Y esa noche me pregunt\u00e9 si ten\u00eda que seguir siendo as\u00ed.\"<\/p>\n <p class=\"reveal\">Pas\u00f3 los seis meses siguientes probando herramientas de IA por su cuenta, de noche, despu\u00e9s de las horas de proyecto. No los tutoriales de renders de fantas\u00eda, que en un proyecto con plazo y cliente real no sirven para nada. Memorias, propuestas, visualizaci\u00f3n conceptual, documentaci\u00f3n t\u00e9cnica. Meses de pruebas y errores, a solas, sobre proyectos que ten\u00edan que entregarse de verdad.<\/p>\n <p class=\"reveal\">Y entonces algo funcion\u00f3. Una propuesta que le llevaba tres d\u00edas: medio d\u00eda. Los renders que antes encargaba a un externo: los produc\u00eda \u00e9l mismo en dos horas, sin coste. La memoria que le consum\u00eda una tarde entera: cuarenta y cinco minutos.<\/p>\n\n <div class=\"og-quote reveal\">\n <div class=\"og-quote-mark\">\"<\/div>\n <blockquote>\n <p>Los arquitectos que adoptaron el BIM en 2008 ya llevaban a\u00f1os de ventaja cuando se volvi\u00f3 obligatorio para todos los dem\u00e1s. Con la IA est\u00e1 pasando lo mismo, solo que a cuatro veces m\u00e1s velocidad. Y esta vez no necesitas esperar a que tu estudio decida nada \u2014 lo puedes hacer t\u00fa solo, esta misma semana.<\/p>\n <cite>Eduardo Casa\u00fa \u00b7 Arquitecto \u00b7 Fundador del Sistema ARQ\u00b7IA<\/cite>\n <\/blockquote>\n <\/div>\n\n <p class=\"og-close reveal\">Aprenderlo solo le cost\u00f3 seis meses de noches y fines de semana. Esta clase existe para que a ti no te cueste lo mismo \u2014 1h 40min con alguien que ya se equivoc\u00f3 por ti.<\/p>\n <div style=\"text-align:center;margin-top:34px;\" class=\"reveal\">\n <a href=\"#acceso\" class=\"btn-ghost\">Desbloquea la clase y empieza t\u00fa tambi\u00e9n \u2191<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"panel surf final\">\n <div class=\"final-glow\"><\/div>\n <div class=\"section-wrap\">\n <div class=\"final-inner\" style=\"max-width:780px;\">\n <h2 class=\"reveal\">Tu acceso a la clase<br>est\u00e1 a <em>un formulario<\/em><br>de distancia.<\/h2>\n <p class=\"reveal delay-1\">Gratis, online, con proyectos reales \u2014 y los 100 Prompts de IA de regalo.<\/p>\n <div class=\"reveal delay-1\">\n <a href=\"#acceso\" class=\"btn-primary\" style=\"font-size:14px;padding:18px 44px;\">Desbloquear la clase gratis <span class=\"arrow\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"footer\">\n <div class=\"fl\">CASAU<span>i<\/span>ARQ<\/div>\n <div class=\"fm\">\u00a9 2026 CASAUiARQ \u00b7 IA aplicada al proyecto real \u00b7 <a href=\"mailto:info@casauiarq.com\">info@casauiarq.com<\/a><\/div>\n<\/div>\n\n<script>\n(function(){ const bar=document.getElementById('preBar'), pct=document.getElementById('prePct'), pre=document.getElementById('preloader'); let p=0; const iv=setInterval(()=>{ p+=Math.random()*16+7; if(p>=100){p=100;clearInterval(iv);setTimeout(()=>pre.classList.add('done'),300);} bar.style.width=p+'%'; pct.textContent=Math.floor(p)+'%'; },65); })();\n(function(){ const pbar=document.getElementById('progressBar'); function onScroll(){ const h=document.documentElement.scrollHeight-innerHeight; pbar.style.width=(h>0?(scrollY\/h)*100:0)+'%'; } addEventListener('scroll',onScroll,{passive:true}); onScroll(); })();\n(function(){ const obs=new IntersectionObserver((es)=>{es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible');obs.unobserve(e.target);}});},{threshold:0.14}); document.querySelectorAll('.reveal').forEach(el=>obs.observe(el)); })();\n\n\/* OPT-IN \u2192 Webhook Make (Google Sheets) + descarga del PDF, sin abandonar la p\u00e1gina *\/\nconst WEBHOOK_URL='https:\/\/hook.eu1.make.com\/zru7fxq5lckw2riusg9xlq4ghyatd2ah';\n\/* URL del PDF. Usamos el mismo archivo de Google Drive que ya funciona en la landing de 100 prompts.\n Para una descarga 100% silenciosa, sube el PDF a casauiarq.com (mismo dominio) y sustituye esta URL:\n entonces la descarga por blob de m\u00e1s abajo lo baja directamente sin intermediarios. *\/\nconst PDF_URL='https:\/\/drive.google.com\/uc?export=download&id=1uwv99fgoIFPf5L4QNppNn3ITI6aDye2u';\nconst REDIRECT_URL='https:\/\/casauiarq.com\/masterclass\/';\n\nfunction madridTimestamp(){\n const p=new Intl.DateTimeFormat('es-ES',{timeZone:'Europe\/Madrid',year:'numeric',month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit',second:'2-digit',hour12:false}).formatToParts(new Date());\n const g=t=>{const f=p.find(x=>x.type===t);return f?f.value:'';};\n return g('year')+'-'+g('month')+'-'+g('day')+' '+g('hour')+':'+g('minute')+':'+g('second');\n}\n\nfunction dispararDescarga(url, filename){\n \/\/ 1) Intento de descarga REAL v\u00eda blob. Funciona si el PDF est\u00e1 en el mismo dominio o permite CORS.\n fetch(url,{mode:'cors'})\n .then(r=>{ if(!r.ok) throw new Error('HTTP '+r.status); return r.blob(); })\n .then(blob=>{\n const obj=URL.createObjectURL(blob);\n const a=document.createElement('a');\n a.href=obj; a.download=filename;\n document.body.appendChild(a); a.click(); a.remove();\n setTimeout(()=>URL.revokeObjectURL(obj),5000);\n })\n .catch(()=>{\n \/\/ 2) Fallback (Google Drive u otro dominio): iframe oculto.\n \/\/ Dispara la descarga SIN abandonar ni cambiar la pesta\u00f1a principal.\n const ifr=document.createElement('iframe');\n ifr.style.display='none'; ifr.src=url;\n document.body.appendChild(ifr);\n setTimeout(()=>ifr.remove(),60000);\n });\n}\n\nasync function handleOptin(e){\n e.preventDefault();\n const form=e.target, btn=document.getElementById('optinBtn'), card=document.getElementById('optin');\n btn.textContent='Enviando...'; btn.disabled=true;\n \/\/ 1) Guardar el lead en Make -> Google Sheets (x-www-form-urlencoded, como espera el escenario)\n const payload=new URLSearchParams({\n fecha: madridTimestamp(),\n nombre: (form.nombre.value||'').trim(),\n email: (form.email.value||'').trim().toLowerCase(),\n perfil: form.perfil.value||'',\n interes: '',\n fuente: 'landing-clase-vsl-1h40',\n referrer: document.referrer||'direct',\n consentimiento: form.consentimiento.checked ? 'si' : 'no'\n });\n try{\n await fetch(WEBHOOK_URL,{method:'POST',body:payload,mode:'no-cors',keepalive:true});\n }catch(err){ \/* seguimos igualmente para no bloquear al usuario *\/ }\n \/\/ 2) El usuario se queda en el banner de confirmaci\u00f3n y se dispara la descarga del PDF.\n \/\/ NO redirigimos ni abrimos pesta\u00f1as nuevas: el acceso a la masterclass y la descarga\n \/\/ manual est\u00e1n disponibles como botones dentro del propio banner.\n card.classList.add('done');\n dispararDescarga(PDF_URL,'100-prompts-ia-arquitectura_CASAUiARQ.pdf');\n}\n<\/script>\n\n\n<script>\n(function(){\n if (!window.THREE) return; const mount = document.getElementById('bg-canvas'); if (!mount) return;\n const easeInOut = t => t<0.5 ? 2*t*t : 1-Math.pow(-2*t+2,2)\/2; const easeOutCubic = t => 1-Math.pow(1-t,3); const lerp = (a,b,t) => a+(b-a)*t; const clamp01 = v => v<0?0:v>1?1:v;\n let W = innerWidth, H = innerHeight; let renderer;\n try { renderer = new THREE.WebGLRenderer({ antialias:true, alpha:true, powerPreference:'high-performance' }); } catch(e){ return; }\n const DPR = Math.min(devicePixelRatio, 1.6); renderer.setSize(W,H); renderer.setPixelRatio(DPR);\n renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.0; if (THREE.sRGBEncoding) renderer.outputEncoding = THREE.sRGBEncoding;\n mount.appendChild(renderer.domElement);\n const scene = new THREE.Scene(); scene.fog = new THREE.FogExp2(0x140f0b, 0.014);\n const camera = new THREE.PerspectiveCamera(45, W\/H, 0.1, 300); camera.position.set(0, 0, 50);\n try {\n const c = document.createElement('canvas'); c.width = 512; c.height = 256; const x = c.getContext('2d');\n const g = x.createLinearGradient(0,0,0,256); g.addColorStop(0,'#241712'); g.addColorStop(0.44,'#3a2014'); g.addColorStop(0.5,'#7a3d1e'); g.addColorStop(0.56,'#c4622d'); g.addColorStop(0.63,'#5a2f18'); g.addColorStop(1,'#0d0907'); x.fillStyle = g; x.fillRect(0,0,512,256);\n let rg = x.createRadialGradient(360,90,0,360,90,130); rg.addColorStop(0,'rgba(255,205,150,1)'); rg.addColorStop(0.4,'rgba(232,137,90,0.55)'); rg.addColorStop(1,'rgba(232,137,90,0)'); x.fillStyle = rg; x.fillRect(0,0,512,256);\n let rg2 = x.createRadialGradient(120,150,0,120,150,90); rg2.addColorStop(0,'rgba(150,170,200,0.5)'); rg2.addColorStop(1,'rgba(150,170,200,0)'); x.fillStyle = rg2; x.fillRect(0,0,512,256);\n const tex = new THREE.CanvasTexture(c); tex.mapping = THREE.EquirectangularReflectionMapping; const pmrem = new THREE.PMREMGenerator(renderer); pmrem.compileEquirectangularShader(); const rt = pmrem.fromEquirectangular(tex); scene.environment = rt.texture; tex.dispose(); pmrem.dispose();\n } catch(e){}\n scene.add(new THREE.AmbientLight(0x4a2c1c, 0.5));\n const keyL = new THREE.PointLight(0xffb070, 3.0, 200, 1.3); keyL.position.set(26,34,26); scene.add(keyL);\n const fillL = new THREE.PointLight(0xC4622D, 1.2, 150, 1.5); fillL.position.set(-8,-16,28); scene.add(fillL);\n const rimL = new THREE.PointLight(0x9ab0d0, 0.7, 160, 1.6); rimL.position.set(-28,14,-22); scene.add(rimL);\n const tower = new THREE.Group(); scene.add(tower); const FLOORS = 26, GAP = 0.66, TWIST = 0.14;\n const slabMat = new THREE.MeshStandardMaterial({ color:0x2a1b11, metalness:0.95, roughness:0.26, emissive:0xC4622D, emissiveIntensity:0.05, envMapIntensity:1.15 }); const slabs = [];\n for (let i=0;i<FLOORS;i++){ const t=i\/FLOORS, s=7.0*(1-t*0.52); const geo=new THREE.BoxGeometry(s,0.16,s); const mesh=new THREE.Mesh(geo,slabMat); const eMat=new THREE.LineBasicMaterial({ color:0xff9a55, transparent:true, opacity:0.9 }); const edges=new THREE.LineSegments(new THREE.EdgesGeometry(geo), eMat); const fl=new THREE.Group(); fl.add(mesh); fl.add(edges); const assembledY=i*GAP-(FLOORS*GAP)\/2, assembledRot=i*TWIST; const ang=Math.random()*Math.PI*2, rad=26+Math.random()*34; const scatter=new THREE.Vector3(Math.cos(ang)*rad,(Math.random()-0.5)*70,Math.sin(ang)*rad-12); const scatterRot=new THREE.Vector3((Math.random()-0.5)*3.2,Math.random()*Math.PI*2,(Math.random()-0.5)*3.2); fl.userData={ i, assembledY, assembledRot, scatter, scatterRot, eMat, start:(i\/FLOORS)*0.4 }; tower.add(fl); slabs.push(fl); }\n const core = new THREE.Mesh(new THREE.CylinderGeometry(0.18,0.18,FLOORS*GAP,16), new THREE.MeshBasicMaterial({ color:0xff8038, transparent:true, opacity:0 })); tower.add(core);\n function glowTex(){ const c=document.createElement('canvas'); c.width=256; c.height=256; const x=c.getContext('2d'); const g=x.createRadialGradient(128,128,0,128,128,128); g.addColorStop(0,'rgba(255,170,100,0.95)'); g.addColorStop(0.3,'rgba(196,98,45,0.4)'); g.addColorStop(1,'rgba(120,50,20,0)'); x.fillStyle=g; x.fillRect(0,0,256,256); return new THREE.CanvasTexture(c); }\n const glow = new THREE.Sprite(new THREE.SpriteMaterial({ map:glowTex(), color:0xC4622D, transparent:true, blending:THREE.AdditiveBlending, opacity:0, depthWrite:false })); glow.scale.set(58,58,1); glow.position.set(0,1,-12); scene.add(glow);\n const EMB=260; const ePos=new Float32Array(EMB*3); const eData=[]; for (let i=0;i<EMB;i++){ const r=4+Math.random()*22, a=Math.random()*Math.PI*2; ePos[i*3]=Math.cos(a)*r; ePos[i*3+1]=(Math.random()-0.5)*32; ePos[i*3+2]=Math.sin(a)*r; eData.push({sp:0.4+Math.random()*1.2}); }\n const eGeo=new THREE.BufferGeometry(); eGeo.setAttribute('position',new THREE.BufferAttribute(ePos,3)); const eMatP=new THREE.PointsMaterial({ color:0xffa860, size:0.18, sizeAttenuation:true, transparent:true, opacity:0.9, blending:THREE.AdditiveBlending, depthWrite:false }); const embers=new THREE.Points(eGeo,eMatP); scene.add(embers);\n const NODES=26, HALF=(FLOORS*GAP)\/2; const nodeGroup=new THREE.Group(); scene.add(nodeGroup); const nodeGeo=new THREE.SphereGeometry(0.13,12,12); const nodeMat=new THREE.MeshBasicMaterial({ color:0xffb070, transparent:true, opacity:0 }); const nodes=[];\n for (let i=0;i<NODES;i++){ const m=new THREE.Mesh(nodeGeo,nodeMat); m.userData={ radius:9+Math.random()*8, ang:Math.random()*6.28, speed:0.08+Math.random()*0.22, baseY:(Math.random()-0.5)*HALF*1.9, bob:Math.random()*6.28 }; nodeGroup.add(m); nodes.push(m); }\n const MAXL=NODES*4; const lp=new Float32Array(MAXL*2*3); const lg=new THREE.BufferGeometry(); lg.setAttribute('position',new THREE.BufferAttribute(lp,3)); const lmat=new THREE.LineBasicMaterial({ color:0xC4622D, transparent:true, opacity:0 }); const lines=new THREE.LineSegments(lg,lmat); nodeGroup.add(lines);\n const DUST=900; const dp=new Float32Array(DUST*3), dc=new Float32Array(DUST*3); for (let i=0;i<DUST;i++){ const r=16+Math.random()*50, th=Math.random()*6.28, ph=Math.acos(2*Math.random()-1); dp[i*3]=r*Math.sin(ph)*Math.cos(th); dp[i*3+1]=(Math.random()-0.5)*60; dp[i*3+2]=r*Math.sin(ph)*Math.sin(th); const cc=Math.random(); if(cc<0.6){dc[i*3]=0.77;dc[i*3+1]=0.38;dc[i*3+2]=0.18;}else if(cc<0.85){dc[i*3]=0.96;dc[i*3+1]=0.94;dc[i*3+2]=0.92;}else{dc[i*3]=0.83;dc[i*3+1]=0.44;dc[i*3+2]=0.25;} }\n const dgeo=new THREE.BufferGeometry(); dgeo.setAttribute('position',new THREE.BufferAttribute(dp,3)); dgeo.setAttribute('color',new THREE.BufferAttribute(dc,3)); const dust=new THREE.Points(dgeo,new THREE.PointsMaterial({ size:0.12, sizeAttenuation:true, vertexColors:true, transparent:true, opacity:0.5 })); scene.add(dust);\n let composer=null, bloomPass=null, finalPass=null; const usePost = !!(THREE.EffectComposer && THREE.RenderPass && THREE.UnrealBloomPass && THREE.ShaderPass);\n if (usePost){ try { composer = new THREE.EffectComposer(renderer); composer.setPixelRatio(DPR); composer.setSize(W,H); composer.addPass(new THREE.RenderPass(scene,camera)); bloomPass = new THREE.UnrealBloomPass(new THREE.Vector2(W,H), 0.9, 0.55, 0.5); composer.addPass(bloomPass);\n const FinalShader = { uniforms:{ tDiffuse:{value:null}, uTime:{value:0} }, vertexShader:'varying vec2 vUv; void main(){ vUv=uv; gl_Position=projectionMatrix*modelViewMatrix*vec4(position,1.0); }', fragmentShader:['varying vec2 vUv;','uniform sampler2D tDiffuse;','uniform float uTime;','void main(){',' vec2 uv=vUv; vec2 c=uv-0.5; float d=dot(c,c);',' float ca=0.0012+d*0.0045;',' vec3 col; col.r=texture2D(tDiffuse,uv+c*ca).r; col.g=texture2D(tDiffuse,uv).g; col.b=texture2D(tDiffuse,uv-c*ca).b;',' float vig=smoothstep(1.05,0.2,d*1.9); col*=mix(0.62,1.0,vig);',' float g=fract(sin(dot(uv*vec2(123.4,234.5)+uTime,vec2(12.9898,78.233)))*43758.5453);',' col+=(g-0.5)*0.05;',' gl_FragColor=vec4(col,1.0);','}'].join('\\n') };\n finalPass = new THREE.ShaderPass(FinalShader); finalPass.renderToScreen=true; composer.addPass(finalPass); } catch(e){ composer=null; } }\n let progress=0, target=0, mx=0, my=0; function cp(){ const h=document.documentElement.scrollHeight-innerHeight; target=h>0?clamp01(scrollY\/h):0; }\n addEventListener('scroll',cp,{passive:true}); addEventListener('mousemove',e=>{ mx=e.clientX\/innerWidth-0.5; my=e.clientY\/innerHeight-0.5; },{passive:true}); cp();\n const clock=new THREE.Clock(); let vis=true; document.addEventListener('visibilitychange',()=>{ vis=!document.hidden; }); const _v=new THREE.Vector3();\n function tick(){ requestAnimationFrame(tick); if(!vis) return; const dt=Math.min(clock.getDelta(),0.05), t=clock.elapsedTime; progress+=(target-progress)*0.06; const p=progress; tower.rotation.y += dt*0.07;\n for (let k=0;k<slabs.length;k++){ const fl=slabs[k], u=fl.userData; const local=easeOutCubic(clamp01((p-u.start)\/0.28)); _v.set(0,u.assembledY,0); fl.position.lerpVectors(u.scatter,_v,local); fl.rotation.x=lerp(u.scatterRot.x,0,local); fl.rotation.y=lerp(u.scatterRot.y,u.assembledRot,local)+Math.sin(t*0.4+u.i*0.22)*0.05*local; fl.rotation.z=lerp(u.scatterRot.z,0,local); u.eMat.opacity=(0.2+0.5*local)+Math.sin(t*1.3+u.i*0.35)*0.22*local; }\n const netFade=easeInOut(clamp01((p-0.15)\/0.5)); nodeMat.opacity=0.9*netFade; for (let k=0;k<nodes.length;k++){ const n=nodes[k]; n.userData.ang+=dt*n.userData.speed; n.position.set(Math.cos(n.userData.ang)*n.userData.radius, n.userData.baseY+Math.sin(t*0.6+n.userData.bob)*1.1, Math.sin(n.userData.ang)*n.userData.radius); }\n const arr=lines.geometry.attributes.position.array; let li=0; for (let a=0;a<nodes.length&&li<MAXL;a++) for (let b=a+1;b<nodes.length&&li<MAXL;b++){ const pa=nodes[a].position,pb=nodes[b].position; const dx=pa.x-pb.x,dy=pa.y-pb.y,dz=pa.z-pb.z; if(dx*dx+dy*dy+dz*dz<28){ arr[li*6]=pa.x;arr[li*6+1]=pa.y;arr[li*6+2]=pa.z;arr[li*6+3]=pb.x;arr[li*6+4]=pb.y;arr[li*6+5]=pb.z;li++; } } lines.geometry.setDrawRange(0,li*2); lines.geometry.attributes.position.needsUpdate=true; lmat.opacity=(0.05+0.16*netFade)+Math.sin(t*1.4)*0.03;\n const ea=embers.geometry.attributes.position.array; for (let i=0;i<EMB;i++){ ea[i*3+1]+=eData[i].sp*dt*1.6; if(ea[i*3+1]>34) ea[i*3+1]=-34; } embers.geometry.attributes.position.needsUpdate=true; eMatP.opacity=(0.35+0.5*easeInOut(clamp01((p-0.1)\/0.5)))*(0.7+Math.sin(t*3)*0.3);\n core.material.opacity=easeInOut(clamp01((p-0.4)\/0.4))*0.9; dust.rotation.y += dt*0.01; glow.material.opacity=0.1+easeInOut(clamp01((p-0.45)\/0.45))*0.6+Math.sin(t*0.8)*0.05;\n if (bloomPass) bloomPass.strength=0.7+easeInOut(p)*0.7; if (finalPass) finalPass.uniforms.uTime.value=t;\n const ce=easeInOut(p); const tx=Math.sin(p*Math.PI*0.85)*9+mx*5; const tz=lerp(52,29,ce); const ty=lerp(-4,8,ce)-my*3; camera.position.x+=(tx-camera.position.x)*0.05; camera.position.y+=(ty-camera.position.y)*0.05; camera.position.z+=(tz-camera.position.z)*0.05; camera.lookAt(0,lerp(-2,4,ce),0); renderer.toneMappingExposure=0.95+ce*0.35;\n if (composer) composer.render(); else renderer.render(scene,camera); }\n tick();\n addEventListener('resize',()=>{ W=innerWidth; H=innerHeight; camera.aspect=W\/H; camera.updateProjectionMatrix(); renderer.setSize(W,H); if(composer) composer.setSize(W,H); if(bloomPass) bloomPass.setSize(W,H); cp(); });\n})();\n<\/script>\n\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n<script>\n(function(){ var cs=document.querySelectorAll('.stat-counter'); if(!cs.length) return; var DUR=2200; function ease(t){return 1-Math.pow(1-t,3);} var o=new IntersectionObserver(function(es){es.forEach(function(e){ if(!e.isIntersecting) return; var el=e.target, target=parseFloat(el.dataset.target)||0, start=null; function step(ts){ if(start===null) start=ts; var p=Math.min((ts-start)\/DUR,1); el.textContent=Math.round(ease(p)*target); if(p<1) requestAnimationFrame(step); } requestAnimationFrame(step); o.unobserve(el); });},{threshold:0.6}); cs.forEach(function(c){o.observe(c);}); })();\n<\/script>\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>Clase gratuita de IA para arquitectos \u00b7 1h 40min \u2014 CASAUiARQ CASAUiARQ 0% CASAUiARQ Clase gratuita \u00b7 1h 40min \u00b7 Acceso privado Clase gratuita \u00b7 IA para arquitectos IA aplicada a tus proyectos reales,en una clase de 1h 40min. Acceso privado y gratuito al sistema que un arquitecto usa en proyectos de Hyatt, 1Hotels y Thompson […]<\/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-5605","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - 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\/formacion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - CASAUiARQ\" \/>\n<meta property=\"og:description\" content=\"Clase gratuita de IA para arquitectos \u00b7 1h 40min \u2014 CASAUiARQ CASAUiARQ 0% CASAUiARQ Clase gratuita \u00b7 1h 40min \u00b7 Acceso privado Clase gratuita \u00b7 IA para arquitectos IA aplicada a tus proyectos reales,en una clase de 1h 40min. Acceso privado y gratuito al sistema que un arquitecto usa en proyectos de Hyatt, 1Hotels y Thompson […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/casauiarq.com\/en\/formacion\/\" \/>\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-07-20T14:35:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/\",\"url\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/\",\"name\":\"CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - CASAUiARQ\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1785165915806839&ev=PageView&noscript=1\",\"datePublished\":\"2026-07-20T14:08:19+00:00\",\"dateModified\":\"2026-07-20T14:35:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1785165915806839&ev=PageView&noscript=1\",\"contentUrl\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1785165915806839&ev=PageView&noscript=1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/casauiarq.com\\\/formacion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/casauiarq.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CASAUiARQ – IA aplicada en arquitectura y formaci\u00f3n\"}]},{\"@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_head_json":{"title":"CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - 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\/formacion\/","og_locale":"en_US","og_type":"article","og_title":"CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - CASAUiARQ","og_description":"Clase gratuita de IA para arquitectos \u00b7 1h 40min \u2014 CASAUiARQ CASAUiARQ 0% CASAUiARQ Clase gratuita \u00b7 1h 40min \u00b7 Acceso privado Clase gratuita \u00b7 IA para arquitectos IA aplicada a tus proyectos reales,en una clase de 1h 40min. Acceso privado y gratuito al sistema que un arquitecto usa en proyectos de Hyatt, 1Hotels y Thompson […]","og_url":"https:\/\/casauiarq.com\/en\/formacion\/","og_site_name":"CASAUiARQ","article_publisher":"https:\/\/www.facebook.com\/people\/Casauiarq\/61580111784622\/","article_modified_time":"2026-07-20T14:35:44+00:00","og_image":[{"url":"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/casauiarq.com\/formacion\/","url":"https:\/\/casauiarq.com\/formacion\/","name":"CASAUiARQ - IA aplicada en arquitectura y formaci\u00f3n - CASAUiARQ","isPartOf":{"@id":"https:\/\/casauiarq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/casauiarq.com\/formacion\/#primaryimage"},"image":{"@id":"https:\/\/casauiarq.com\/formacion\/#primaryimage"},"thumbnailUrl":"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1","datePublished":"2026-07-20T14:08:19+00:00","dateModified":"2026-07-20T14:35:44+00:00","breadcrumb":{"@id":"https:\/\/casauiarq.com\/formacion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/casauiarq.com\/formacion\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/casauiarq.com\/formacion\/#primaryimage","url":"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1","contentUrl":"https:\/\/www.facebook.com\/tr?id=1785165915806839&ev=PageView&noscript=1"},{"@type":"BreadcrumbList","@id":"https:\/\/casauiarq.com\/formacion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/casauiarq.com\/"},{"@type":"ListItem","position":2,"name":"CASAUiARQ – IA aplicada en arquitectura y formaci\u00f3n"}]},{"@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\/5605","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=5605"}],"version-history":[{"count":7,"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/pages\/5605\/revisions"}],"predecessor-version":[{"id":5628,"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/pages\/5605\/revisions\/5628"}],"wp:attachment":[{"href":"https:\/\/casauiarq.com\/en\/wp-json\/wp\/v2\/media?parent=5605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}