{"id":46,"date":"2026-01-30T16:02:28","date_gmt":"2026-01-30T22:02:28","guid":{"rendered":"https:\/\/arqfc.com\/ofertas\/?page_id=46"},"modified":"2026-08-04T16:39:56","modified_gmt":"2026-08-04T22:39:56","slug":"arquicostos-pro","status":"publish","type":"page","link":"https:\/\/arqfc.com\/ofertas\/arquicostos-pro\/","title":{"rendered":"ARQUICOSTOS PRO"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>ArquiCostos Pro &#8211; El Atajo para Presupuestos<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        arquiBlue: {\n                            50: '#eff6ff',\n                            100: '#dbeafe',\n                            500: '#3b82f6',\n                            600: '#2563eb',\n                            700: '#1d4ed8',\n                            900: '#0f204d',\n                        },\n                        arquiOrange: {\n                            50: '#fff7ed',\n                            100: '#ffedd5',\n                            400: '#fb923c',\n                            500: '#f97316',\n                            600: '#ea580c',\n                            700: '#c2410c',\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    \n    <style>\n        \/* Desplazamiento suave para los botones ancla *\/\n        html {\n            scroll-behavior: smooth;\n        }\n        .arquicostos-wrapper {\n            background-color: #ffffff;\n            color: #334155;\n            font-size: 17px;\n            line-height: 1.7;\n        }\n        .arquicostos-wrapper p {\n            margin-bottom: 1.25rem;\n        }\n        .arquicostos-wrapper strong {\n            font-weight: 700;\n        }\n        details > summary {\n            list-style: none;\n        }\n        details > summary::-webkit-details-marker {\n            display: none;\n        }\n        .hide-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .hide-scrollbar {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-100\">\n\n<div id=\"barra-contador-top\" class=\"bg-arquiBlue-900 text-white py-3 px-4 text-center sticky top-0 z-[100] border-b border-arquiOrange-500 shadow-lg hidden sm:block\">\n    <div class=\"flex flex-col sm:flex-row items-center justify-center gap-2 sm:gap-4 text-sm sm:text-base font-bold\">\n        <span class=\"text-arquiOrange-400 uppercase tracking-widest text-xs sm:text-sm\">\ud83d\udea8 Oferta Fundadores termina en:<\/span>\n        <div class=\"flex items-center gap-1.5 font-black text-lg sm:text-xl\">\n            <div class=\"flex flex-col items-center\">\n                <span class=\"bg-slate-800\/80 px-2 py-0.5 rounded min-w-[2.5rem] leading-none\" id=\"top-dias\">00<\/span>\n                <span class=\"text-[9px] text-slate-300 uppercase tracking-wider font-bold mt-1\">D\u00edas<\/span>\n            <\/div>\n            <span class=\"text-slate-400 pb-3\">:<\/span>\n            <div class=\"flex flex-col items-center\">\n                <span class=\"bg-slate-800\/80 px-2 py-0.5 rounded min-w-[2.5rem] leading-none\" id=\"top-horas\">00<\/span>\n                <span class=\"text-[9px] text-slate-300 uppercase tracking-wider font-bold mt-1\">Hrs<\/span>\n            <\/div>\n            <span class=\"text-slate-400 pb-3\">:<\/span>\n            <div class=\"flex flex-col items-center\">\n                <span class=\"bg-slate-800\/80 px-2 py-0.5 rounded min-w-[2.5rem] leading-none\" id=\"top-minutos\">00<\/span>\n                <span class=\"text-[9px] text-slate-300 uppercase tracking-wider font-bold mt-1\">Min<\/span>\n            <\/div>\n            <span class=\"text-slate-400 pb-3\">:<\/span>\n            <div class=\"flex flex-col items-center\">\n                <span class=\"bg-slate-800\/80 px-2 py-0.5 rounded min-w-[2.5rem] leading-none\" id=\"top-segundos\">00<\/span>\n                <span class=\"text-[9px] text-slate-300 uppercase tracking-wider font-bold mt-1\">Seg<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"barra-contador-top-movil\" class=\"bg-arquiBlue-900 text-white py-2 px-2 text-center sticky top-0 z-[100] border-b border-arquiOrange-500 shadow-lg sm:hidden flex flex-col items-center justify-center\">\n    <span class=\"text-arquiOrange-400 uppercase tracking-widest text-[10px] font-bold mb-1\">\ud83d\udea8 Termina en:<\/span>\n    <div class=\"flex items-center gap-1 font-black text-base mt-0.5\">\n        <div class=\"flex flex-col items-center\">\n            <span class=\"bg-slate-800\/80 px-1.5 py-0.5 rounded min-w-[2rem] leading-none\" id=\"top-dias-movil\">00<\/span>\n            <span class=\"text-[8px] text-slate-300 uppercase tracking-wider font-bold mt-0.5\">D\u00edas<\/span>\n        <\/div>\n        <span class=\"text-slate-400 pb-3\">:<\/span>\n        <div class=\"flex flex-col items-center\">\n            <span class=\"bg-slate-800\/80 px-1.5 py-0.5 rounded min-w-[2rem] leading-none\" id=\"top-horas-movil\">00<\/span>\n            <span class=\"text-[8px] text-slate-300 uppercase tracking-wider font-bold mt-0.5\">Hrs<\/span>\n        <\/div>\n        <span class=\"text-slate-400 pb-3\">:<\/span>\n        <div class=\"flex flex-col items-center\">\n            <span class=\"bg-slate-800\/80 px-1.5 py-0.5 rounded min-w-[2rem] leading-none\" id=\"top-minutos-movil\">00<\/span>\n            <span class=\"text-[8px] text-slate-300 uppercase tracking-wider font-bold mt-0.5\">Min<\/span>\n        <\/div>\n        <span class=\"text-slate-400 pb-3\">:<\/span>\n        <div class=\"flex flex-col items-center\">\n            <span class=\"bg-slate-800\/80 px-1.5 py-0.5 rounded min-w-[2rem] leading-none\" id=\"top-segundos-movil\">00<\/span>\n            <span class=\"text-[8px] text-slate-300 uppercase tracking-wider font-bold mt-0.5\">Seg<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"arquicostos-wrapper max-w-5xl mx-auto bg-white sm:shadow-2xl sm:shadow-slate-200\/50 sm:rounded-b-[2rem] sm:rounded-t-none overflow-hidden my-0 sm:mb-10 relative\">\n    \n    <header class=\"bg-arquiBlue-900 px-6 py-12 sm:px-12 sm:py-20 text-center relative overflow-hidden sm:rounded-b-[2.5rem] shadow-xl border-b border-arquiBlue-800\">\n        \n        <div class=\"absolute -top-24 -right-24 w-96 h-96 bg-arquiBlue-500\/30 rounded-full blur-3xl pointer-events-none\"><\/div>\n        <div class=\"absolute top-1\/2 -left-24 w-96 h-96 bg-arquiOrange-500\/20 rounded-full blur-3xl pointer-events-none transform -translate-y-1\/2\"><\/div>\n        <div class=\"absolute top-10 right-10 w-64 h-64 border border-white\/5 rounded-full pointer-events-none\"><\/div>\n        <div class=\"absolute bottom-10 left-10 w-40 h-40 border border-white\/5 rounded-full pointer-events-none\"><\/div>\n\n        <div class=\"relative z-10\">\n            <h1 class=\"text-4xl sm:text-5xl md:text-6xl font-extrabold tracking-tight mb-8\">\n                <span class=\"text-white drop-shadow-sm\">La forma m\u00e1s r\u00e1pida para crear<\/span> \n                <span class=\"block text-3xl sm:text-4xl md:text-5xl mt-3 text-transparent bg-clip-text bg-gradient-to-r from-arquiOrange-400 to-arquiOrange-500\">Presupuestos de Obra Exactos y Profesionales.<\/span>\n            <\/h1>\n            <p class=\"text-lg sm:text-xl md:text-2xl text-arquiBlue-100 font-medium max-w-3xl mx-auto leading-relaxed\">\n                Dile adi\u00f3s al caos de Excel. Con nuestra plataforma 100% en la nube obtienes el <span class=\"font-bold text-arquiOrange-400\">poder y la exactitud de Opus o Neodata<\/span>, pero con una interfaz intuitiva, r\u00e1pida y sin complicaciones.\n            <\/p>\n\n            <div class=\"mt-12 sm:mt-16 max-w-3xl mx-auto relative\">\n                <div class=\"flex items-center justify-center gap-2 mb-4 transition-all hover:-translate-y-1\">\n                    <span class=\"relative flex h-3 w-3\">\n                      <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-arquiOrange-400 opacity-75\"><\/span>\n                      <span class=\"relative inline-flex rounded-full h-3 w-3 bg-arquiOrange-500\"><\/span>\n                    <\/span>\n                    <p class=\"text-sm sm:text-base text-arquiOrange-400 font-bold uppercase tracking-widest\">Haz clic en play y mira la demostraci\u00f3n<\/p>\n                <\/div>\n                \n                <!-- Contenedor modificado con el nuevo iframe -->\n                <div class=\"relative w-full rounded-[2rem] overflow-hidden shadow-[0_20px_50px_rgba(0,0,0,0.5)] border-4 border-arquiBlue-800 bg-slate-900 group transform hover:scale-[1.02] transition-transform duration-500\">\n                    <div style=\"position:relative;padding-top:56.25%;\">\n                        <iframe src=\"https:\/\/player.mediadelivery.net\/embed\/719706\/627955b2-64ce-4cb6-8664-76cde50cad0b?autoplay=false&#038;loop=false&#038;muted=false&#038;preload=true&#038;responsive=true\" loading=\"lazy\" style=\"border:0;position:absolute;top:0;height:100%;width:100%;\" allow=\"accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;fullscreen;\" allowfullscreen=\"true\"><\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"mt-10 sm:mt-12 relative z-10\">\n                <a href=\"#seccion-precios\" class=\"inline-flex items-center justify-center gap-3 px-8 py-4 bg-gradient-to-r from-arquiBlue-500 to-arquiBlue-600 hover:from-arquiBlue-400 hover:to-arquiBlue-500 text-white font-extrabold text-lg sm:text-xl rounded-2xl shadow-[0_10px_30px_rgba(59,130,246,0.3)] transform hover:-translate-y-1 transition-all duration-300 border border-arquiBlue-400\">\n                    Comenzar a Presupuestar\n                    <svg class=\"w-6 h-6 animate-bounce\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/header>\n\n    <main class=\"px-6 pb-12 sm:px-12 sm:pb-20\">\n        \n        <div class=\"mt-8 mb-24 bg-slate-50 rounded-none py-16 px-6 sm:px-12 shadow-inner relative overflow-hidden border-y border-slate-200 -mx-6 sm:-mx-12\">\n            <div class=\"absolute top-0 right-0 w-80 h-80 bg-arquiBlue-100\/50 rounded-full blur-3xl -translate-y-1\/2 translate-x-1\/3 pointer-events-none\"><\/div>\n            <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-arquiOrange-100\/40 rounded-full blur-3xl translate-y-1\/3 -translate-x-1\/3 pointer-events-none\"><\/div>\n            \n            <div class=\"text-center mb-10 relative z-10\">\n                <h2 class=\"text-4xl md:text-5xl font-extrabold text-slate-900 mb-2\">\n                    Te presentamos <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-arquiBlue-600 to-arquiBlue-500\">ArquiCostos Pro<\/span>\n                <\/h2>\n                <h3 class=\"text-2xl md:text-3xl font-bold text-slate-600 mb-10\">\n                    El sistema en la nube que hace el trabajo pesado por ti.\n                <\/h3>\n                \n                <div class=\"relative w-full max-w-4xl mx-auto mb-12 px-2 sm:px-0\">\n                    <img decoding=\"async\" src=\"https:\/\/arqfc.com\/ofertas\/wp-content\/uploads\/2026\/04\/portada-arquicostos-pro-construccion.webp\" alt=\"Interfaz de ArquiCostos Pro\" class=\"w-full rounded-3xl shadow-xl border-4 border-white transform hover:scale-[1.02] transition-transform duration-500\">\n                <\/div>\n\n                <p class=\"text-xl sm:text-2xl text-slate-700 font-medium leading-relaxed max-w-3xl mx-auto px-4\">\n                    Dise\u00f1amos este sistema con una sola regla en mente: <strong class=\"text-slate-900\">T\u00fa enc\u00e1rgate de dise\u00f1ar y construir, y deja que el sistema se pelee con los n\u00fameros.<\/strong>\n                <\/p>\n            <\/div>\n\n            <div class=\"max-w-3xl mx-auto mb-12 bg-white\/70 backdrop-blur-md border border-slate-200 rounded-2xl p-6 sm:p-8 shadow-sm relative overflow-hidden transform hover:-translate-y-1 transition-transform duration-300 z-10\">\n                <div class=\"absolute left-0 top-0 bottom-0 w-2 bg-arquiOrange-500\"><\/div>\n                <p class=\"text-lg sm:text-xl text-slate-700 font-medium text-center leading-relaxed relative z-10\">\n                    <strong class=\"text-arquiOrange-600 font-extrabold text-xl sm:text-2xl block mb-1\">\u00a1Olv\u00eddate de los dolores de cabeza!<\/strong> \n                    No m\u00e1s programas pesados de instalar, licencias car\u00edsimas, ni el miedo a perder todo tu trabajo si tu computadora se formatea o se da\u00f1a.\n                <\/p>\n            <\/div>\n\n            <div class=\"text-center text-lg text-slate-600 leading-relaxed space-y-6 relative z-10 max-w-3xl mx-auto\">\n                <p class=\"text-xl sm:text-2xl leading-relaxed text-slate-700\">\n                    Al estar <strong class=\"text-slate-900 font-bold\">100% en la nube<\/strong>, puedes acceder a tus presupuestos desde tu oficina, desde tu casa o directamente desde la obra, usando cualquier dispositivo con internet.\n                <\/p>\n                \n                <div class=\"pt-8 pb-4\">\n                    <p class=\"text-xl sm:text-2xl font-bold text-arquiOrange-600 border-y border-slate-200 py-5 inline-block px-4\">\n                        Todo lo que necesitas para presupuestar como los grandes, con menos esfuerzo.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- SECCI\u00d3N COMBINADA AZUL: Plataforma Gallery + Aula Virtual (A todo lo ancho) -->\n        <div class=\"my-24 bg-arquiBlue-900 rounded-none py-16 px-6 sm:px-12 shadow-2xl relative overflow-hidden border-y border-arquiBlue-800 -mx-6 sm:-mx-12\">\n            <!-- Efectos de iluminaci\u00f3n de fondo -->\n            <div class=\"absolute top-0 right-0 w-80 h-80 bg-arquiBlue-500\/20 rounded-full blur-3xl -translate-y-1\/2 translate-x-1\/3 pointer-events-none\"><\/div>\n            <div class=\"absolute bottom-0 left-0 w-80 h-80 bg-arquiOrange-500\/10 rounded-full blur-3xl translate-y-1\/3 -translate-x-1\/3 pointer-events-none\"><\/div>\n\n            <!-- T\u00edtulo del Slider -->\n            <div class=\"text-center mb-12 relative z-10\">\n                <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-white tracking-tight leading-tight max-w-4xl mx-auto drop-shadow-md\">\n                    Una interfaz limpia, r\u00e1pida y dise\u00f1ada espec\u00edficamente para hacer tu flujo de trabajo m\u00e1s eficiente\n                <\/h2>\n            <\/div>\n\n            <!-- Contenedor del Slider -->\n            <div class=\"relative group z-10 mb-16\">\n                <button id=\"prevBtn\" class=\"absolute left-2 sm:-left-4 top-1\/2 -translate-y-1\/2 z-10 bg-white\/90 hover:bg-white text-arquiBlue-700 rounded-full p-3 shadow-[0_4px_20px_rgba(0,0,0,0.15)] opacity-0 group-hover:opacity-100 transition-all duration-300 hidden md:block border border-slate-100 focus:outline-none hover:scale-110\" aria-label=\"Anterior\">\n                    <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n                <\/button>\n\n                <div id=\"carousel\" class=\"flex overflow-x-auto snap-x snap-mandatory gap-6 pb-8 pt-4 hide-scrollbar\" style=\"scroll-behavior: smooth;\">\n                    <div class=\"snap-center shrink-0 w-[85%] sm:w-[65%] md:w-[50%] lg:w-[45%] rounded-[1.5rem] overflow-hidden shadow-lg border border-arquiBlue-700\/60 bg-slate-100\">\n                        <img decoding=\"async\" src=\"https:\/\/arqfc.com\/ofertas\/wp-content\/uploads\/2026\/04\/arquicostospro01.webp\" alt=\"ArquiCostos Pro Pantalla 1\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"snap-center shrink-0 w-[85%] sm:w-[65%] md:w-[50%] lg:w-[45%] rounded-[1.5rem] overflow-hidden shadow-lg border border-arquiBlue-700\/60 bg-slate-100\">\n                        <img decoding=\"async\" src=\"https:\/\/arqfc.com\/ofertas\/wp-content\/uploads\/2026\/04\/arquicostospro02.webp\" alt=\"ArquiCostos Pro Pantalla 2\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"snap-center shrink-0 w-[85%] sm:w-[65%] md:w-[50%] lg:w-[45%] rounded-[1.5rem] overflow-hidden shadow-lg border border-arquiBlue-700\/60 bg-slate-100\">\n                        <img decoding=\"async\" src=\"https:\/\/arqfc.com\/ofertas\/wp-content\/uploads\/2026\/04\/arquicostospro03.webp\" alt=\"ArquiCostos Pro Pantalla 3\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"snap-center shrink-0 w-[85%] sm:w-[65%] md:w-[50%] lg:w-[45%] rounded-[1.5rem] overflow-hidden shadow-lg border border-arquiBlue-700\/60 bg-slate-100\">\n                        <img decoding=\"async\" src=\"https:\/\/arqfc.com\/ofertas\/wp-content\/uploads\/2026\/04\/arquicostospro04.webp\" alt=\"ArquiCostos Pro Pantalla 4\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"snap-center shrink-0 w-[85%] sm:w-[65%] md:w-[50%] lg:w-[45%] rounded-[1.5rem] overflow-hidden shadow-lg border border-arquiBlue-700\/60 bg-slate-100\">\n                        <img decoding=\"async\" src=\"https:\/\/arqfc.com\/ofertas\/wp-content\/uploads\/2026\/04\/arquicostospro05.webp\" alt=\"ArquiCostos Pro Pantalla 5\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"snap-center shrink-0 w-[85%] sm:w-[65%] md:w-[50%] lg:w-[45%] rounded-[1.5rem] overflow-hidden shadow-lg border border-arquiBlue-700\/60 bg-slate-100\">\n                        <img decoding=\"async\" src=\"https:\/\/arqfc.com\/ofertas\/wp-content\/uploads\/2026\/04\/arquicostospro06.webp\" alt=\"ArquiCostos Pro Pantalla 6\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"snap-center shrink-0 w-[85%] sm:w-[65%] md:w-[50%] lg:w-[45%] rounded-[1.5rem] overflow-hidden shadow-lg border border-arquiBlue-700\/60 bg-slate-100\">\n                        <img decoding=\"async\" src=\"https:\/\/arqfc.com\/ofertas\/wp-content\/uploads\/2026\/04\/arquicostospro07.webp\" alt=\"ArquiCostos Pro Pantalla 7\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"snap-center shrink-0 w-[85%] sm:w-[65%] md:w-[50%] lg:w-[45%] rounded-[1.5rem] overflow-hidden shadow-lg border border-arquiBlue-700\/60 bg-slate-100\">\n                        <img decoding=\"async\" src=\"https:\/\/arqfc.com\/ofertas\/wp-content\/uploads\/2026\/04\/arquicostospro08.webp\" alt=\"ArquiCostos Pro Pantalla 8\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"snap-center shrink-0 w-[85%] sm:w-[65%] md:w-[50%] lg:w-[45%] rounded-[1.5rem] overflow-hidden shadow-lg border border-arquiBlue-700\/60 bg-slate-100\">\n                        <img decoding=\"async\" src=\"https:\/\/arqfc.com\/ofertas\/wp-content\/uploads\/2026\/04\/arquicostospro09.webp\" alt=\"ArquiCostos Pro Pantalla 9\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"snap-center shrink-0 w-[85%] sm:w-[65%] md:w-[50%] lg:w-[45%] rounded-[1.5rem] overflow-hidden shadow-lg border border-arquiBlue-700\/60 bg-slate-100\">\n                        <img decoding=\"async\" src=\"https:\/\/arqfc.com\/ofertas\/wp-content\/uploads\/2026\/04\/arquicostospro10.webp\" alt=\"ArquiCostos Pro Pantalla 10\" class=\"w-full h-full object-cover hover:scale-105 transition-transform duration-700\" loading=\"lazy\">\n                    <\/div>\n                <\/div>\n\n                <button id=\"nextBtn\" class=\"absolute right-2 sm:-right-4 top-1\/2 -translate-y-1\/2 z-10 bg-white\/90 hover:bg-white text-arquiBlue-700 rounded-full p-3 shadow-[0_4px_20px_rgba(0,0,0,0.15)] opacity-0 group-hover:opacity-100 transition-all duration-300 hidden md:block border border-slate-100 focus:outline-none hover:scale-110\" aria-label=\"Siguiente\">\n                    <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\n                <\/button>\n            <\/div>\n            \n            <div class=\"flex justify-center mt-2 mb-16 md:hidden relative z-10\">\n                <span class=\"text-xs text-arquiBlue-200 flex items-center gap-2 animate-pulse\">\n                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"><\/path><\/svg>\n                    Desliza para ver m\u00e1s\n                <\/span>\n            <\/div>\n\n            <!-- Textos Aula Virtual -->\n            <div class=\"text-center max-w-3xl mx-auto relative z-10 border-t border-arquiBlue-800\/80 pt-12\">\n                <h3 class=\"text-3xl sm:text-4xl font-extrabold text-white mb-6 leading-tight\">\n                    Crea tu primer presupuesto <span class=\"text-arquiOrange-400\">este mismo fin de semana<\/span>\n                <\/h3>\n                <p class=\"text-lg sm:text-xl text-arquiBlue-100 mb-8 leading-relaxed\">\n                    No te dejaremos adivinando d\u00f3nde hacer clic. Tu suscripci\u00f3n incluye pase directo a nuestra <strong>Aula Virtual privada<\/strong>, donde encontrar\u00e1s lecciones en video para aprender a usar la herramienta desde cero.\n                <\/p>\n                \n                <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-8\">\n                    <div class=\"flex items-center gap-3\">\n                        <svg class=\"w-6 h-6 text-arquiOrange-400 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                        <span class=\"text-arquiBlue-50 font-medium text-left\">Mira las clases 100% online y a tu propio ritmo.<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-3\">\n                        <svg class=\"w-6 h-6 text-arquiOrange-400 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                        <span class=\"text-arquiBlue-50 font-medium text-left\">Domina ArquiCostos Pro como experto en solo un par de horas.<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Lista de Caracter\u00edsticas (Unificada y Limpia) -->\n        <div class=\"max-w-3xl mx-auto mb-24 px-4 sm:px-0\">\n            <h2 class=\"text-3xl sm:text-4xl font-extrabold text-arquiBlue-900 mb-12 text-center leading-tight\">\n                Tu arsenal completo, sin restricciones. No importa el plan que elijas, obtienes acceso total e inmediato a:\n            <\/h2>\n            \n            <ul class=\"space-y-6 text-lg\">\n                <li class=\"flex items-start gap-4\">\n                    <svg class=\"w-6 h-6 text-green-500 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    <span class=\"text-slate-700\"><strong>Tu \u00abCerebro de Costos\u00bb con +8,000 Matrices Listas:<\/strong> \u00bfNo sabes cu\u00e1nto cobrar por un m2 de muro de block o una losa maciza? No importa. Nuestro Cat\u00e1logo Maestro incluye miles de conceptos analizados por expertos. Solo b\u00fascalo, ins\u00e9rtalo en tu proyecto, ajusta el precio de tus materiales y el sistema har\u00e1 todo el desglose por ti.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-4\">\n                    <svg class=\"w-6 h-6 text-green-500 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    <span class=\"text-slate-700\"><strong>C\u00e1lculos Perfectos (Sin tocar una sola f\u00f3rmula):<\/strong> Olvida el terror de calcular el FASAR (Factor de Salario Real). El sistema lo hace autom\u00e1ticamente, apegado a la normativa. ArquiCostos Pro suma tus indirectos, utilidad y financiamiento en cascada. T\u00fa solo pones las cantidades, nosotros ponemos la precisi\u00f3n.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-4\">\n                    <svg class=\"w-6 h-6 text-green-500 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    <span class=\"text-slate-700\"><strong>Explosi\u00f3n de Insumos al Instante:<\/strong> Con un clic, obt\u00e9n tu lista de compras total. Sabr\u00e1s exactamente cu\u00e1ntos bultos de cemento, cu\u00e1ntas varillas y cu\u00e1ntos metros de arena necesitas para terminar la obra. Se acab\u00f3 el comprar \u00abal tanteo\u00bb y ver c\u00f3mo tu ganancia desaparece.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-4\">\n                    <svg class=\"w-6 h-6 text-green-500 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    <span class=\"text-slate-700\"><strong>Dise\u00f1o que Vende: Reportes PDF Profesionales:<\/strong> Genera reportes de lujo en PDF con un solo clic. Personaliza los datos de tu empresa, carga tu logotipo, y decide que datos imprimir.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-4\">\n                    <svg class=\"w-6 h-6 text-green-500 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    <span class=\"text-slate-700\"><strong>Transparencia Total: Tarjetas de Precios Unitarios:<\/strong> Respalda cada centavo de tu presupuesto. Imprime el desglose exacto de materiales, mano de obra y equipo por concepto. Fundamental para licitaciones de obra p\u00fablica o simplemente para dar m\u00e1xima confianza a clientes exigentes.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-4\">\n                    <svg class=\"w-6 h-6 text-green-500 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    <span class=\"text-slate-700\"><strong>\u00bfNecesitas la documentaci\u00f3n en Excel?:<\/strong> No hay problema, Arquicostos te permite Exportar a Excel tus presupuestos, matrices y programa de obra con un solo clic.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-4\">\n                    <svg class=\"w-6 h-6 text-green-500 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    <span class=\"text-slate-700\"><strong>Control de Tiempos: Planeaci\u00f3n de Obra:<\/strong> Un buen presupuesto no sirve si la obra se atrasa. Genera el programa de obra y cronogramas visuales de forma intuitiva. Mant\u00e9n a tu equipo alineado y a tu cliente informado exactamente sobre qu\u00e9 se ejecutar\u00e1 cada semana.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-4\">\n                    <svg class=\"w-6 h-6 text-green-500 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    <span class=\"text-slate-700\"><strong>Control de gastos:<\/strong> Genera tablas de gastos donde puedes ver cuanto dinero necesitas cada semana para cubrir las actividades programadas en Obra. Adi\u00f3s al cobro al tanteo y comienza a administrar tu obra con seguridad.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-4\">\n                    <svg class=\"w-6 h-6 text-green-500 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    <span class=\"text-slate-700\"><strong>Acceso directo a nuestra Aula Virtual privada:<\/strong> No te dejaremos adivinando d\u00f3nde hacer clic. Tu suscripci\u00f3n incluye pase directo a nuestra Aula Virtual privada, donde encontrar\u00e1s lecciones en video para aprender a usar la herramienta desde cero.<\/span>\n                <\/li>\n                <li class=\"flex items-start gap-4\">\n                    <svg class=\"w-6 h-6 text-green-500 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    <span class=\"text-slate-700\"><strong>Soporte t\u00e9cnico dedicado:<\/strong> \u00bfTienes alguna duda sobre el funcionamiento? No te preocupes, contar\u00e1s con asistencia t\u00e9cnica en todo momento.<\/span>\n                <\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Pricing Section -->\n        <div id=\"seccion-precios\" class=\"bg-arquiBlue-900 rounded-none py-16 px-6 sm:px-12 shadow-2xl relative overflow-hidden border-y border-arquiBlue-800 -mx-6 sm:-mx-12 scroll-mt-24\">\n            <div class=\"absolute -top-24 -right-24 w-96 h-96 bg-arquiBlue-500\/30 rounded-full blur-3xl pointer-events-none\"><\/div>\n            <div class=\"absolute -bottom-24 -left-24 w-96 h-96 bg-arquiOrange-500\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n\n            <div class=\"text-center mb-16 relative z-10\">\n                <h2 class=\"text-4xl md:text-5xl lg:text-6xl font-black text-transparent bg-clip-text bg-gradient-to-r from-arquiOrange-400 to-yellow-300 mb-6 tracking-tight drop-shadow-md\">\u00a1OFERTA POR TIEMPO LIMITADO!<\/h2>\n                <p class=\"text-xl text-arquiBlue-100 max-w-2xl mx-auto leading-relaxed\">Queremos que <strong class=\"text-white\">dejes de sufrir con tus cotizaciones<\/strong> hoy mismo. Por eso, hemos dise\u00f1ado planes que hacen de ArquiCostos Pro <strong class=\"text-arquiOrange-400\">la inversi\u00f3n m\u00e1s inteligente<\/strong> para tu despacho:<\/p>\n            <\/div>\n\n            <!-- Changed to grid-cols-1 md:grid-cols-2 and max-w-4xl to center the 2 remaining cards -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 relative z-10 max-w-4xl mx-auto\">\n                \n                <div class=\"bg-white border border-slate-200 p-6 rounded-[2rem] shadow-sm text-center flex flex-col justify-between\">\n                    <div>\n                        <h4 class=\"text-xl font-bold text-slate-900 mb-2 mt-4 flex items-center justify-center gap-2\">\ud83c\udf9f\ufe0f Plan Mensual<\/h4>\n                        <p class=\"text-slate-400 line-through text-base\">Precio normal: $199 MXN \/ mes.<\/p>\n                        <div class=\"my-6 p-4 bg-arquiBlue-50 rounded-2xl\">\n                            <span class=\"text-arquiBlue-700 font-black text-2xl sm:text-3xl\">\ud83c\udf81 HOY: Solo $99<span class=\"text-sm font-bold\">\/mes<\/span><\/span><br>\n                            <span class=\"text-xs text-arquiBlue-600 font-medium mt-1 block\">(durante los primeros 3 meses, despu\u00e9s $199 MXN\/mes).<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"mt-auto\">\n                        <p class=\"text-xs text-slate-600 font-semibold mb-4 flex items-center justify-center gap-1\">\n                            <svg class=\"w-4 h-4 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                            Cancela en cualquier momento\n                        <\/p>\n                        <p class=\"text-sm text-slate-500 italic mb-6\">Literalmente menos de lo que gastas en invitarle un refresco a tu cuadrilla.<\/p>\n                        <a href=\"https:\/\/arquicostos.arqfc.com\/registro?plan=mensual\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block w-full bg-white hover:bg-arquiBlue-50 border-2 border-arquiBlue-500 text-arquiBlue-700 font-bold text-base py-3 rounded-xl transition-colors shadow-sm\" onclick=\"fbq('track', 'InitiateCheckout');\">Elegir Plan Mensual<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-white border-4 border-arquiBlue-500 p-6 rounded-[2rem] shadow-2xl shadow-arquiBlue-500\/20 text-center relative flex flex-col justify-between transform md:-translate-y-4\">\n                    \n                    <div class=\"absolute -top-4 left-1\/2 -translate-x-1\/2 w-full text-center px-2\" id=\"badge-fundadores\">\n                        <span class=\"bg-red-500 text-white text-xs font-black tracking-widest uppercase px-3 py-1.5 rounded-full shadow-md animate-pulse inline-block whitespace-nowrap\">\n                            \ud83d\udea8 OFERTA FUNDADORES \ud83d\udea8\n                        <\/span>\n                    <\/div>\n\n                    <div>\n                        <div class=\"h-4\"><\/div> \n                        <h4 class=\"text-xl font-bold text-slate-900 mb-2 flex items-center justify-center gap-2\">\ud83d\udc8e Licencia Lifetime<\/h4>\n                        <p class=\"text-slate-400 text-base mb-4\">Valor real: <span class=\"line-through\">$20,000 MXN<\/span><\/p>\n\n                        <div id=\"contador-oferta\" class=\"mb-4\">\n                            <p class=\"text-xs font-bold text-red-500 mb-2 uppercase tracking-wider\">La oferta termina en:<\/p>\n                            <div class=\"flex justify-center gap-1.5 sm:gap-2 text-slate-800\">\n                                <div class=\"bg-slate-50 rounded-lg px-2 py-1.5 min-w-[3rem] border border-slate-200 shadow-inner\">\n                                    <span id=\"dias\" class=\"text-xl sm:text-2xl font-black text-arquiOrange-600 block leading-none\">00<\/span>\n                                    <span class=\"text-[9px] sm:text-[10px] font-bold text-slate-400 uppercase tracking-wider\">D\u00edas<\/span>\n                                <\/div>\n                                <div class=\"text-xl font-black text-slate-300 py-1\">:<\/div>\n                                <div class=\"bg-slate-50 rounded-lg px-2 py-1.5 min-w-[3rem] border border-slate-200 shadow-inner\">\n                                    <span id=\"horas\" class=\"text-xl sm:text-2xl font-black text-arquiOrange-600 block leading-none\">00<\/span>\n                                    <span class=\"text-[9px] sm:text-[10px] font-bold text-slate-400 uppercase tracking-wider\">Hrs<\/span>\n                                <\/div>\n                                <div class=\"text-xl font-black text-slate-300 py-1\">:<\/div>\n                                <div class=\"bg-slate-50 rounded-lg px-2 py-1.5 min-w-[3rem] border border-slate-200 shadow-inner\">\n                                    <span id=\"minutos\" class=\"text-xl sm:text-2xl font-black text-arquiOrange-600 block leading-none\">00<\/span>\n                                    <span class=\"text-[9px] sm:text-[10px] font-bold text-slate-400 uppercase tracking-wider\">Min<\/span>\n                                <\/div>\n                                <div class=\"text-xl font-black text-slate-300 py-1\">:<\/div>\n                                <div class=\"bg-slate-50 rounded-lg px-2 py-1.5 min-w-[3rem] border border-slate-200 shadow-inner\">\n                                    <span id=\"segundos\" class=\"text-xl sm:text-2xl font-black text-arquiOrange-600 block leading-none\">00<\/span>\n                                    <span class=\"text-[9px] sm:text-[10px] font-bold text-slate-400 uppercase tracking-wider\">Seg<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"mb-6 p-4 bg-arquiBlue-50 rounded-2xl border border-arquiBlue-100\">\n                            <span class=\"text-arquiOrange-500 font-black text-2xl sm:text-3xl transition-all duration-300\" id=\"precio-lifetime\">\ud83d\udd25 $1,197 MXN<\/span><br>\n                            <span class=\"text-xs text-arquiBlue-700 font-bold mt-1 block\">(Pago \u00danico de por vida)<\/span>\n                        <\/div>\n                        \n                        <div class=\"mb-6 text-sm text-slate-600 font-medium space-y-3 px-2 text-left\">\n                            <p class=\"flex items-start gap-2\">\n                                <svg class=\"w-5 h-5 text-green-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                                <span><strong>\u00danico pago<\/strong>, te lo quedas para siempre.<\/span>\n                            <\/p>\n                            <p class=\"flex items-start gap-2\">\n                                <svg class=\"w-5 h-5 text-green-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                                <span><strong>Proyectos ilimitados<\/strong> de por vida.<\/span>\n                            <\/p>\n                        <\/div>\n\n                        <p class=\"text-xs text-red-500 font-bold mb-6 transition-opacity duration-300\" id=\"texto-desaparecera-lifetime\">\n                            Esta opci\u00f3n desaparecer\u00e1 pronto.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"mt-auto\">\n                        <a href=\"https:\/\/arquicostos.arqfc.com\/registro?plan=lifetime\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group relative inline-flex items-center justify-center w-full overflow-hidden rounded-xl py-3 px-4 font-bold text-white bg-arquiBlue-600 hover:bg-arquiBlue-700 shadow-lg shadow-arquiBlue-500\/30 transition-all duration-300 transform hover:scale-105 active:scale-95 text-base border border-arquiBlue-500\" onclick=\"fbq('track', 'InitiateCheckout');\">\n                            <span class=\"relative z-10\">ACCESO DE POR VIDA<\/span>\n                            <div class=\"absolute inset-0 h-full w-full bg-gradient-to-tr from-transparent via-white\/20 to-transparent -translate-x-full group-hover:animate-[shimmer_1.5s_infinite]\"><\/div>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"mt-12 text-center relative z-10 max-w-5xl mx-auto\">\n                <p class=\"text-lg sm:text-xl text-arquiBlue-100 font-medium\">Con cualquier plan obtienes <strong class=\"text-white\">Soporte t\u00e9cnico dedicado<\/strong> para resolver cualquier duda.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"max-w-4xl mx-auto mt-20 mb-20 bg-slate-100 border border-slate-200 rounded-3xl p-6 sm:p-8\">\n            <div class=\"flex flex-col md:flex-row items-start md:items-center justify-between gap-6 md:gap-8 text-center md:text-left\">\n                <div class=\"flex flex-col md:flex-row items-center gap-3 flex-1 w-full\">\n                    <div class=\"w-12 h-12 rounded-full bg-white flex items-center justify-center shadow-sm text-2xl flex-shrink-0\">\u26a1<\/div>\n                    <div>\n                        <h5 class=\"font-bold text-slate-900 text-sm sm:text-base\">Acceso Autom\u00e1tico<\/h5>\n                        <p class=\"text-xs sm:text-sm text-slate-500 mt-1\">Ingresa a la plataforma al instante tras confirmar tu pago.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-col md:flex-row items-center gap-3 flex-1 w-full border-y md:border-y-0 md:border-x border-slate-300 py-6 md:py-0 md:px-6\">\n                    <div class=\"w-12 h-12 rounded-full bg-white flex items-center justify-center shadow-sm text-2xl flex-shrink-0 text-slate-700\">\n                        <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z\" clip-rule=\"evenodd\"><\/path><\/svg>\n                    <\/div>\n                    <div>\n                        <h5 class=\"font-bold text-slate-900 text-sm sm:text-base\">Pago 100% Seguro<\/h5>\n                        <p class=\"text-xs sm:text-sm text-slate-500 mt-1\">Procesado por <span class=\"font-black text-[#635BFF]\">stripe<\/span>. No guardamos tus datos.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-col md:flex-row items-center gap-3 flex-1 w-full\">\n                    <div class=\"w-12 h-12 rounded-full bg-white flex items-center justify-center shadow-sm text-2xl flex-shrink-0 text-arquiBlue-600\">\n                        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\n                    <\/div>\n                    <div>\n                        <h5 class=\"font-bold text-slate-900 text-sm sm:text-base\">Todo en tu correo<\/h5>\n                        <p class=\"text-xs sm:text-sm text-slate-500 mt-1\">Recibir\u00e1s tu factura y credenciales directamente en tu email.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"mt-12 relative overflow-hidden bg-gradient-to-br from-emerald-50 to-teal-50 border border-emerald-100 rounded-[2rem] p-8 sm:p-12 shadow-sm\">\n            <div class=\"absolute -right-10 -bottom-10 text-[15rem] opacity-5 pointer-events-none\">\ud83d\udee1\ufe0f<\/div>\n            \n            <div class=\"flex flex-col sm:flex-row items-center sm:items-start gap-8 relative z-10\">\n                <div class=\"text-6xl sm:text-7xl drop-shadow-xl animate-bounce\" style=\"animation-duration: 3s;\">\ud83d\udee1\ufe0f<\/div>\n                <div>\n                    <h3 class=\"text-2xl font-bold text-emerald-900 mb-4\">Mi Garant\u00eda de \u00abCero Estr\u00e9s\u00bb (Prueba de 7 D\u00edas)<\/h3>\n                    <p class=\"text-emerald-800 text-lg leading-relaxed font-medium\">\n                        Estoy tan seguro de que ArquiCostos Pro va a transformar tu forma de trabajar, que te ofrezco 7 d\u00edas de prueba sin riesgo. Entra, usa el cat\u00e1logo, genera tus PDFs y si no sientes que es la herramienta m\u00e1s f\u00e1cil que has usado, te devuelvo el 100% de tu dinero. Sin letras chiquitas.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"mt-20 max-w-3xl mx-auto\">\n            <div class=\"text-center mb-10\">\n                <h2 class=\"text-3xl font-extrabold text-slate-900\">Preguntas Frecuentes<\/h2>\n                <p class=\"text-slate-500 mt-2\">Todo lo que necesitas saber antes de empezar a presupuestar.<\/p>\n            <\/div>\n            \n            <div class=\"space-y-4\">\n                <details class=\"group bg-white border border-slate-200 rounded-2xl shadow-sm hover:border-arquiBlue-200 transition-colors\">\n                    <summary class=\"flex cursor-pointer items-center justify-between gap-1.5 p-6 text-slate-800 font-bold text-lg select-none\">\n                        \u00bfNecesito instalar alg\u00fan programa en mi computadora?\n                        <span class=\"shrink-0 transition duration-300 group-open:-rotate-180 text-arquiOrange-500\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"px-6 pb-6 text-slate-600 leading-relaxed\">\n                        No. ArquiCostos Pro funciona 100% en la nube. Solo necesitas una conexi\u00f3n a internet y un navegador web. Puedes usarlo desde cualquier lugar y dispositivo sin instalaciones complicadas ni descargas pesadas.\n                    <\/div>\n                <\/details>\n\n                <details class=\"group bg-white border border-slate-200 rounded-2xl shadow-sm hover:border-arquiBlue-200 transition-colors\">\n                    <summary class=\"flex cursor-pointer items-center justify-between gap-1.5 p-6 text-slate-800 font-bold text-lg select-none\">\n                        \u00bfC\u00f3mo y cu\u00e1ndo recibo mi acceso tras pagar?\n                        <span class=\"shrink-0 transition duration-300 group-open:-rotate-180 text-arquiOrange-500\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"px-6 pb-6 text-slate-600 leading-relaxed\">\n                        El acceso es inmediato. Tan pronto como tu pago sea procesado de forma segura, el sistema te enviar\u00e1 autom\u00e1ticamente un correo electr\u00f3nico con tus credenciales y el enlace directo para iniciar sesi\u00f3n. Podr\u00e1s empezar a presupuestar en ese mismo instante.\n                    <\/div>\n                <\/details>\n\n                <details class=\"group bg-white border border-slate-200 rounded-2xl shadow-sm hover:border-arquiBlue-200 transition-colors\">\n                    <summary class=\"flex cursor-pointer items-center justify-between gap-1.5 p-6 text-slate-800 font-bold text-lg select-none\">\n                        \u00bfPuedo cancelar mi plan en cualquier momento?\n                        <span class=\"shrink-0 transition duration-300 group-open:-rotate-180 text-arquiOrange-500\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"px-6 pb-6 text-slate-600 leading-relaxed\">\n                        Absolutamente. Si eliges el plan mensual, no hay plazos forzosos. Puedes cancelar tu suscripci\u00f3n con un par de clics directamente desde el panel de control de tu cuenta, sin tener que llamar a nadie.\n                    <\/div>\n                <\/details>\n\n                <details class=\"group bg-white border border-slate-200 rounded-2xl shadow-sm hover:border-arquiBlue-200 transition-colors\">\n                    <summary class=\"flex cursor-pointer items-center justify-between gap-1.5 p-6 text-slate-800 font-bold text-lg select-none\">\n                        \u00bfFunciona en Mac o es exclusivo de Windows?\n                        <span class=\"shrink-0 transition duration-300 group-open:-rotate-180 text-arquiOrange-500\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"px-6 pb-6 text-slate-600 leading-relaxed\">\n                        \u00a1Funciona perfecto en ambos! Al ser una plataforma web, es totalmente compatible con Mac (Safari, Chrome), Windows, e incluso puedes revisar tus cotizaciones desde tu iPad o tel\u00e9fono m\u00f3vil si est\u00e1s en la obra.\n                    <\/div>\n                <\/details>\n\n                <details class=\"group bg-white border border-slate-200 rounded-2xl shadow-sm hover:border-arquiBlue-200 transition-colors\">\n                    <summary class=\"flex cursor-pointer items-center justify-between gap-1.5 p-6 text-slate-800 font-bold text-lg select-none\">\n                        \u00bfQu\u00e9 pasa si tengo dudas o no s\u00e9 c\u00f3mo usar una funci\u00f3n?\n                        <span class=\"shrink-0 transition duration-300 group-open:-rotate-180 text-arquiOrange-500\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                        <\/span>\n                    <\/summary>\n                    <div class=\"px-6 pb-6 text-slate-600 leading-relaxed\">\n                        No te dejaremos solo. Tu suscripci\u00f3n incluye soporte t\u00e9cnico dedicado para resolver cualquier inconveniente, adem\u00e1s de acceso 24\/7 a nuestra biblioteca de tutoriales en video donde te explicamos paso a paso c\u00f3mo sacarle el m\u00e1ximo provecho al sistema.\n                    <\/div>\n                <\/details>\n            <\/div>\n        <\/div>\n\n        <div class=\"mt-24 bg-arquiBlue-900 relative overflow-hidden -mx-6 sm:-mx-12 -mb-12 sm:-mb-20 px-6 sm:px-12 pt-16 pb-12 sm:pb-20\">\n            <div class=\"absolute -bottom-40 -right-24 w-96 h-96 bg-arquiBlue-500\/30 rounded-full blur-3xl pointer-events-none\"><\/div>\n            <div class=\"absolute -bottom-40 -left-24 w-96 h-96 bg-arquiOrange-500\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n\n            <div class=\"relative z-10 max-w-4xl mx-auto text-center\">\n                <p class=\"text-xl sm:text-2xl text-white font-bold italic leading-relaxed mb-12 px-4 drop-shadow-md\">\n                    \u00abDeja de gastar tu tiempo en tareas que un software puede hacer por ti en segundos. Recupera tus tardes, asegura tus ganancias y proyecta la imagen profesional que tu talento merece.\u00bb\n                <\/p>\n                \n                <footer class=\"border-t border-arquiBlue-800 pt-8\">\n                    <p class=\"text-arquiBlue-50 opacity-80 text-sm font-medium\">\n                        \u00a9 <span id=\"current-year\">2026<\/span> ArquiCostos Pro. Todos los derechos reservados.\n                    <\/p>\n                <\/footer>\n            <\/div>\n        <\/div>\n\n    <\/main>\n<\/div>\n\n<a href=\"https:\/\/wa.me\/527292583446?text=Hola,%20me%20gustar%C3%ADa%20pedir%20informes%20sobre%20ArquiCostos%20Pro\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"fixed bottom-6 right-6 z-50 bg-[#25D366] text-white p-4 rounded-full shadow-[0_4px_14px_0_rgba(37,211,102,0.39)] hover:shadow-[0_6px_20px_rgba(37,211,102,0.23)] hover:scale-110 transition-all duration-300 flex items-center justify-center group\" aria-label=\"Pedir informes por WhatsApp\">\n    <svg viewBox=\"0 0 24 24\" class=\"w-8 h-8 fill-current\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.582 2.128 2.182-.573c.978.58 1.911.928 3.145.929 3.178 0 5.767-2.587 5.768-5.766.001-3.187-2.575-5.77-5.764-5.771zm3.392 8.244c-.144.405-.837.774-1.17.824-.299.045-.677.063-1.092-.069-.252-.08-.575-.187-.988-.365-1.739-.751-2.874-2.502-2.961-2.617-.087-.116-.708-.94-.708-1.793s.448-1.273.607-1.446c.159-.173.346-.217.462-.217l.332.006c.106.005.249-.04.39.298.144.347.491 1.2.534 1.287.043.087.072.188.014.304-.058.116-.087.188-.173.289l-.26.304c-.087.086-.177.18-.076.354.101.174.449.741.964 1.201.662.591 1.221.774 1.394.86s.274.072.376-.043c.101-.116.433-.506.549-.68.116-.173.231-.145.39-.087s1.011.477 1.184.564c.173.087.289.129.332.202.043.073.043.423-.101.827z\"><\/path>\n        <path d=\"M12.031 2.005c5.584 0 10.118 4.538 10.119 10.123 0 5.58-4.536 10.124-10.119 10.124-1.705 0-3.351-.432-4.81-1.256l-5.32 1.396 1.424-5.187c-.895-1.503-1.424-3.237-1.424-5.077 0-5.585 4.536-10.123 10.13-10.123m0-2.005c-6.683 0-12.119 5.438-12.119 12.123 0 2.133.564 4.143 1.558 5.922l-2.228 8.117 8.324-2.181c1.714.887 3.659 1.394 5.684 1.394 6.685 0 12.121-5.438 12.121-12.123s-5.436-12.122-12.12-12.122z\"><\/path>\n    <\/svg>\n    <span class=\"absolute right-full mr-4 bg-slate-800 text-white text-sm font-bold py-1.5 px-3 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none whitespace-nowrap shadow-md\">\n        Pedir informes\n    <\/span>\n<\/a>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        document.getElementById('current-year').textContent = new Date().getFullYear();\n        \n        \/\/ --- L\u00f3gica del Carrusel ---\n        const carousel = document.getElementById('carousel');\n        const prevBtn = document.getElementById('prevBtn');\n        const nextBtn = document.getElementById('nextBtn');\n\n        if(prevBtn && nextBtn && carousel) {\n            const getScrollAmount = () => {\n                const itemWidth = carousel.querySelector('.snap-center').offsetWidth;\n                const gap = 24; \/\/ 1.5rem = 24px (gap-6)\n                return itemWidth + gap;\n            };\n\n            const scrollNext = () => {\n                if (carousel.scrollLeft + carousel.clientWidth >= carousel.scrollWidth - 10) {\n                    carousel.scrollTo({ left: 0, behavior: 'smooth' });\n                } else {\n                    carousel.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\n                }\n            };\n\n            const scrollPrev = () => {\n                if (carousel.scrollLeft <= 10) {\n                    carousel.scrollTo({ left: carousel.scrollWidth, behavior: 'smooth' });\n                } else {\n                    carousel.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\n                }\n            };\n\n            prevBtn.addEventListener('click', () => {\n                scrollPrev();\n                resetAutoplay(); \n            });\n            nextBtn.addEventListener('click', () => {\n                scrollNext();\n                resetAutoplay();\n            });\n\n            let autoplayInterval;\n            const startAutoplay = () => {\n                autoplayInterval = setInterval(scrollNext, 3000);\n            };\n            const stopAutoplay = () => {\n                clearInterval(autoplayInterval);\n            };\n            const resetAutoplay = () => {\n                stopAutoplay();\n                startAutoplay();\n            };\n\n            carousel.addEventListener('mouseenter', stopAutoplay);\n            carousel.addEventListener('mouseleave', startAutoplay);\n            prevBtn.addEventListener('mouseenter', stopAutoplay);\n            nextBtn.addEventListener('mouseenter', stopAutoplay);\n\n            startAutoplay();\n        }\n\n        \/\/ --- L\u00f3gica de los Contadores (Superior y de Oferta) ---\n        function actualizarContadores() {\n            const ahora = new Date().getTime();\n            \n            \/\/ Fase 1: Termina el 24 de mayo de 2026 a las 23:59:59\n            const fechaFase1 = new Date('2026-05-24T23:59:59').getTime();\n            \n            \/\/ Fase 2: Termina el 31 de mayo de 2026 a las 23:59:59\n            const fechaFase2 = new Date('2026-05-31T23:59:59').getTime();\n\n            let fechaObjetivo = fechaFase1;\n            let faseOferta = 1;\n\n            \/\/ Si ya pasamos la fase 1, apuntamos a la fase 2\n            if (ahora > fechaFase1) {\n                fechaObjetivo = fechaFase2;\n                faseOferta = 2;\n            }\n\n            \/\/ Si ya pasamos la fase 2, se acab\u00f3 la oferta especial\n            if (ahora > fechaFase2) {\n                faseOferta = 3; \n            }\n\n            const badgeFundadores = document.getElementById('badge-fundadores');\n            const contadorOferta = document.getElementById('contador-oferta');\n            const textoDesaparecera = document.getElementById('texto-desaparecera-lifetime');\n            const precioLifetime = document.getElementById('precio-lifetime');\n            \n            const barraTopEscritorio = document.getElementById('barra-contador-top');\n            const barraTopMovil = document.getElementById('barra-contador-top-movil');\n\n            \/\/ Aplicar cambios visuales si la oferta termin\u00f3 completamente\n            if (faseOferta === 3) {\n                if (badgeFundadores) badgeFundadores.style.display = 'none';\n                if (contadorOferta) contadorOferta.style.display = 'none';\n                if (textoDesaparecera) textoDesaparecera.style.display = 'none';\n                if (barraTopEscritorio) barraTopEscritorio.style.display = 'none';\n                if (barraTopMovil) barraTopMovil.style.display = 'none';\n                \n                if (precioLifetime) {\n                    precioLifetime.innerHTML = '\ud83d\udd25 $1,499 MXN';\n                    precioLifetime.classList.remove('text-arquiOrange-500');\n                    precioLifetime.classList.add('text-slate-800'); \/\/ Un poco menos llamativo\n                }\n                \n                return; \/\/ Detenemos la ejecuci\u00f3n del contador\n            }\n\n            \/\/ C\u00e1lculos matem\u00e1ticos del tiempo restante\n            const distancia = fechaObjetivo - ahora;\n            const dias = Math.floor(distancia \/ (1000 * 60 * 60 * 24));\n            const horas = Math.floor((distancia % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n            const minutos = Math.floor((distancia % (1000 * 60 * 60)) \/ (1000 * 60));\n            const segundos = Math.floor((distancia % (1000 * 60)) \/ 1000);\n\n            \/\/ Cadenas formateadas a 2 d\u00edgitos\n            const dStr = dias.toString().padStart(2, '0');\n            const hStr = horas.toString().padStart(2, '0');\n            const mStr = minutos.toString().padStart(2, '0');\n            const sStr = segundos.toString().padStart(2, '0');\n\n            \/\/ --- Actualizar Contenedor Principal (Tarjeta Lifetime) ---\n            const elDias = document.getElementById('dias');\n            const elHoras = document.getElementById('horas');\n            const elMinutos = document.getElementById('minutos');\n            const elSegundos = document.getElementById('segundos');\n\n            if(elDias) elDias.innerText = dStr;\n            if(elHoras) elHoras.innerText = hStr;\n            if(elMinutos) elMinutos.innerText = mStr;\n            if(elSegundos) elSegundos.innerText = sStr;\n\n            \/\/ --- Actualizar Barra Superior (Escritorio) ---\n            const topDias = document.getElementById('top-dias');\n            const topHoras = document.getElementById('top-horas');\n            const topMinutos = document.getElementById('top-minutos');\n            const topSegundos = document.getElementById('top-segundos');\n\n            if(topDias) topDias.innerText = dStr;\n            if(topHoras) topHoras.innerText = hStr;\n            if(topMinutos) topMinutos.innerText = mStr;\n            if(topSegundos) topSegundos.innerText = sStr;\n\n            \/\/ --- Actualizar Barra Superior (M\u00f3vil) ---\n            const topDiasM = document.getElementById('top-dias-movil');\n            const topHorasM = document.getElementById('top-horas-movil');\n            const topMinutosM = document.getElementById('top-minutos-movil');\n            const topSegundosM = document.getElementById('top-segundos-movil');\n\n            if(topDiasM) topDiasM.innerText = dStr;\n            if(topHorasM) topHorasM.innerText = hStr;\n            if(topMinutosM) topMinutosM.innerText = mStr;\n            if(topSegundosM) topSegundosM.innerText = sStr;\n        }\n\n        \/\/ Iniciar ciclo de actualizaci\u00f3n\n        actualizarContadores(); \/\/ Llama inmediatamente\n        setInterval(actualizarContadores, 1000); \/\/ Llama cada segundo\n    });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ArquiCostos Pro &#8211; El Atajo para Presupuestos \ud83d\udea8 Oferta Fundadores termina en: 00 D\u00edas : 00 Hrs : 00 Min : 00 Seg \ud83d\udea8 Termina en: 00 D\u00edas : 00 Hrs : 00 Min : 00 Seg La forma m\u00e1s r\u00e1pida para crear Presupuestos de Obra Exactos y Profesionales. Dile adi\u00f3s al caos de Excel&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","iawp_total_views":3492,"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arqfc.com\/ofertas\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arqfc.com\/ofertas\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arqfc.com\/ofertas\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arqfc.com\/ofertas\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arqfc.com\/ofertas\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":26,"href":"https:\/\/arqfc.com\/ofertas\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":548,"href":"https:\/\/arqfc.com\/ofertas\/wp-json\/wp\/v2\/pages\/46\/revisions\/548"}],"wp:attachment":[{"href":"https:\/\/arqfc.com\/ofertas\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}