ArquiClass – Curso de Revit Profesional de Cero a Avanzado<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \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=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n h1, h2, h3, h4 {\n font-family: 'Montserrat', sans-serif;\n }\n .architect-grid {\n background-image: radial-gradient(rgba(37, 99, 235, 0.1) 1px, transparent 0);\n background-size: 24px 24px;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-900 text-slate-100 antialiased overflow-x-hidden\">\n\n\n \n <header class=\"sticky top-0 z-50 bg-slate-900\/95 backdrop-blur-md border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between\">\n <div class=\"flex items-center space-x-2\">\n <div class=\"bg-blue-600 text-white p-2 rounded-lg font-black tracking-wider text-xl\">AC<\/div>\n <span class=\"font-black text-xl tracking-tight text-white\">ARQUI<span class=\"text-blue-500\">CLASS<\/span><\/span>\n <\/div>\n <div class=\"hidden md:flex space-x-8 text-sm font-semibold text-slate-300\">\n <a href=\"#problema\" class=\"hover:text-blue-400 transition\">El Problema<\/a>\n <a href=\"#calculadora\" class=\"hover:text-blue-400 transition\">Calculadora BIM<\/a>\n <a href=\"#temario\" class=\"hover:text-blue-400 transition\">Temario<\/a>\n <a href=\"#bonos\" class=\"hover:text-blue-400 transition\">Bonos<\/a>\n <a href=\"#garantia\" class=\"hover:text-blue-400 transition\">Garant\u00eda<\/a>\n <\/div>\n <div>\n <a href=\"#precios\" class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded-lg transition text-sm shadow-lg shadow-orange-500\/20\">\n \u00a1Inscribirme ya!\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n\n \n <section class=\"relative min-h-[85vh] flex items-center justify-center architect-grid py-12 px-4 sm:px-6 lg:px-8 border-b border-slate-800\">\n <div class=\"absolute inset-0 bg-gradient-to-b from-blue-900\/10 via-slate-900\/80 to-slate-900 pointer-events-none\"><\/div>\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-12 items-center relative z-10\">\n \n \n <div class=\"lg:col-span-7 space-y-6 text-center lg:text-left\">\n <div class=\"inline-flex items-center space-x-2 bg-blue-500\/10 border border-blue-500\/30 text-blue-400 px-4 py-1.5 rounded-full text-xs font-semibold uppercase tracking-wider mx-auto lg:mx-0\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\n <span>Formaci\u00f3n 100% Online y a tu propio ritmo<\/span>\n <\/div>\n <h1 class=\"text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white leading-tight\">\n Domina Revit desde cero y modela tus proyectos en 3D <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-teal-300\">3 veces m\u00e1s r\u00e1pido<\/span> que en AutoCAD\n <\/h1>\n <p class=\"text-slate-300 text-base sm:text-lg max-w-2xl mx-auto lg:mx-0 leading-relaxed\">\n Ingresa de forma definitiva al universo BIM. Genera plantas, cortes, elevaciones y metrados de manera simult\u00e1nea e inmediata. Olv\u00eddate de redibujar cada cambio a mano.\n <\/p>\n \n \n <div class=\"p-4 bg-slate-800\/80 border border-slate-700\/50 rounded-xl max-w-lg mx-auto lg:mx-0\">\n <p class=\"text-xs text-orange-400 font-bold uppercase tracking-wider mb-2 text-center lg:text-left\">\n \u26a1 Oferta especial de reactivaci\u00f3n expira pronto:\n <\/p>\n <div class=\"grid grid-cols-4 gap-2 text-center text-white\" id=\"countdown-timer\">\n <div class=\"bg-slate-900 p-2 rounded border border-slate-700\"><span id=\"days\" class=\"font-extrabold text-lg block text-blue-400\">00<\/span><span class=\"text-[9px] text-slate-400 uppercase\">D\u00edas<\/span><\/div>\n <div class=\"bg-slate-900 p-2 rounded border border-slate-700\"><span id=\"hours\" class=\"font-extrabold text-lg block text-blue-400\">12<\/span><span class=\"text-[9px] text-slate-400 uppercase\">Horas<\/span><\/div>\n <div class=\"bg-slate-900 p-2 rounded border border-slate-700\"><span id=\"minutes\" class=\"font-extrabold text-lg block text-blue-400\">34<\/span><span class=\"text-[9px] text-slate-400 uppercase\">Mins<\/span><\/div>\n <div class=\"bg-slate-900 p-2 rounded border border-slate-700\"><span id=\"seconds\" class=\"font-extrabold text-lg block text-orange-400\">56<\/span><span class=\"text-[9px] text-slate-400 uppercase\">Segs<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4 justify-center lg:justify-start\">\n <a href=\"#precios\" class=\"bg-blue-600 hover:bg-blue-500 text-white font-extrabold text-lg py-4 px-8 rounded-xl shadow-lg shadow-blue-500\/20 transition transform hover:-translate-y-0.5 text-center flex items-center justify-center space-x-2\">\n <span>S\u00cd, QUIERO ACCEDER HOY<\/span>\n <i class=\"fa-solid fa-arrow-right\"><\/i>\n <\/a>\n <a href=\"#temario\" class=\"border border-slate-700 hover:bg-slate-800 text-slate-300 font-semibold text-lg py-4 px-8 rounded-xl transition text-center\">\n Ver Temario Completo\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-5 relative w-full\">\n <div class=\"absolute -inset-1 bg-gradient-to-r from-blue-600 to-teal-400 rounded-2xl blur opacity-30\"><\/div>\n <div class=\"relative bg-slate-950 border border-slate-800 rounded-2xl overflow-hidden shadow-2xl\">\n \n <div class=\"aspect-video relative group cursor-pointer\" onclick=\"playMockVideo(this)\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/0f172a\/3b82f6?text=Revit+3D+Model+Preview\" alt=\"Revit Render\" class=\"w-full h-full object-cover\">\n \n <div class=\"absolute inset-0 bg-slate-900\/60 flex items-center justify-center group-hover:bg-slate-900\/40 transition\">\n <div class=\"w-16 h-16 bg-blue-600 text-white rounded-full flex items-center justify-center shadow-lg shadow-blue-500\/50 transform group-hover:scale-110 transition duration-300\">\n <i class=\"fa-solid fa-play text-2xl ml-1\"><\/i>\n <\/div>\n <\/div>\n <div class=\"absolute bottom-4 left-4 right-4 bg-slate-900\/90 backdrop-blur-sm border border-slate-700 p-3 rounded-lg flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-200\"><i class=\"fa-solid fa-circle-play text-blue-400 mr-1\"><\/i> Video Introducci\u00f3n del Curso<\/span>\n <span class=\"text-xs text-slate-400\">03:45<\/span>\n <\/div>\n \n \n <video id=\"promo-video\" class=\"hidden absolute inset-0 w-full h-full object-cover\" controls>\n <source src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/07\/clib-revit.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/div>\n <\/div>\n \n <div class=\"mt-4 flex items-center justify-center space-x-6 text-slate-400 text-xs\">\n <span><i class=\"fa-solid fa-users text-blue-500 mr-1.5\"><\/i> +1,200 Alumnos inscritos<\/span>\n <span><i class=\"fa-solid fa-star text-orange-400 mr-1.5\"><\/i> Calificaci\u00f3n: 4.8\/5<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n\n \n <section id=\"problema\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-950\/50 border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-16\">\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">\u00bfSientes que el software tradicional est\u00e1 frenando tu crecimiento?<\/h2>\n <div class=\"h-1 w-20 bg-blue-600 mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-400 text-base sm:text-lg\">\n Pasas largas horas dibujando de forma manual, cansado de realizar las mismas tareas repetitivas una y otra vez…\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n \n <div class=\"relative order-2 md:order-1\">\n <div class=\"absolute -inset-1 bg-red-500\/10 rounded-2xl blur opacity-30\"><\/div>\n <div class=\"relative bg-slate-900 border border-slate-800 rounded-2xl overflow-hidden shadow-xl\">\n \n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/retrato-estresado-joven-arquitecto-caucasico-sosteniendo-mano-cabeza-mirando-planos-1-1024x683.jpg\" \n onerror=\"this.src='https:\/\/placehold.co\/600x400\/1e293b\/ef4444?text=Arquitecto+Estresado+CAD'\"\n alt=\"Arquitecto estresado planos CAD\" \n class=\"w-full h-auto object-cover max-h-[380px]\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950 via-transparent to-transparent\"><\/div>\n <div class=\"absolute bottom-6 left-6 right-6 p-4 bg-slate-950\/80 border border-slate-800 rounded-xl backdrop-blur-sm\">\n <p class=\"text-sm italic text-slate-300\">“Siento que la mayor parte de mi tiempo laboral se va en corregir l\u00edneas cruzadas en vez de proponer dise\u00f1os de valor real.”<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"space-y-8 order-1 md:order-2\">\n <h3 class=\"text-2xl font-bold text-white\">El bucle sin fin de AutoCAD y el dibujo tradicional<\/h3>\n <div class=\"space-y-4\">\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-red-500\/10 border border-red-500\/30 flex items-center justify-center text-red-500 mt-1\">\n <i class=\"fa-solid fa-clock\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-200\">Redise\u00f1o manual infinito<\/h4>\n <p class=\"text-slate-400 text-sm mt-1\">Si cambias una ventana en el plano de planta, tienes que actualizar manualmente el corte, la fachada, los planos de detalle, y los cuadros de vanos. Un error te cuesta noches sin dormir.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-red-500\/10 border border-red-500\/30 flex items-center justify-center text-red-500 mt-1\">\n <i class=\"fa-solid fa-circle-exclamation\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-200\">Metrados y cuadros imprecisos<\/h4>\n <p class=\"text-slate-400 text-sm mt-1\">Contar y calcular \u00e1reas, acabados o vanos de manera manual es propenso a errores humanos que pueden generar sobrecostos catastr\u00f3ficos en obra.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-red-500\/10 border border-red-500\/30 flex items-center justify-center text-red-500 mt-1\">\n <i class=\"fa-solid fa-briefcase\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-200\">P\u00e9rdida de grandes oportunidades laborales<\/h4>\n <p class=\"text-slate-400 text-sm mt-1\">Has intentado postular a empleos bien remunerados pero te has sentido frustrado al ver que el 100% de las empresas competitivas exigen dominar Revit y flujos de trabajo BIM.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"calculadora\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-900 border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-5 space-y-6\">\n <div class=\"inline-flex items-center space-x-2 bg-emerald-500\/10 border border-emerald-500\/30 text-emerald-400 px-4 py-1 rounded-full text-xs font-semibold uppercase tracking-wider\">\n <i class=\"fa-solid fa-calculator\"><\/i>\n <span>Calculadora de productividad<\/span>\n <\/div>\n <h2 class=\"text-3xl font-extrabold text-white leading-tight\">Calcula cu\u00e1nto tiempo libre recuperar\u00e1s con Revit<\/h2>\n <p class=\"text-slate-400\">\n Los estudios demuestran que usar metodolog\u00eda BIM en lugar de CAD tradicional reduce hasta en un 70% los tiempos totales de dise\u00f1o y documentaci\u00f3n. Usa el selector para estimar tus ahorros semanales y mensuales.\n <\/p>\n <div class=\"p-4 bg-slate-950 border border-slate-800 rounded-xl space-y-2\">\n <span class=\"text-xs font-semibold text-slate-400\">\u00bfQu\u00e9 significa esto para ti?<\/span>\n <ul class=\"text-xs text-slate-300 space-y-1.5\">\n <li><i class=\"fa-solid fa-check text-emerald-400 mr-2\"><\/i> M\u00e1s tiempo libre para tu vida personal<\/li>\n <li><i class=\"fa-solid fa-check text-emerald-400 mr-2\"><\/i> Capacidad de captar m\u00e1s proyectos paralelos<\/li>\n <li><i class=\"fa-solid fa-check text-emerald-400 mr-2\"><\/i> Cero estr\u00e9s por plazos de entrega ajustados<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-7 bg-slate-950 border border-slate-800 p-8 rounded-2xl shadow-xl space-y-6 relative\">\n <div class=\"absolute top-0 right-0 transform translate-x-3 -translate-y-3 bg-emerald-500 text-slate-950 font-bold px-3 py-1 rounded-full text-xs shadow-lg\">\n Interactiva\n <\/div>\n <div>\n <label for=\"hours-slider\" class=\"block text-slate-200 font-semibold mb-2\">\n \u00bfCu\u00e1ntas horas a la semana pasas dibujando en AutoCAD \/ manual?\n <\/label>\n <div class=\"flex items-center space-x-4\">\n <input type=\"range\" id=\"hours-slider\" min=\"5\" max=\"60\" value=\"25\" class=\"w-full h-2 bg-slate-800 rounded-lg appearance-none cursor-pointer accent-blue-500\" oninput=\"calculateSavings(this.value)\">\n <span id=\"slider-val\" class=\"font-extrabold text-2xl text-blue-400 w-16 text-right\">25<\/span>\n <span class=\"text-slate-400 text-sm\">hrs<\/span>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 pt-4\">\n <div class=\"bg-slate-900 border border-slate-800 p-4 rounded-xl text-center space-y-1\">\n <span class=\"text-xs text-slate-400 uppercase tracking-wider block\">Ahorro de Tiempo Semanal<\/span>\n <span id=\"weekly-savings\" class=\"font-black text-3xl sm:text-4xl text-emerald-400 block\">17.5<\/span>\n <span class=\"text-xs text-slate-300 block\">Horas Libres Semanales<\/span>\n <\/div>\n <div class=\"bg-slate-900 border border-slate-800 p-4 rounded-xl text-center space-y-1\">\n <span class=\"text-xs text-slate-400 uppercase tracking-wider block\">Ahorro de Tiempo Mensual<\/span>\n <span id=\"monthly-savings\" class=\"font-black text-3xl sm:text-4xl text-blue-400 block\">70<\/span>\n <span class=\"text-xs text-slate-300 block font-bold\">\u00a1Equivale a casi 9 d\u00edas laborables!<\/span>\n <\/div>\n <\/div>\n\n <div class=\"p-4 bg-blue-500\/5 border border-blue-500\/20 rounded-xl\">\n <p id=\"savings-conclusion\" class=\"text-sm text-slate-300 text-center leading-relaxed\">\n Al ahorrar <strong class=\"text-blue-400\">70 horas al mes<\/strong>, podr\u00e1s tomar hasta <strong class=\"text-teal-300\">2 proyectos adicionales<\/strong> de dise\u00f1o, incrementando tus ingresos promedio de forma notable.\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"temario\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-950\/50 border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-16\">\n <span class=\"text-sm font-semibold text-blue-500 uppercase tracking-widest\">TEMARIO DETALLADO<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">Un plan estructurado de Cero a Avanzado<\/h2>\n <div class=\"h-1 w-20 bg-blue-600 mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-400 text-base sm:text-lg\">\n El contenido est\u00e1 ordenado por fases de desarrollo para garantizar un aprendizaje progresivo, claro y sin frustraciones.\n <\/p>\n <\/div>\n\n \n <div class=\"flex flex-wrap justify-center gap-2 sm:gap-4 mb-8\">\n <button onclick=\"switchTab('fase1')\" id=\"tab-fase1\" class=\"phase-tab px-6 py-3 rounded-xl font-bold text-sm transition bg-blue-600 text-white shadow-lg shadow-blue-500\/20\">\n Fase 1: Fundamentos (Mod 1-5)\n <\/button>\n <button onclick=\"switchTab('fase2')\" id=\"tab-fase2\" class=\"phase-tab px-6 py-3 rounded-xl font-bold text-sm transition bg-slate-800 text-slate-300 hover:bg-slate-700\">\n Fase 2: Modelado Preciso (Mod 6-9)\n <\/button>\n <button onclick=\"switchTab('fase3')\" id=\"tab-fase3\" class=\"phase-tab px-6 py-3 rounded-xl font-bold text-sm transition bg-slate-800 text-slate-300 hover:bg-slate-700\">\n Fase 3: Especialidades & Render (Mod 10-15)\n <\/button>\n <\/div>\n\n \n <div class=\"max-w-4xl mx-auto\">\n \n \n <div id=\"content-fase1\" class=\"phase-content space-y-4\">\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m1')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">01<\/span> M\u00f3dulo 1: Instalaci\u00f3n de Revit<\/span>\n <i id=\"icon-acc-m1\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m1\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Instalaci\u00f3n limpia paso a paso<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Activaci\u00f3n y licenciamiento de Revit<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Instalaci\u00f3n de librer\u00edas esenciales<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m2')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">02<\/span> M\u00f3dulo 2: Entorno y Visualizaci\u00f3n<\/span>\n <i id=\"icon-acc-m2\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m2\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Interfaz y cinta de opciones<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Navegador de proyectos<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Estilos y tipos de familias<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Configuraci\u00f3n de visualizaci\u00f3n b\u00e1sica<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m3')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">03<\/span> M\u00f3dulo 3: Creaci\u00f3n de Muros y Niveles<\/span>\n <i id=\"icon-acc-m3\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m3\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Modelar muros y ajustar perfiles<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Creaci\u00f3n de niveles y rejillas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Inserci\u00f3n de puertas y ventanas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Uniones limpias de muros estructurales<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m4')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">04<\/span> M\u00f3dulo 4: Manipulaci\u00f3n y Edici\u00f3n de Objetos<\/span>\n <i id=\"icon-acc-m4\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m4\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Modificaci\u00f3n avanzada: Mover, rotar, copiar<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Matrices circulares y lineales<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Reflejar, alinear y recortar<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Desfases r\u00e1pidos y copiar entre niveles<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m5')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">05<\/span> M\u00f3dulo 5: Documentaci\u00f3n, Cotas y Texto<\/span>\n <i id=\"icon-acc-m5\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m5\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Acotamiento lineal, angular y radial<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Restricciones param\u00e9tricas b\u00e1sicas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Notas de texto y directrices<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Etiquetas de muros, puertas y ventanas<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"content-fase2\" class=\"phase-content space-y-4 hidden\">\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m6')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">06<\/span> M\u00f3dulo 6: Suelos y Cubiertas Complejas<\/span>\n <i id=\"icon-acc-m6\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m6\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Losa de piso por capas y acabados<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Suelos con pendientes y drenajes<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Pintura de materiales de suelo<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Techo por per\u00edmetro e inclinado<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m7')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">07<\/span> M\u00f3dulo 7: Elementos Estructurales<\/span>\n <i id=\"icon-acc-m7\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m7\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Columnas de hormig\u00f3n y acero<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Sistemas de vigas estructurales<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Zapatas aisladas y corridas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Losa de cimentaci\u00f3n robusta<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m8')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">08<\/span> M\u00f3dulo 8: Techos, Plafones y Luminarias<\/span>\n <i id=\"icon-acc-m8\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m8\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Modelado de cielorrasos suspendidos<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Creaci\u00f3n de techos continuos y registrables<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Colocaci\u00f3n de luminarias integradas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Apertura de huecos en cielos<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m9')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">09<\/span> M\u00f3dulo 9: Escaleras y Familias B\u00e1sicas<\/span>\n <i id=\"icon-acc-m9\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m9\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Escaleras por tramo, espiral y personalizadas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Inserci\u00f3n de barandillas de seguridad<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Muebles de fontaner\u00eda y cocinas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Carga y gesti\u00f3n de cat\u00e1logos externos<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"content-fase3\" class=\"phase-content space-y-4 hidden\">\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m10')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">10<\/span> M\u00f3dulo 10: Vistas Avanzadas y Gesti\u00f3n<\/span>\n <i id=\"icon-acc-m10\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m10\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Vistas dependientes para planos de gran escala<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> L\u00edneas de coincidencia<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Regi\u00f3n de recorte y caja de secci\u00f3n<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m11')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">11<\/span> M\u00f3dulo 11: Composici\u00f3n de Planos y Muros Cortina<\/span>\n <i id=\"icon-acc-m11\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m11\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Habitaciones y c\u00e1lculo autom\u00e1tico de \u00e1reas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Leyenda de colores por uso de suelo<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Estructura y dise\u00f1o de Muros Cortina<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Montaje final e impresi\u00f3n a escala<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m12')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">12<\/span> M\u00f3dulo 12: Editor de Familias Param\u00e9tricas<\/span>\n <i id=\"icon-acc-m12\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m12\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Conceptos de modelado param\u00e9trico<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Extrusi\u00f3n, barrido y revoluci\u00f3n<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Creaci\u00f3n de familias parametrizadas b\u00e1sicas<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m13')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">13<\/span> M\u00f3dulo 13: Topograf\u00eda y Emplazamiento<\/span>\n <i id=\"icon-acc-m13\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m13\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Creaci\u00f3n de superficies de terreno<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Divisi\u00f3n y subregiones topogr\u00e1ficas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Componentes de paisajismo y entorno<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m14')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">14<\/span> M\u00f3dulo 14: Renderizado y Animaciones<\/span>\n <i id=\"icon-acc-m14\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m14\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Render de calidad exterior e interior<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Configuraci\u00f3n de c\u00e1maras e iluminaci\u00f3n diurna<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Recorridos virtuales de video interactivos<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Exportar modelos a FBX \/ DWG<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m15')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">15<\/span> M\u00f3dulo 15: Taller Pr\u00e1ctico Real de Cierre<\/span>\n <i id=\"icon-acc-m15\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m15\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Conversi\u00f3n de un plano 2D de AutoCAD a 3D<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Dise\u00f1o integral de vivienda unifamiliar desde cero<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Armado de documentaci\u00f3n lista para obra<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-900 border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-16\">\n <span class=\"text-sm font-semibold text-emerald-500 uppercase tracking-widest\">TESTIMONIOS REALES<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">Lo que dicen nuestros alumnos certificados<\/h2>\n <div class=\"h-1 w-20 bg-emerald-500 mx-auto rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n \n <div class=\"bg-slate-950 border border-slate-800 p-6 rounded-2xl space-y-4 shadow-xl\">\n <div class=\"flex items-center space-x-1 text-orange-400\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/07\/test-revit-7.png\" \n onerror=\"this.src='https:\/\/placehold.co\/500x250\/1e293b\/3b82f6?text=Testimonio+1'\"\n alt=\"Testimonio Alumno 1\" class=\"w-full h-auto rounded-xl object-contain\">\n <\/div>\n\n \n <div class=\"bg-slate-950 border border-slate-800 p-6 rounded-2xl space-y-4 shadow-xl\">\n <div class=\"flex items-center space-x-1 text-orange-400\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/test-revit-8.png\" \n onerror=\"this.src='https:\/\/placehold.co\/500x250\/1e293b\/3b82f6?text=Testimonio+2'\"\n alt=\"Testimonio Alumno 2\" class=\"w-full h-auto rounded-xl object-contain\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"bonos\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-950\/50 border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-16\">\n <span class=\"text-sm font-semibold text-orange-500 uppercase tracking-widest\">RECURSOS DE VALOR<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">Y te llevas estos bonos incre\u00edbles de regalo<\/h2>\n <div class=\"h-1 w-20 bg-orange-500 mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-400\">\n Solo por inscribirte hoy, tendr\u00e1s acceso inmediato a todo este material valorado en m\u00e1s de $350 USD gratis.\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-2xl overflow-hidden shadow-lg hover:border-slate-750 transition flex flex-col justify-between\">\n <div>\n <div class=\"aspect-square relative\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/Website-Launch-Countdown-Instagram-Post-15-1024x1024.png\" \n onerror=\"this.src='https:\/\/placehold.co\/400x400\/1e293b\/f97316?text=Megapack+Familias+Revit'\"\n alt=\"Bono 1\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"p-6 space-y-2\">\n <span class=\"text-xs font-bold text-orange-400 uppercase tracking-wider block\">Bono 1 \u2014 Descargable<\/span>\n <h3 class=\"text-lg font-bold text-white\">Megapack de Familias Revit Parametrizadas<\/h3>\n <p class=\"text-slate-400 text-sm\">Cientos de componentes realistas de mobiliario, iluminaci\u00f3n y vegetaci\u00f3n listos para colocar en tus planos con un solo clic.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-2xl overflow-hidden shadow-lg hover:border-slate-750 transition flex flex-col justify-between\">\n <div>\n <div class=\"aspect-square relative\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/Website-Launch-Countdown-Instagram-Post-13-1024x1024.png\" \n onerror=\"this.src='https:\/\/placehold.co\/400x400\/1e293b\/f97316?text=Plantillas+BIM+Pro'\"\n alt=\"Bono 2\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"p-6 space-y-2\">\n <span class=\"text-xs font-bold text-orange-400 uppercase tracking-wider block\">Bono 2 \u2014 Plantilla de Inicio<\/span>\n <h3 class=\"text-lg font-bold text-white\">Plantilla Revit Profesional (.RTE)<\/h3>\n <p class=\"text-slate-400 text-sm\">Nuestra plantilla personalizada configurada bajo est\u00e1ndares profesionales para que inicies tus planos con cotas, textos y membretes configurados.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-2xl overflow-hidden shadow-lg hover:border-slate-750 transition flex flex-col justify-between\">\n <div>\n <div class=\"aspect-square relative\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/Website-Launch-Countdown-Instagram-Post-12-1024x1024.png\" \n onerror=\"this.src='https:\/\/placehold.co\/400x400\/1e293b\/f97316?text=Soporte+Comunidad'\"\n alt=\"Bono 3\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"p-6 space-y-2\">\n <span class=\"text-xs font-bold text-orange-400 uppercase tracking-wider block\">Bono 3 \u2014 Acompa\u00f1amiento<\/span>\n <h3 class=\"text-lg font-bold text-white\">Acceso a Comunidad de Soporte<\/h3>\n <p class=\"text-slate-400 text-sm\">Resuelve todas tus dudas de instalaci\u00f3n, herramientas o fallos del programa directamente con el instructor del curso.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-16 bg-gradient-to-r from-blue-900\/40 to-slate-900 border border-blue-800\/30 p-8 rounded-2xl flex flex-col lg:flex-row items-center justify-between gap-8\">\n <div class=\"space-y-4 max-w-xl text-center lg:text-left\">\n <span class=\"bg-blue-500\/10 text-blue-400 border border-blue-500\/20 px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider\">CERTIFICACI\u00d3N<\/span>\n <h3 class=\"text-2xl font-bold text-white\">Diploma acreditado por ArquiClass<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n Al completar el temario y realizar los talleres pr\u00e1cticos obligatorios, obtendr\u00e1s un certificado oficial \u00fanico para enriquecer tu CV, adjuntar en LinkedIn o presentar en tus postulaciones laborales.\n <\/p>\n <\/div>\n \n <div class=\"relative w-full max-w-sm\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/07\/Course-Creator-Laptop-iphone-mockup-instagram-post-3-1024x1024.png\" \n onerror=\"this.src='https:\/\/placehold.co\/400x400\/1e293b\/3b82f6?text=Mockup+Multi-Device'\"\n alt=\"Diploma Mockup\" class=\"w-full h-auto object-cover rounded-xl shadow-lg\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"precios\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-900 border-b border-slate-800 architect-grid relative\">\n <div class=\"absolute inset-0 bg-slate-900\/90 pointer-events-none\"><\/div>\n <div class=\"max-w-7xl mx-auto relative z-10\">\n <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-16\">\n <span class=\"text-sm font-semibold text-orange-400 uppercase tracking-widest\">OFERTA IRRESISTIBLE<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">Invierte hoy en tu futuro profesional<\/h2>\n <div class=\"h-1 w-20 bg-orange-400 mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-300\">\n Deja atr\u00e1s los m\u00e9todos antiguos de dibujo y entra al est\u00e1ndar BIM por una fracci\u00f3n del precio habitual.\n <\/p>\n <\/div>\n\n \n <div class=\"max-w-md mx-auto relative\">\n <div class=\"absolute -inset-1.5 bg-gradient-to-r from-orange-500 to-blue-600 rounded-3xl blur opacity-30 animate-pulse\"><\/div>\n <div class=\"relative bg-slate-950 border border-slate-800 rounded-3xl p-8 shadow-2xl space-y-6\">\n \n <div class=\"text-center space-y-1\">\n <span class=\"bg-orange-500\/10 text-orange-400 border border-orange-500\/20 px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider\">\u00daNICO PAGO – ACCESO ILIMITADO<\/span>\n <h3 class=\"text-2xl font-bold text-white pt-2\">Programa Integral de Revit<\/h3>\n <p class=\"text-slate-400 text-xs\">B\u00e1sico a Avanzado + Todos los Bonos<\/p>\n <\/div>\n\n \n <div class=\"p-4 bg-slate-900 border border-slate-850 rounded-2xl text-center space-y-1\">\n <span class=\"text-slate-400 text-xs line-through block\">Precio Normal de Mercado: $300.00 USD<\/span>\n \n <div class=\"py-2 flex justify-center\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2026\/03\/Website-Launch-Countdown-Instagram-Post33.png\" \n onerror=\"this.src='https:\/\/placehold.co\/400x100\/1e293b\/10b981?text=Ahorra+$300+USD'\"\n alt=\"Oferta Especial Descuento\" class=\"max-h-16 h-auto w-auto\">\n <\/div>\n <\/div>\n\n \n <ul class=\"text-sm text-slate-300 space-y-3\">\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-400 mr-2.5\"><\/i> <span>15 M\u00f3dulos pr\u00e1cticos en video de alta calidad<\/span><\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-400 mr-2.5\"><\/i> <span>Acceso ilimitado para toda la vida<\/span><\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-400 mr-2.5\"><\/i> <span>Todos los Bonos exclusivos incluidos (RTE, Familias)<\/span><\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-400 mr-2.5\"><\/i> <span>Certificado oficial al completar el taller pr\u00e1ctico<\/span><\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-400 mr-2.5\"><\/i> <span>Soporte directo con el tutor<\/span><\/li>\n <\/ul>\n\n \n <div class=\"space-y-2\">\n <a href=\"https:\/\/go.hotmart.com\/N83245849M?ap=3417\" target=\"_blank\" class=\"w-full bg-gradient-to-r from-orange-500 to-amber-500 hover:from-orange-600 hover:to-amber-600 text-slate-950 font-black text-xl py-4 rounded-2xl shadow-xl shadow-orange-500\/20 transition transform hover:-translate-y-0.5 text-center block flex items-center justify-center space-x-2\">\n <span>INSCR\u00cdBETE HOY AQU\u00cd<\/span>\n <i class=\"fa-solid fa-cart-shopping\"><\/i>\n <\/a>\n <p class=\"text-slate-400 text-[10px] text-center\"><i class=\"fa-solid fa-lock text-slate-500 mr-1\"><\/i> Transacci\u00f3n segura protegida por Hotmart.<\/p>\n <\/div>\n\n \n <div class=\"pt-4 border-t border-slate-900 flex justify-center items-center gap-4 text-slate-400 text-xs\">\n <span><i class=\"fa-brands fa-cc-visa text-lg\"><\/i><\/span>\n <span><i class=\"fa-brands fa-cc-mastercard text-lg\"><\/i><\/span>\n <span><i class=\"fa-brands fa-paypal text-lg\"><\/i><\/span>\n <span><i class=\"fa-brands fa-google-pay text-lg\"><\/i><\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"garantia\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-950\/50 border-b border-slate-800\">\n <div class=\"max-w-4xl mx-auto bg-slate-900 border border-slate-800 p-8 sm:p-12 rounded-3xl flex flex-col md:flex-row items-center gap-8 shadow-xl\">\n <div class=\"flex-shrink-0 max-w-[120px] sm:max-w-[150px]\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/garantia7dias.png\" \n onerror=\"this.src='https:\/\/placehold.co\/150x150\/10b981\/ffffff?text=Garantia+7+Dias'\"\n alt=\"Medalla Garantia de Satisfaccion\" class=\"w-full h-auto object-contain\">\n <\/div>\n <div class=\"space-y-4 text-center md:text-left\">\n <h3 class=\"text-xl sm:text-2xl font-bold text-white\">Garant\u00eda Incondicional de Satisfacci\u00f3n de 7 d\u00edas<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n Estamos tan convencidos del valor de este curso de Revit que dispones de un plazo completo de 7 d\u00edas de prueba. Si el contenido no cumple con tus expectativas o no te gusta la metodolog\u00eda, nos env\u00edas un correo y te reembolsamos el 100% de tu dinero inmediatamente, sin dar explicaciones ni hacer preguntas. Tu inversi\u00f3n est\u00e1 totalmente respaldada y sin riesgos.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-900 border-b border-slate-800\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center space-y-4 mb-12\">\n <h2 class=\"text-3xl font-extrabold text-white\">Preguntas Frecuentes<\/h2>\n <div class=\"h-1 w-20 bg-blue-600 mx-auto rounded-full\"><\/div>\n <\/div>\n\n <div class=\"space-y-4\">\n \n <div class=\"bg-slate-950 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('faq-1')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-900 transition\">\n <span class=\"font-semibold text-slate-200\">\u00bfCu\u00e1l es el formato del curso?<\/span>\n <i id=\"icon-faq-1\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"faq-1\" class=\"hidden p-5 bg-slate-900\/30 border-t border-slate-850 text-sm text-slate-400\">\n El curso es 100% online en video. Una vez te inscribas tendr\u00e1s acceso ilimitado para avanzar a tu propio ritmo, pudiendo ver las lecciones cuantas veces quieras y desde cualquier dispositivo electr\u00f3nico (m\u00f3vil, tablet u ordenador).\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-950 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('faq-2')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-900 transition\">\n <span class=\"font-semibold text-slate-200\">\u00bfCu\u00e1nto tiempo tendr\u00e9 acceso al programa?<\/span>\n <i id=\"icon-faq-2\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"faq-2\" class=\"hidden p-5 bg-slate-900\/30 border-t border-slate-850 text-sm text-slate-400\">\n \u00a1El acceso es ilimitado y de por vida! Al comprar el curso hoy, aseguras el ingreso de manera permanente a todo el contenido y las actualizaciones futuras sin necesidad de realizar pagos mensuales ni anuales.\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-950 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('faq-3')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-900 transition\">\n <span class=\"font-semibold text-slate-200\">\u00bfCu\u00e1l es el m\u00e9todo de pago aceptado?<\/span>\n <i id=\"icon-faq-3\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"faq-3\" class=\"hidden p-5 bg-slate-900\/30 border-t border-slate-850 text-sm text-slate-400\">\n Nuestra plataforma de procesamiento es Hotmart. Aceptamos tarjetas de cr\u00e9dito\/d\u00e9bito, PayPal, Google Pay, Samsung Pay y opciones locales seg\u00fan tu pa\u00eds de origen, como PagoEfectivo (Per\u00fa), Efecty (Colombia), PSE, OXXO (M\u00e9xico) o Sencillito (Chile).\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-950 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('faq-4')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-900 transition\">\n <span class=\"font-semibold text-slate-200\">\u00bfC\u00f3mo accedo si ya realic\u00e9 el pago del curso?<\/span>\n <i id=\"icon-faq-4\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"faq-4\" class=\"hidden p-5 bg-slate-900\/30 border-t border-slate-850 text-sm text-slate-400\">\n Inmediatamente despu\u00e9s de procesar tu pago, recibir\u00e1s un correo electr\u00f3nico autom\u00e1tico de Hotmart con las credenciales, link y accesos directos para ingresar a tu espacio educativo personal de inmediato.\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-950 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('faq-5')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-900 transition\">\n <span class=\"font-semibold text-slate-200\">\u00bfCu\u00e1l es el precio en mi moneda local?<\/span>\n <i id=\"icon-faq-5\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"faq-5\" class=\"hidden p-5 bg-slate-900\/30 border-t border-slate-850 text-sm text-slate-400\">\n Al dar clic en los botones de “INSCR\u00cdBETE HOY AQU\u00cd”, la plataforma de pago de Hotmart identificar\u00e1 autom\u00e1ticamente tu pa\u00eds de conexi\u00f3n e internet y te mostrar\u00e1 el valor equivalente convertido a tu divisa de forma inmediata.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <a href=\"https:\/\/wa.me\/51907480450?text=Hola,%20Me%20gustar\u00eda%20recibir%20m\u00e1s%20informaci\u00f3n%20del%20curso%20Revit\" target=\"_blank\" class=\"fixed bottom-6 right-6 bg-green-500 hover:bg-green-600 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-2xl z-50 transition transform hover:scale-110\">\n <i class=\"fa-brands fa-whatsapp text-3xl\"><\/i>\n <\/a>\n\n \n <footer class=\"bg-slate-950 text-slate-500 text-xs py-12 px-4 sm:px-6 lg:px-8 border-t border-slate-900\">\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-between gap-6\">\n <div class=\"flex items-center space-x-2\">\n <div class=\"bg-slate-800 text-slate-400 p-1.5 rounded font-black tracking-wider text-sm\">AC<\/div>\n <span class=\"font-bold text-sm tracking-tight text-slate-300\">ARQUI<span class=\"text-blue-500\">CLASS<\/span><\/span>\n <\/div>\n <div class=\"text-center md:text-right space-y-2 max-w-xl\">\n <p>\u00a9 2026 ArquiClass. Todos los derechos reservados. El conocimiento y dominio de la marca de Autodesk Revit pertenece a sus respectivos propietarios.<\/p>\n <p class=\"text-[10px] text-slate-600\">DESCARGOS DE RESPONSABILIDAD IMPORTANTES: Este sitio web no es parte del sitio web de Facebook o Facebook, INC.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n\n \n <script>\n \/\/ Start interactive countdown timer (mock dynamic target of 2 days, 12 hours from current session initiation)\n const targetDate = new Date();\n targetDate.setHours(targetDate.getHours() + 35); \/\/ 35 hours from now\n\n function updateCountdown() {\n const now = new Date();\n const difference = targetDate - now;\n\n if (difference < 0) {\n document.getElementById('countdown-timer').innerHTML = \"<span class='text-orange-500 font-bold col-span-4'>\u00a1\u00daLTIMOS MINUTOS PARA ACCEDER CON DESCUENTO!<\/span>\";\n return;\n }\n\n const days = Math.floor(difference \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n const minutes = Math.floor((difference % (1000 * 60 * 60)) \/ (1000 * 60));\n const seconds = Math.floor((difference % (1000 * 60)) \/ 1000);\n\n document.getElementById('days').innerText = String(days).padStart(2, '0');\n document.getElementById('hours').innerText = String(hours).padStart(2, '0');\n document.getElementById('minutes').innerText = String(minutes).padStart(2, '0');\n document.getElementById('seconds').innerText = String(seconds).padStart(2, '0');\n }\n\n setInterval(updateCountdown, 1000);\n updateCountdown();\n\n \/\/ ROI Calculator core logic\n function calculateSavings(hoursVal) {\n document.getElementById('slider-val').innerText = hoursVal;\n \/\/ Calculations (BIM reduces time spent by average of 70%)\n const weeklySaved = (hoursVal * 0.7).toFixed(1);\n const monthlySaved = Math.round(weeklySaved * 4);\n\n document.getElementById('weekly-savings').innerText = weeklySaved;\n document.getElementById('monthly-savings').innerText = monthlySaved;\n\n \/\/ Compute dynamic text benefits\n let dynamicBenefits = \"\";\n if (hoursVal <= 15) {\n dynamicBenefits = `Al ahorrar <strong class=\"text-blue-400\">${monthlySaved} horas al mes<\/strong>, podr\u00e1s liberar tiempo para enfocar tu talento creativo en dise\u00f1o y agendar un proyecto extra de consultor\u00eda.`;\n } else if (hoursVal <= 30) {\n dynamicBenefits = `Al ahorrar <strong class=\"text-blue-400\">${monthlySaved} horas al mes<\/strong>, podr\u00e1s tomar hasta <strong class=\"text-teal-300\">2 proyectos adicionales<\/strong> de dise\u00f1o, incrementando tus ingresos mensuales de forma exponencial.`;\n } else {\n dynamicBenefits = `Al ahorrar <strong class=\"text-blue-400\">${monthlySaved} horas al mes<\/strong> (\u00a1casi dos semanas enteras de trabajo!), erradicar\u00e1s por completo el estr\u00e9s, no volver\u00e1s a trasnochar y asegurar\u00e1s un balance de vida ideal.`;\n }\n document.getElementById('savings-conclusion').innerHTML = dynamicBenefits;\n }\n\n \/\/ Tab Switcher for Course Temario\n function switchTab(activeTabId) {\n \/\/ Hide all tab contents\n document.querySelectorAll('.phase-content').forEach(element => {\n element.classList.add('hidden');\n });\n \/\/ Show target\n document.getElementById('content-' + activeTabId).classList.remove('hidden');\n\n \/\/ Toggle classes on buttons\n document.querySelectorAll('.phase-tab').forEach(button => {\n button.classList.remove('bg-blue-600', 'text-white', 'shadow-lg', 'shadow-blue-500\/20');\n button.classList.add('bg-slate-800', 'text-slate-300', 'hover:bg-slate-700');\n });\n\n \/\/ Set active state\n const targetButton = document.getElementById('tab-' + activeTabId);\n targetButton.classList.remove('bg-slate-800', 'text-slate-300', 'hover:bg-slate-700');\n targetButton.classList.add('bg-blue-600', 'text-white', 'shadow-lg', 'shadow-blue-500\/20');\n }\n\n \/\/ Accordion triggers\n function toggleAccordion(id) {\n const el = document.getElementById(id);\n const icon = document.getElementById('icon-' + id);\n \n if (el.classList.contains('hidden')) {\n el.classList.remove('hidden');\n if (icon) icon.classList.add('rotate-180');\n } else {\n el.classList.add('hidden');\n if (icon) icon.classList.remove('rotate-180');\n }\n }\n\n \/\/ Video Player simulation handler\n function playMockVideo(wrapper) {\n const video = document.getElementById('promo-video');\n video.classList.remove('hidden');\n video.play();\n \/\/ Hide preview elements\n wrapper.querySelector('img').classList.add('hidden');\n wrapper.querySelector('.group-hover\\\\:bg-slate-900\\\\\/40').classList.add('hidden');\n wrapper.querySelector('.w-16').classList.add('hidden');\n }\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>ArquiClass – Curso de Revit Profesional de Cero a Avanzado AC ARQUICLASS El Problema Calculadora BIM Temario Bonos Garant\u00eda \u00a1Inscribirme ya! Formaci\u00f3n 100% Online y …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1017","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/pages\/1017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/comments?post=1017"}],"version-history":[{"count":1,"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/pages\/1017\/revisions"}],"predecessor-version":[{"id":1018,"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/pages\/1017\/revisions\/1018"}],"wp:attachment":[{"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/media?parent=1017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1017,"date":"2026-07-08T11:37:02","date_gmt":"2026-07-08T11:37:02","guid":{"rendered":"https:\/\/arquiclass.com\/?page_id=1017"},"modified":"2026-07-08T11:39:13","modified_gmt":"2026-07-08T11:39:13","slug":"revit-avanzado-nuevo","status":"publish","type":"page","link":"https:\/\/arquiclass.com\/index.php\/revit-avanzado-nuevo\/","title":{"rendered":"Revit Avanzado – Nuevo"},"content":{"rendered":"\n\n\n \n \n ArquiClass – Curso de Revit Profesional de Cero a Avanzado<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \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=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n h1, h2, h3, h4 {\n font-family: 'Montserrat', sans-serif;\n }\n .architect-grid {\n background-image: radial-gradient(rgba(37, 99, 235, 0.1) 1px, transparent 0);\n background-size: 24px 24px;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-900 text-slate-100 antialiased overflow-x-hidden\">\n\n\n \n <header class=\"sticky top-0 z-50 bg-slate-900\/95 backdrop-blur-md border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between\">\n <div class=\"flex items-center space-x-2\">\n <div class=\"bg-blue-600 text-white p-2 rounded-lg font-black tracking-wider text-xl\">AC<\/div>\n <span class=\"font-black text-xl tracking-tight text-white\">ARQUI<span class=\"text-blue-500\">CLASS<\/span><\/span>\n <\/div>\n <div class=\"hidden md:flex space-x-8 text-sm font-semibold text-slate-300\">\n <a href=\"#problema\" class=\"hover:text-blue-400 transition\">El Problema<\/a>\n <a href=\"#calculadora\" class=\"hover:text-blue-400 transition\">Calculadora BIM<\/a>\n <a href=\"#temario\" class=\"hover:text-blue-400 transition\">Temario<\/a>\n <a href=\"#bonos\" class=\"hover:text-blue-400 transition\">Bonos<\/a>\n <a href=\"#garantia\" class=\"hover:text-blue-400 transition\">Garant\u00eda<\/a>\n <\/div>\n <div>\n <a href=\"#precios\" class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded-lg transition text-sm shadow-lg shadow-orange-500\/20\">\n \u00a1Inscribirme ya!\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n\n \n <section class=\"relative min-h-[85vh] flex items-center justify-center architect-grid py-12 px-4 sm:px-6 lg:px-8 border-b border-slate-800\">\n <div class=\"absolute inset-0 bg-gradient-to-b from-blue-900\/10 via-slate-900\/80 to-slate-900 pointer-events-none\"><\/div>\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-12 items-center relative z-10\">\n \n \n <div class=\"lg:col-span-7 space-y-6 text-center lg:text-left\">\n <div class=\"inline-flex items-center space-x-2 bg-blue-500\/10 border border-blue-500\/30 text-blue-400 px-4 py-1.5 rounded-full text-xs font-semibold uppercase tracking-wider mx-auto lg:mx-0\">\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\n <span>Formaci\u00f3n 100% Online y a tu propio ritmo<\/span>\n <\/div>\n <h1 class=\"text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white leading-tight\">\n Domina Revit desde cero y modela tus proyectos en 3D <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-teal-300\">3 veces m\u00e1s r\u00e1pido<\/span> que en AutoCAD\n <\/h1>\n <p class=\"text-slate-300 text-base sm:text-lg max-w-2xl mx-auto lg:mx-0 leading-relaxed\">\n Ingresa de forma definitiva al universo BIM. Genera plantas, cortes, elevaciones y metrados de manera simult\u00e1nea e inmediata. Olv\u00eddate de redibujar cada cambio a mano.\n <\/p>\n \n \n <div class=\"p-4 bg-slate-800\/80 border border-slate-700\/50 rounded-xl max-w-lg mx-auto lg:mx-0\">\n <p class=\"text-xs text-orange-400 font-bold uppercase tracking-wider mb-2 text-center lg:text-left\">\n \u26a1 Oferta especial de reactivaci\u00f3n expira pronto:\n <\/p>\n <div class=\"grid grid-cols-4 gap-2 text-center text-white\" id=\"countdown-timer\">\n <div class=\"bg-slate-900 p-2 rounded border border-slate-700\"><span id=\"days\" class=\"font-extrabold text-lg block text-blue-400\">00<\/span><span class=\"text-[9px] text-slate-400 uppercase\">D\u00edas<\/span><\/div>\n <div class=\"bg-slate-900 p-2 rounded border border-slate-700\"><span id=\"hours\" class=\"font-extrabold text-lg block text-blue-400\">12<\/span><span class=\"text-[9px] text-slate-400 uppercase\">Horas<\/span><\/div>\n <div class=\"bg-slate-900 p-2 rounded border border-slate-700\"><span id=\"minutes\" class=\"font-extrabold text-lg block text-blue-400\">34<\/span><span class=\"text-[9px] text-slate-400 uppercase\">Mins<\/span><\/div>\n <div class=\"bg-slate-900 p-2 rounded border border-slate-700\"><span id=\"seconds\" class=\"font-extrabold text-lg block text-orange-400\">56<\/span><span class=\"text-[9px] text-slate-400 uppercase\">Segs<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4 justify-center lg:justify-start\">\n <a href=\"#precios\" class=\"bg-blue-600 hover:bg-blue-500 text-white font-extrabold text-lg py-4 px-8 rounded-xl shadow-lg shadow-blue-500\/20 transition transform hover:-translate-y-0.5 text-center flex items-center justify-center space-x-2\">\n <span>S\u00cd, QUIERO ACCEDER HOY<\/span>\n <i class=\"fa-solid fa-arrow-right\"><\/i>\n <\/a>\n <a href=\"#temario\" class=\"border border-slate-700 hover:bg-slate-800 text-slate-300 font-semibold text-lg py-4 px-8 rounded-xl transition text-center\">\n Ver Temario Completo\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-5 relative w-full\">\n <div class=\"absolute -inset-1 bg-gradient-to-r from-blue-600 to-teal-400 rounded-2xl blur opacity-30\"><\/div>\n <div class=\"relative bg-slate-950 border border-slate-800 rounded-2xl overflow-hidden shadow-2xl\">\n \n <div class=\"aspect-video relative group cursor-pointer\" onclick=\"playMockVideo(this)\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/0f172a\/3b82f6?text=Revit+3D+Model+Preview\" alt=\"Revit Render\" class=\"w-full h-full object-cover\">\n \n <div class=\"absolute inset-0 bg-slate-900\/60 flex items-center justify-center group-hover:bg-slate-900\/40 transition\">\n <div class=\"w-16 h-16 bg-blue-600 text-white rounded-full flex items-center justify-center shadow-lg shadow-blue-500\/50 transform group-hover:scale-110 transition duration-300\">\n <i class=\"fa-solid fa-play text-2xl ml-1\"><\/i>\n <\/div>\n <\/div>\n <div class=\"absolute bottom-4 left-4 right-4 bg-slate-900\/90 backdrop-blur-sm border border-slate-700 p-3 rounded-lg flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-200\"><i class=\"fa-solid fa-circle-play text-blue-400 mr-1\"><\/i> Video Introducci\u00f3n del Curso<\/span>\n <span class=\"text-xs text-slate-400\">03:45<\/span>\n <\/div>\n \n \n <video id=\"promo-video\" class=\"hidden absolute inset-0 w-full h-full object-cover\" controls>\n <source src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/07\/clib-revit.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/div>\n <\/div>\n \n <div class=\"mt-4 flex items-center justify-center space-x-6 text-slate-400 text-xs\">\n <span><i class=\"fa-solid fa-users text-blue-500 mr-1.5\"><\/i> +1,200 Alumnos inscritos<\/span>\n <span><i class=\"fa-solid fa-star text-orange-400 mr-1.5\"><\/i> Calificaci\u00f3n: 4.8\/5<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n\n \n <section id=\"problema\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-950\/50 border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-16\">\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">\u00bfSientes que el software tradicional est\u00e1 frenando tu crecimiento?<\/h2>\n <div class=\"h-1 w-20 bg-blue-600 mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-400 text-base sm:text-lg\">\n Pasas largas horas dibujando de forma manual, cansado de realizar las mismas tareas repetitivas una y otra vez…\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n \n <div class=\"relative order-2 md:order-1\">\n <div class=\"absolute -inset-1 bg-red-500\/10 rounded-2xl blur opacity-30\"><\/div>\n <div class=\"relative bg-slate-900 border border-slate-800 rounded-2xl overflow-hidden shadow-xl\">\n \n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/retrato-estresado-joven-arquitecto-caucasico-sosteniendo-mano-cabeza-mirando-planos-1-1024x683.jpg\" \n onerror=\"this.src='https:\/\/placehold.co\/600x400\/1e293b\/ef4444?text=Arquitecto+Estresado+CAD'\"\n alt=\"Arquitecto estresado planos CAD\" \n class=\"w-full h-auto object-cover max-h-[380px]\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950 via-transparent to-transparent\"><\/div>\n <div class=\"absolute bottom-6 left-6 right-6 p-4 bg-slate-950\/80 border border-slate-800 rounded-xl backdrop-blur-sm\">\n <p class=\"text-sm italic text-slate-300\">“Siento que la mayor parte de mi tiempo laboral se va en corregir l\u00edneas cruzadas en vez de proponer dise\u00f1os de valor real.”<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"space-y-8 order-1 md:order-2\">\n <h3 class=\"text-2xl font-bold text-white\">El bucle sin fin de AutoCAD y el dibujo tradicional<\/h3>\n <div class=\"space-y-4\">\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-red-500\/10 border border-red-500\/30 flex items-center justify-center text-red-500 mt-1\">\n <i class=\"fa-solid fa-clock\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-200\">Redise\u00f1o manual infinito<\/h4>\n <p class=\"text-slate-400 text-sm mt-1\">Si cambias una ventana en el plano de planta, tienes que actualizar manualmente el corte, la fachada, los planos de detalle, y los cuadros de vanos. Un error te cuesta noches sin dormir.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-red-500\/10 border border-red-500\/30 flex items-center justify-center text-red-500 mt-1\">\n <i class=\"fa-solid fa-circle-exclamation\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-200\">Metrados y cuadros imprecisos<\/h4>\n <p class=\"text-slate-400 text-sm mt-1\">Contar y calcular \u00e1reas, acabados o vanos de manera manual es propenso a errores humanos que pueden generar sobrecostos catastr\u00f3ficos en obra.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-8 h-8 rounded-lg bg-red-500\/10 border border-red-500\/30 flex items-center justify-center text-red-500 mt-1\">\n <i class=\"fa-solid fa-briefcase\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-200\">P\u00e9rdida de grandes oportunidades laborales<\/h4>\n <p class=\"text-slate-400 text-sm mt-1\">Has intentado postular a empleos bien remunerados pero te has sentido frustrado al ver que el 100% de las empresas competitivas exigen dominar Revit y flujos de trabajo BIM.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"calculadora\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-900 border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-5 space-y-6\">\n <div class=\"inline-flex items-center space-x-2 bg-emerald-500\/10 border border-emerald-500\/30 text-emerald-400 px-4 py-1 rounded-full text-xs font-semibold uppercase tracking-wider\">\n <i class=\"fa-solid fa-calculator\"><\/i>\n <span>Calculadora de productividad<\/span>\n <\/div>\n <h2 class=\"text-3xl font-extrabold text-white leading-tight\">Calcula cu\u00e1nto tiempo libre recuperar\u00e1s con Revit<\/h2>\n <p class=\"text-slate-400\">\n Los estudios demuestran que usar metodolog\u00eda BIM en lugar de CAD tradicional reduce hasta en un 70% los tiempos totales de dise\u00f1o y documentaci\u00f3n. Usa el selector para estimar tus ahorros semanales y mensuales.\n <\/p>\n <div class=\"p-4 bg-slate-950 border border-slate-800 rounded-xl space-y-2\">\n <span class=\"text-xs font-semibold text-slate-400\">\u00bfQu\u00e9 significa esto para ti?<\/span>\n <ul class=\"text-xs text-slate-300 space-y-1.5\">\n <li><i class=\"fa-solid fa-check text-emerald-400 mr-2\"><\/i> M\u00e1s tiempo libre para tu vida personal<\/li>\n <li><i class=\"fa-solid fa-check text-emerald-400 mr-2\"><\/i> Capacidad de captar m\u00e1s proyectos paralelos<\/li>\n <li><i class=\"fa-solid fa-check text-emerald-400 mr-2\"><\/i> Cero estr\u00e9s por plazos de entrega ajustados<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-7 bg-slate-950 border border-slate-800 p-8 rounded-2xl shadow-xl space-y-6 relative\">\n <div class=\"absolute top-0 right-0 transform translate-x-3 -translate-y-3 bg-emerald-500 text-slate-950 font-bold px-3 py-1 rounded-full text-xs shadow-lg\">\n Interactiva\n <\/div>\n <div>\n <label for=\"hours-slider\" class=\"block text-slate-200 font-semibold mb-2\">\n \u00bfCu\u00e1ntas horas a la semana pasas dibujando en AutoCAD \/ manual?\n <\/label>\n <div class=\"flex items-center space-x-4\">\n <input type=\"range\" id=\"hours-slider\" min=\"5\" max=\"60\" value=\"25\" class=\"w-full h-2 bg-slate-800 rounded-lg appearance-none cursor-pointer accent-blue-500\" oninput=\"calculateSavings(this.value)\">\n <span id=\"slider-val\" class=\"font-extrabold text-2xl text-blue-400 w-16 text-right\">25<\/span>\n <span class=\"text-slate-400 text-sm\">hrs<\/span>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 pt-4\">\n <div class=\"bg-slate-900 border border-slate-800 p-4 rounded-xl text-center space-y-1\">\n <span class=\"text-xs text-slate-400 uppercase tracking-wider block\">Ahorro de Tiempo Semanal<\/span>\n <span id=\"weekly-savings\" class=\"font-black text-3xl sm:text-4xl text-emerald-400 block\">17.5<\/span>\n <span class=\"text-xs text-slate-300 block\">Horas Libres Semanales<\/span>\n <\/div>\n <div class=\"bg-slate-900 border border-slate-800 p-4 rounded-xl text-center space-y-1\">\n <span class=\"text-xs text-slate-400 uppercase tracking-wider block\">Ahorro de Tiempo Mensual<\/span>\n <span id=\"monthly-savings\" class=\"font-black text-3xl sm:text-4xl text-blue-400 block\">70<\/span>\n <span class=\"text-xs text-slate-300 block font-bold\">\u00a1Equivale a casi 9 d\u00edas laborables!<\/span>\n <\/div>\n <\/div>\n\n <div class=\"p-4 bg-blue-500\/5 border border-blue-500\/20 rounded-xl\">\n <p id=\"savings-conclusion\" class=\"text-sm text-slate-300 text-center leading-relaxed\">\n Al ahorrar <strong class=\"text-blue-400\">70 horas al mes<\/strong>, podr\u00e1s tomar hasta <strong class=\"text-teal-300\">2 proyectos adicionales<\/strong> de dise\u00f1o, incrementando tus ingresos promedio de forma notable.\n <\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"temario\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-950\/50 border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-16\">\n <span class=\"text-sm font-semibold text-blue-500 uppercase tracking-widest\">TEMARIO DETALLADO<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">Un plan estructurado de Cero a Avanzado<\/h2>\n <div class=\"h-1 w-20 bg-blue-600 mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-400 text-base sm:text-lg\">\n El contenido est\u00e1 ordenado por fases de desarrollo para garantizar un aprendizaje progresivo, claro y sin frustraciones.\n <\/p>\n <\/div>\n\n \n <div class=\"flex flex-wrap justify-center gap-2 sm:gap-4 mb-8\">\n <button onclick=\"switchTab('fase1')\" id=\"tab-fase1\" class=\"phase-tab px-6 py-3 rounded-xl font-bold text-sm transition bg-blue-600 text-white shadow-lg shadow-blue-500\/20\">\n Fase 1: Fundamentos (Mod 1-5)\n <\/button>\n <button onclick=\"switchTab('fase2')\" id=\"tab-fase2\" class=\"phase-tab px-6 py-3 rounded-xl font-bold text-sm transition bg-slate-800 text-slate-300 hover:bg-slate-700\">\n Fase 2: Modelado Preciso (Mod 6-9)\n <\/button>\n <button onclick=\"switchTab('fase3')\" id=\"tab-fase3\" class=\"phase-tab px-6 py-3 rounded-xl font-bold text-sm transition bg-slate-800 text-slate-300 hover:bg-slate-700\">\n Fase 3: Especialidades & Render (Mod 10-15)\n <\/button>\n <\/div>\n\n \n <div class=\"max-w-4xl mx-auto\">\n \n \n <div id=\"content-fase1\" class=\"phase-content space-y-4\">\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m1')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">01<\/span> M\u00f3dulo 1: Instalaci\u00f3n de Revit<\/span>\n <i id=\"icon-acc-m1\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m1\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Instalaci\u00f3n limpia paso a paso<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Activaci\u00f3n y licenciamiento de Revit<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Instalaci\u00f3n de librer\u00edas esenciales<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m2')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">02<\/span> M\u00f3dulo 2: Entorno y Visualizaci\u00f3n<\/span>\n <i id=\"icon-acc-m2\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m2\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Interfaz y cinta de opciones<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Navegador de proyectos<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Estilos y tipos de familias<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Configuraci\u00f3n de visualizaci\u00f3n b\u00e1sica<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m3')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">03<\/span> M\u00f3dulo 3: Creaci\u00f3n de Muros y Niveles<\/span>\n <i id=\"icon-acc-m3\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m3\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Modelar muros y ajustar perfiles<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Creaci\u00f3n de niveles y rejillas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Inserci\u00f3n de puertas y ventanas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Uniones limpias de muros estructurales<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m4')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">04<\/span> M\u00f3dulo 4: Manipulaci\u00f3n y Edici\u00f3n de Objetos<\/span>\n <i id=\"icon-acc-m4\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m4\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Modificaci\u00f3n avanzada: Mover, rotar, copiar<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Matrices circulares y lineales<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Reflejar, alinear y recortar<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Desfases r\u00e1pidos y copiar entre niveles<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m5')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">05<\/span> M\u00f3dulo 5: Documentaci\u00f3n, Cotas y Texto<\/span>\n <i id=\"icon-acc-m5\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m5\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Acotamiento lineal, angular y radial<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Restricciones param\u00e9tricas b\u00e1sicas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Notas de texto y directrices<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Etiquetas de muros, puertas y ventanas<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"content-fase2\" class=\"phase-content space-y-4 hidden\">\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m6')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">06<\/span> M\u00f3dulo 6: Suelos y Cubiertas Complejas<\/span>\n <i id=\"icon-acc-m6\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m6\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Losa de piso por capas y acabados<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Suelos con pendientes y drenajes<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Pintura de materiales de suelo<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Techo por per\u00edmetro e inclinado<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m7')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">07<\/span> M\u00f3dulo 7: Elementos Estructurales<\/span>\n <i id=\"icon-acc-m7\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m7\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Columnas de hormig\u00f3n y acero<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Sistemas de vigas estructurales<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Zapatas aisladas y corridas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Losa de cimentaci\u00f3n robusta<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m8')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">08<\/span> M\u00f3dulo 8: Techos, Plafones y Luminarias<\/span>\n <i id=\"icon-acc-m8\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m8\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Modelado de cielorrasos suspendidos<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Creaci\u00f3n de techos continuos y registrables<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Colocaci\u00f3n de luminarias integradas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Apertura de huecos en cielos<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m9')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">09<\/span> M\u00f3dulo 9: Escaleras y Familias B\u00e1sicas<\/span>\n <i id=\"icon-acc-m9\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m9\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Escaleras por tramo, espiral y personalizadas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Inserci\u00f3n de barandillas de seguridad<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Muebles de fontaner\u00eda y cocinas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Carga y gesti\u00f3n de cat\u00e1logos externos<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"content-fase3\" class=\"phase-content space-y-4 hidden\">\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m10')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">10<\/span> M\u00f3dulo 10: Vistas Avanzadas y Gesti\u00f3n<\/span>\n <i id=\"icon-acc-m10\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m10\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Vistas dependientes para planos de gran escala<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> L\u00edneas de coincidencia<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Regi\u00f3n de recorte y caja de secci\u00f3n<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m11')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">11<\/span> M\u00f3dulo 11: Composici\u00f3n de Planos y Muros Cortina<\/span>\n <i id=\"icon-acc-m11\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m11\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Habitaciones y c\u00e1lculo autom\u00e1tico de \u00e1reas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Leyenda de colores por uso de suelo<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Estructura y dise\u00f1o de Muros Cortina<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Montaje final e impresi\u00f3n a escala<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m12')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">12<\/span> M\u00f3dulo 12: Editor de Familias Param\u00e9tricas<\/span>\n <i id=\"icon-acc-m12\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m12\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Conceptos de modelado param\u00e9trico<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Extrusi\u00f3n, barrido y revoluci\u00f3n<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Creaci\u00f3n de familias parametrizadas b\u00e1sicas<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m13')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">13<\/span> M\u00f3dulo 13: Topograf\u00eda y Emplazamiento<\/span>\n <i id=\"icon-acc-m13\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m13\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Creaci\u00f3n de superficies de terreno<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Divisi\u00f3n y subregiones topogr\u00e1ficas<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Componentes de paisajismo y entorno<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m14')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">14<\/span> M\u00f3dulo 14: Renderizado y Animaciones<\/span>\n <i id=\"icon-acc-m14\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m14\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Render de calidad exterior e interior<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Configuraci\u00f3n de c\u00e1maras e iluminaci\u00f3n diurna<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Recorridos virtuales de video interactivos<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Exportar modelos a FBX \/ DWG<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('acc-m15')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-850 transition\">\n <span class=\"font-bold text-slate-200 flex items-center\"><span class=\"w-8 h-8 rounded bg-blue-500\/10 text-blue-400 flex items-center justify-center text-xs mr-3 font-bold\">15<\/span> M\u00f3dulo 15: Taller Pr\u00e1ctico Real de Cierre<\/span>\n <i id=\"icon-acc-m15\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"acc-m15\" class=\"hidden p-5 bg-slate-950\/50 border-t border-slate-850 text-sm text-slate-400 space-y-2\">\n <p class=\"text-slate-300 font-semibold mb-2\">Lo que aprender\u00e1s:<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Conversi\u00f3n de un plano 2D de AutoCAD a 3D<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Dise\u00f1o integral de vivienda unifamiliar desde cero<\/span>\n <span class=\"flex items-center\"><i class=\"fa-regular fa-circle-check text-emerald-400 mr-2\"><\/i> Armado de documentaci\u00f3n lista para obra<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-900 border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-16\">\n <span class=\"text-sm font-semibold text-emerald-500 uppercase tracking-widest\">TESTIMONIOS REALES<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">Lo que dicen nuestros alumnos certificados<\/h2>\n <div class=\"h-1 w-20 bg-emerald-500 mx-auto rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\n \n <div class=\"bg-slate-950 border border-slate-800 p-6 rounded-2xl space-y-4 shadow-xl\">\n <div class=\"flex items-center space-x-1 text-orange-400\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/07\/test-revit-7.png\" \n onerror=\"this.src='https:\/\/placehold.co\/500x250\/1e293b\/3b82f6?text=Testimonio+1'\"\n alt=\"Testimonio Alumno 1\" class=\"w-full h-auto rounded-xl object-contain\">\n <\/div>\n\n \n <div class=\"bg-slate-950 border border-slate-800 p-6 rounded-2xl space-y-4 shadow-xl\">\n <div class=\"flex items-center space-x-1 text-orange-400\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/test-revit-8.png\" \n onerror=\"this.src='https:\/\/placehold.co\/500x250\/1e293b\/3b82f6?text=Testimonio+2'\"\n alt=\"Testimonio Alumno 2\" class=\"w-full h-auto rounded-xl object-contain\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"bonos\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-950\/50 border-b border-slate-800\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-16\">\n <span class=\"text-sm font-semibold text-orange-500 uppercase tracking-widest\">RECURSOS DE VALOR<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">Y te llevas estos bonos incre\u00edbles de regalo<\/h2>\n <div class=\"h-1 w-20 bg-orange-500 mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-400\">\n Solo por inscribirte hoy, tendr\u00e1s acceso inmediato a todo este material valorado en m\u00e1s de $350 USD gratis.\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-2xl overflow-hidden shadow-lg hover:border-slate-750 transition flex flex-col justify-between\">\n <div>\n <div class=\"aspect-square relative\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/Website-Launch-Countdown-Instagram-Post-15-1024x1024.png\" \n onerror=\"this.src='https:\/\/placehold.co\/400x400\/1e293b\/f97316?text=Megapack+Familias+Revit'\"\n alt=\"Bono 1\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"p-6 space-y-2\">\n <span class=\"text-xs font-bold text-orange-400 uppercase tracking-wider block\">Bono 1 \u2014 Descargable<\/span>\n <h3 class=\"text-lg font-bold text-white\">Megapack de Familias Revit Parametrizadas<\/h3>\n <p class=\"text-slate-400 text-sm\">Cientos de componentes realistas de mobiliario, iluminaci\u00f3n y vegetaci\u00f3n listos para colocar en tus planos con un solo clic.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-2xl overflow-hidden shadow-lg hover:border-slate-750 transition flex flex-col justify-between\">\n <div>\n <div class=\"aspect-square relative\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/Website-Launch-Countdown-Instagram-Post-13-1024x1024.png\" \n onerror=\"this.src='https:\/\/placehold.co\/400x400\/1e293b\/f97316?text=Plantillas+BIM+Pro'\"\n alt=\"Bono 2\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"p-6 space-y-2\">\n <span class=\"text-xs font-bold text-orange-400 uppercase tracking-wider block\">Bono 2 \u2014 Plantilla de Inicio<\/span>\n <h3 class=\"text-lg font-bold text-white\">Plantilla Revit Profesional (.RTE)<\/h3>\n <p class=\"text-slate-400 text-sm\">Nuestra plantilla personalizada configurada bajo est\u00e1ndares profesionales para que inicies tus planos con cotas, textos y membretes configurados.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-900 border border-slate-800 rounded-2xl overflow-hidden shadow-lg hover:border-slate-750 transition flex flex-col justify-between\">\n <div>\n <div class=\"aspect-square relative\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/Website-Launch-Countdown-Instagram-Post-12-1024x1024.png\" \n onerror=\"this.src='https:\/\/placehold.co\/400x400\/1e293b\/f97316?text=Soporte+Comunidad'\"\n alt=\"Bono 3\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"p-6 space-y-2\">\n <span class=\"text-xs font-bold text-orange-400 uppercase tracking-wider block\">Bono 3 \u2014 Acompa\u00f1amiento<\/span>\n <h3 class=\"text-lg font-bold text-white\">Acceso a Comunidad de Soporte<\/h3>\n <p class=\"text-slate-400 text-sm\">Resuelve todas tus dudas de instalaci\u00f3n, herramientas o fallos del programa directamente con el instructor del curso.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-16 bg-gradient-to-r from-blue-900\/40 to-slate-900 border border-blue-800\/30 p-8 rounded-2xl flex flex-col lg:flex-row items-center justify-between gap-8\">\n <div class=\"space-y-4 max-w-xl text-center lg:text-left\">\n <span class=\"bg-blue-500\/10 text-blue-400 border border-blue-500\/20 px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider\">CERTIFICACI\u00d3N<\/span>\n <h3 class=\"text-2xl font-bold text-white\">Diploma acreditado por ArquiClass<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n Al completar el temario y realizar los talleres pr\u00e1cticos obligatorios, obtendr\u00e1s un certificado oficial \u00fanico para enriquecer tu CV, adjuntar en LinkedIn o presentar en tus postulaciones laborales.\n <\/p>\n <\/div>\n \n <div class=\"relative w-full max-w-sm\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/07\/Course-Creator-Laptop-iphone-mockup-instagram-post-3-1024x1024.png\" \n onerror=\"this.src='https:\/\/placehold.co\/400x400\/1e293b\/3b82f6?text=Mockup+Multi-Device'\"\n alt=\"Diploma Mockup\" class=\"w-full h-auto object-cover rounded-xl shadow-lg\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"precios\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-900 border-b border-slate-800 architect-grid relative\">\n <div class=\"absolute inset-0 bg-slate-900\/90 pointer-events-none\"><\/div>\n <div class=\"max-w-7xl mx-auto relative z-10\">\n <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-16\">\n <span class=\"text-sm font-semibold text-orange-400 uppercase tracking-widest\">OFERTA IRRESISTIBLE<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white\">Invierte hoy en tu futuro profesional<\/h2>\n <div class=\"h-1 w-20 bg-orange-400 mx-auto rounded-full\"><\/div>\n <p class=\"text-slate-300\">\n Deja atr\u00e1s los m\u00e9todos antiguos de dibujo y entra al est\u00e1ndar BIM por una fracci\u00f3n del precio habitual.\n <\/p>\n <\/div>\n\n \n <div class=\"max-w-md mx-auto relative\">\n <div class=\"absolute -inset-1.5 bg-gradient-to-r from-orange-500 to-blue-600 rounded-3xl blur opacity-30 animate-pulse\"><\/div>\n <div class=\"relative bg-slate-950 border border-slate-800 rounded-3xl p-8 shadow-2xl space-y-6\">\n \n <div class=\"text-center space-y-1\">\n <span class=\"bg-orange-500\/10 text-orange-400 border border-orange-500\/20 px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider\">\u00daNICO PAGO – ACCESO ILIMITADO<\/span>\n <h3 class=\"text-2xl font-bold text-white pt-2\">Programa Integral de Revit<\/h3>\n <p class=\"text-slate-400 text-xs\">B\u00e1sico a Avanzado + Todos los Bonos<\/p>\n <\/div>\n\n \n <div class=\"p-4 bg-slate-900 border border-slate-850 rounded-2xl text-center space-y-1\">\n <span class=\"text-slate-400 text-xs line-through block\">Precio Normal de Mercado: $300.00 USD<\/span>\n \n <div class=\"py-2 flex justify-center\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2026\/03\/Website-Launch-Countdown-Instagram-Post33.png\" \n onerror=\"this.src='https:\/\/placehold.co\/400x100\/1e293b\/10b981?text=Ahorra+$300+USD'\"\n alt=\"Oferta Especial Descuento\" class=\"max-h-16 h-auto w-auto\">\n <\/div>\n <\/div>\n\n \n <ul class=\"text-sm text-slate-300 space-y-3\">\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-400 mr-2.5\"><\/i> <span>15 M\u00f3dulos pr\u00e1cticos en video de alta calidad<\/span><\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-400 mr-2.5\"><\/i> <span>Acceso ilimitado para toda la vida<\/span><\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-400 mr-2.5\"><\/i> <span>Todos los Bonos exclusivos incluidos (RTE, Familias)<\/span><\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-400 mr-2.5\"><\/i> <span>Certificado oficial al completar el taller pr\u00e1ctico<\/span><\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-400 mr-2.5\"><\/i> <span>Soporte directo con el tutor<\/span><\/li>\n <\/ul>\n\n \n <div class=\"space-y-2\">\n <a href=\"https:\/\/go.hotmart.com\/N83245849M?ap=3417\" target=\"_blank\" class=\"w-full bg-gradient-to-r from-orange-500 to-amber-500 hover:from-orange-600 hover:to-amber-600 text-slate-950 font-black text-xl py-4 rounded-2xl shadow-xl shadow-orange-500\/20 transition transform hover:-translate-y-0.5 text-center block flex items-center justify-center space-x-2\">\n <span>INSCR\u00cdBETE HOY AQU\u00cd<\/span>\n <i class=\"fa-solid fa-cart-shopping\"><\/i>\n <\/a>\n <p class=\"text-slate-400 text-[10px] text-center\"><i class=\"fa-solid fa-lock text-slate-500 mr-1\"><\/i> Transacci\u00f3n segura protegida por Hotmart.<\/p>\n <\/div>\n\n \n <div class=\"pt-4 border-t border-slate-900 flex justify-center items-center gap-4 text-slate-400 text-xs\">\n <span><i class=\"fa-brands fa-cc-visa text-lg\"><\/i><\/span>\n <span><i class=\"fa-brands fa-cc-mastercard text-lg\"><\/i><\/span>\n <span><i class=\"fa-brands fa-paypal text-lg\"><\/i><\/span>\n <span><i class=\"fa-brands fa-google-pay text-lg\"><\/i><\/span>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"garantia\" class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-950\/50 border-b border-slate-800\">\n <div class=\"max-w-4xl mx-auto bg-slate-900 border border-slate-800 p-8 sm:p-12 rounded-3xl flex flex-col md:flex-row items-center gap-8 shadow-xl\">\n <div class=\"flex-shrink-0 max-w-[120px] sm:max-w-[150px]\">\n <img decoding=\"async\" src=\"https:\/\/arquiclass.com\/wp-content\/uploads\/2023\/08\/garantia7dias.png\" \n onerror=\"this.src='https:\/\/placehold.co\/150x150\/10b981\/ffffff?text=Garantia+7+Dias'\"\n alt=\"Medalla Garantia de Satisfaccion\" class=\"w-full h-auto object-contain\">\n <\/div>\n <div class=\"space-y-4 text-center md:text-left\">\n <h3 class=\"text-xl sm:text-2xl font-bold text-white\">Garant\u00eda Incondicional de Satisfacci\u00f3n de 7 d\u00edas<\/h3>\n <p class=\"text-slate-300 text-sm leading-relaxed\">\n Estamos tan convencidos del valor de este curso de Revit que dispones de un plazo completo de 7 d\u00edas de prueba. Si el contenido no cumple con tus expectativas o no te gusta la metodolog\u00eda, nos env\u00edas un correo y te reembolsamos el 100% de tu dinero inmediatamente, sin dar explicaciones ni hacer preguntas. Tu inversi\u00f3n est\u00e1 totalmente respaldada y sin riesgos.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 px-4 sm:px-6 lg:px-8 bg-slate-900 border-b border-slate-800\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center space-y-4 mb-12\">\n <h2 class=\"text-3xl font-extrabold text-white\">Preguntas Frecuentes<\/h2>\n <div class=\"h-1 w-20 bg-blue-600 mx-auto rounded-full\"><\/div>\n <\/div>\n\n <div class=\"space-y-4\">\n \n <div class=\"bg-slate-950 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('faq-1')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-900 transition\">\n <span class=\"font-semibold text-slate-200\">\u00bfCu\u00e1l es el formato del curso?<\/span>\n <i id=\"icon-faq-1\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"faq-1\" class=\"hidden p-5 bg-slate-900\/30 border-t border-slate-850 text-sm text-slate-400\">\n El curso es 100% online en video. Una vez te inscribas tendr\u00e1s acceso ilimitado para avanzar a tu propio ritmo, pudiendo ver las lecciones cuantas veces quieras y desde cualquier dispositivo electr\u00f3nico (m\u00f3vil, tablet u ordenador).\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-950 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('faq-2')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-900 transition\">\n <span class=\"font-semibold text-slate-200\">\u00bfCu\u00e1nto tiempo tendr\u00e9 acceso al programa?<\/span>\n <i id=\"icon-faq-2\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"faq-2\" class=\"hidden p-5 bg-slate-900\/30 border-t border-slate-850 text-sm text-slate-400\">\n \u00a1El acceso es ilimitado y de por vida! Al comprar el curso hoy, aseguras el ingreso de manera permanente a todo el contenido y las actualizaciones futuras sin necesidad de realizar pagos mensuales ni anuales.\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-950 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('faq-3')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-900 transition\">\n <span class=\"font-semibold text-slate-200\">\u00bfCu\u00e1l es el m\u00e9todo de pago aceptado?<\/span>\n <i id=\"icon-faq-3\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"faq-3\" class=\"hidden p-5 bg-slate-900\/30 border-t border-slate-850 text-sm text-slate-400\">\n Nuestra plataforma de procesamiento es Hotmart. Aceptamos tarjetas de cr\u00e9dito\/d\u00e9bito, PayPal, Google Pay, Samsung Pay y opciones locales seg\u00fan tu pa\u00eds de origen, como PagoEfectivo (Per\u00fa), Efecty (Colombia), PSE, OXXO (M\u00e9xico) o Sencillito (Chile).\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-950 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('faq-4')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-900 transition\">\n <span class=\"font-semibold text-slate-200\">\u00bfC\u00f3mo accedo si ya realic\u00e9 el pago del curso?<\/span>\n <i id=\"icon-faq-4\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"faq-4\" class=\"hidden p-5 bg-slate-900\/30 border-t border-slate-850 text-sm text-slate-400\">\n Inmediatamente despu\u00e9s de procesar tu pago, recibir\u00e1s un correo electr\u00f3nico autom\u00e1tico de Hotmart con las credenciales, link y accesos directos para ingresar a tu espacio educativo personal de inmediato.\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-950 border border-slate-800 rounded-xl overflow-hidden\">\n <button onclick=\"toggleAccordion('faq-5')\" class=\"w-full text-left p-5 flex items-center justify-between hover:bg-slate-900 transition\">\n <span class=\"font-semibold text-slate-200\">\u00bfCu\u00e1l es el precio en mi moneda local?<\/span>\n <i id=\"icon-faq-5\" class=\"fa-solid fa-chevron-down text-slate-500 transition-transform\"><\/i>\n <\/button>\n <div id=\"faq-5\" class=\"hidden p-5 bg-slate-900\/30 border-t border-slate-850 text-sm text-slate-400\">\n Al dar clic en los botones de “INSCR\u00cdBETE HOY AQU\u00cd”, la plataforma de pago de Hotmart identificar\u00e1 autom\u00e1ticamente tu pa\u00eds de conexi\u00f3n e internet y te mostrar\u00e1 el valor equivalente convertido a tu divisa de forma inmediata.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <a href=\"https:\/\/wa.me\/51907480450?text=Hola,%20Me%20gustar\u00eda%20recibir%20m\u00e1s%20informaci\u00f3n%20del%20curso%20Revit\" target=\"_blank\" class=\"fixed bottom-6 right-6 bg-green-500 hover:bg-green-600 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-2xl z-50 transition transform hover:scale-110\">\n <i class=\"fa-brands fa-whatsapp text-3xl\"><\/i>\n <\/a>\n\n \n <footer class=\"bg-slate-950 text-slate-500 text-xs py-12 px-4 sm:px-6 lg:px-8 border-t border-slate-900\">\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-between gap-6\">\n <div class=\"flex items-center space-x-2\">\n <div class=\"bg-slate-800 text-slate-400 p-1.5 rounded font-black tracking-wider text-sm\">AC<\/div>\n <span class=\"font-bold text-sm tracking-tight text-slate-300\">ARQUI<span class=\"text-blue-500\">CLASS<\/span><\/span>\n <\/div>\n <div class=\"text-center md:text-right space-y-2 max-w-xl\">\n <p>\u00a9 2026 ArquiClass. Todos los derechos reservados. El conocimiento y dominio de la marca de Autodesk Revit pertenece a sus respectivos propietarios.<\/p>\n <p class=\"text-[10px] text-slate-600\">DESCARGOS DE RESPONSABILIDAD IMPORTANTES: Este sitio web no es parte del sitio web de Facebook o Facebook, INC.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n\n \n <script>\n \/\/ Start interactive countdown timer (mock dynamic target of 2 days, 12 hours from current session initiation)\n const targetDate = new Date();\n targetDate.setHours(targetDate.getHours() + 35); \/\/ 35 hours from now\n\n function updateCountdown() {\n const now = new Date();\n const difference = targetDate - now;\n\n if (difference < 0) {\n document.getElementById('countdown-timer').innerHTML = \"<span class='text-orange-500 font-bold col-span-4'>\u00a1\u00daLTIMOS MINUTOS PARA ACCEDER CON DESCUENTO!<\/span>\";\n return;\n }\n\n const days = Math.floor(difference \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n const minutes = Math.floor((difference % (1000 * 60 * 60)) \/ (1000 * 60));\n const seconds = Math.floor((difference % (1000 * 60)) \/ 1000);\n\n document.getElementById('days').innerText = String(days).padStart(2, '0');\n document.getElementById('hours').innerText = String(hours).padStart(2, '0');\n document.getElementById('minutes').innerText = String(minutes).padStart(2, '0');\n document.getElementById('seconds').innerText = String(seconds).padStart(2, '0');\n }\n\n setInterval(updateCountdown, 1000);\n updateCountdown();\n\n \/\/ ROI Calculator core logic\n function calculateSavings(hoursVal) {\n document.getElementById('slider-val').innerText = hoursVal;\n \/\/ Calculations (BIM reduces time spent by average of 70%)\n const weeklySaved = (hoursVal * 0.7).toFixed(1);\n const monthlySaved = Math.round(weeklySaved * 4);\n\n document.getElementById('weekly-savings').innerText = weeklySaved;\n document.getElementById('monthly-savings').innerText = monthlySaved;\n\n \/\/ Compute dynamic text benefits\n let dynamicBenefits = \"\";\n if (hoursVal <= 15) {\n dynamicBenefits = `Al ahorrar <strong class=\"text-blue-400\">${monthlySaved} horas al mes<\/strong>, podr\u00e1s liberar tiempo para enfocar tu talento creativo en dise\u00f1o y agendar un proyecto extra de consultor\u00eda.`;\n } else if (hoursVal <= 30) {\n dynamicBenefits = `Al ahorrar <strong class=\"text-blue-400\">${monthlySaved} horas al mes<\/strong>, podr\u00e1s tomar hasta <strong class=\"text-teal-300\">2 proyectos adicionales<\/strong> de dise\u00f1o, incrementando tus ingresos mensuales de forma exponencial.`;\n } else {\n dynamicBenefits = `Al ahorrar <strong class=\"text-blue-400\">${monthlySaved} horas al mes<\/strong> (\u00a1casi dos semanas enteras de trabajo!), erradicar\u00e1s por completo el estr\u00e9s, no volver\u00e1s a trasnochar y asegurar\u00e1s un balance de vida ideal.`;\n }\n document.getElementById('savings-conclusion').innerHTML = dynamicBenefits;\n }\n\n \/\/ Tab Switcher for Course Temario\n function switchTab(activeTabId) {\n \/\/ Hide all tab contents\n document.querySelectorAll('.phase-content').forEach(element => {\n element.classList.add('hidden');\n });\n \/\/ Show target\n document.getElementById('content-' + activeTabId).classList.remove('hidden');\n\n \/\/ Toggle classes on buttons\n document.querySelectorAll('.phase-tab').forEach(button => {\n button.classList.remove('bg-blue-600', 'text-white', 'shadow-lg', 'shadow-blue-500\/20');\n button.classList.add('bg-slate-800', 'text-slate-300', 'hover:bg-slate-700');\n });\n\n \/\/ Set active state\n const targetButton = document.getElementById('tab-' + activeTabId);\n targetButton.classList.remove('bg-slate-800', 'text-slate-300', 'hover:bg-slate-700');\n targetButton.classList.add('bg-blue-600', 'text-white', 'shadow-lg', 'shadow-blue-500\/20');\n }\n\n \/\/ Accordion triggers\n function toggleAccordion(id) {\n const el = document.getElementById(id);\n const icon = document.getElementById('icon-' + id);\n \n if (el.classList.contains('hidden')) {\n el.classList.remove('hidden');\n if (icon) icon.classList.add('rotate-180');\n } else {\n el.classList.add('hidden');\n if (icon) icon.classList.remove('rotate-180');\n }\n }\n\n \/\/ Video Player simulation handler\n function playMockVideo(wrapper) {\n const video = document.getElementById('promo-video');\n video.classList.remove('hidden');\n video.play();\n \/\/ Hide preview elements\n wrapper.querySelector('img').classList.add('hidden');\n wrapper.querySelector('.group-hover\\\\:bg-slate-900\\\\\/40').classList.add('hidden');\n wrapper.querySelector('.w-16').classList.add('hidden');\n }\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>ArquiClass – Curso de Revit Profesional de Cero a Avanzado AC ARQUICLASS El Problema Calculadora BIM Temario Bonos Garant\u00eda \u00a1Inscribirme ya! Formaci\u00f3n 100% Online y …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1017","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/pages\/1017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/comments?post=1017"}],"version-history":[{"count":1,"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/pages\/1017\/revisions"}],"predecessor-version":[{"id":1018,"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/pages\/1017\/revisions\/1018"}],"wp:attachment":[{"href":"https:\/\/arquiclass.com\/index.php\/wp-json\/wp\/v2\/media?parent=1017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}