{"id":91327,"date":"2025-09-24T23:18:22","date_gmt":"2025-09-24T21:18:22","guid":{"rendered":"https:\/\/ohmycad.com\/simulador-de-precios\/"},"modified":"2026-01-12T14:02:05","modified_gmt":"2026-01-12T13:02:05","slug":"simulador-de-precios","status":"publish","type":"page","link":"https:\/\/ohmycad.com\/es\/simulador-de-precios\/","title":{"rendered":"Simulador de precios"},"content":{"rendered":"
\n
\n


\n
\n Calculadora SOLIDWORKS v13 - Ohmycad.com<\/title><br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><\/p>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');<\/p>\n<p> body {\n font-family: 'Inter', sans-serif;\n }<\/p>\n<p> button {\n font-family: 'Inter', sans-serif;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }<\/p>\n<p> .gradient-bg {\n background: linear-gradient(135deg, #008cdf 0%, #3b82f6 25%, #60a5fa 50%, #93c5fd 75%, #dbeafe 100%);\n }<\/p>\n<p> .glass-effect {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n }<\/p>\n<p> .card-hover {\n transition: all 0.3s ease;\n transform: translateY(0);\n }<\/p>\n<p> .card-hover:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n }<\/p>\n<p> .slider {\n -webkit-appearance: none;\n appearance: none;\n height: 8px;\n border-radius: 5px;\n background: #e5e7eb;\n outline: none;\n }<\/p>\n<p> .slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: linear-gradient(135deg, #008cdf, #0066b3);\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(0, 140, 223, 0.3);\n }<\/p>\n<p> .slider::-moz-range-thumb {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: linear-gradient(135deg, #008cdf, #0066b3);\n cursor: pointer;\n border: none;\n box-shadow: 0 4px 12px rgba(0, 140, 223, 0.3);\n }<\/p>\n<p> .strikethrough {\n position: relative;\n }<\/p>\n<p> .strikethrough::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 2px;\n background: #ef4444;\n transform: rotate(-2deg);\n }<\/p>\n<p> .step {\n display: none;\n }<\/p>\n<p> .step.active {\n display: block;\n }<\/p>\n<p> .price-blur {\n filter: blur(4px);\n pointer-events: none;\n }\n <\/style>\n<p> <!-- Bandeau moderne en haut --><\/p>\n<div class=\"container mx-auto px-4 py-3\">\n<div class=\"bg-gradient-to-r from-blue-600 via-blue-700 to-indigo-800 text-white py-4 shadow-lg rounded-3xl\">\n<div class=\"text-center\">\n<h1 class=\"text-2xl font-bold mb-2\" style=\"color: white !important; font-size: 24px;\">\n \u26a1 Simulador de precios SOLIDWORKS x Ohmycad<br \/>\n <\/h1>\n<p class=\"text-blue-100 text-sm\">\n Descubre tu oferta personalizada en unos pocos clics\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"container mx-auto px-4 py-8\">\n <!-- Step 1: Type de client --><\/p>\n<div id=\"step-1\" class=\"step active\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-2xl mx-auto relative\">\n <!-- Back button integrated --><\/p>\n<div id=\"back-button\" class=\"absolute top-4 left-4\" style=\"display: none;\">\n <button onclick=\"goBack()\" class=\"flex items-center text-gray-600 hover:text-blue-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\"><br \/>\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<p> <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<h2 class=\"font-bold text-gray-800 mb-6 text-center\" style=\"font-size: 16px;\">\n \ud83c\udfaf \u00bfCu\u00e1l es tu perfil?<br \/>\n <\/h2>\n<div class=\"grid md:grid-cols-2 gap-4\">\n <button onclick=\"setClientType('particulier')\" class=\"p-6 border-2 border-gray-300 rounded-xl text-gray-700 font-medium hover:border-blue-500 hover:text-blue-600 transition-all duration-200 text-center\"><\/p>\n<div class=\"text-4xl mb-3\">\ud83d\udc64<\/div>\n<div class=\"font-semibold\">Individual<\/div>\n<div class=\"text-sm text-gray-500\">Uso personal, hobby<\/div>\n<p> <\/button><\/p>\n<p> <button onclick=\"setClientType('professionnel')\" class=\"p-6 border-2 border-gray-300 rounded-xl text-gray-700 font-medium hover:border-blue-500 hover:text-blue-600 transition-all duration-200 text-center\"><\/p>\n<div class=\"text-4xl mb-3\">\ud83c\udfe2<\/div>\n<div class=\"font-semibold\">Profesional<\/div>\n<div class=\"text-sm text-gray-500\">Startup, PYME, Aut\u00f3nomos<\/div>\n<p> <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Step 2: Utilise d\u00e9j\u00e0 SOLIDWORKS --><\/p>\n<div id=\"step-2\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-2xl mx-auto relative\">\n <!-- Back button integrated --><\/p>\n<div class=\"absolute top-4 left-4\">\n <button onclick=\"goBack()\" class=\"flex items-center text-gray-600 hover:text-blue-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\"><br \/>\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<p> <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<h2 class=\"font-bold text-gray-800 mb-6 text-center\" style=\"font-size: 16px;\">\n \ud83d\udcca \u00bfYa utilizas SOLIDWORKS?<br \/>\n <\/h2>\n<div class=\"grid md:grid-cols-2 gap-4\">\n <button onclick=\"setUsesSOLIDWORKS(true)\" class=\"p-6 border-2 border-gray-300 rounded-xl text-gray-700 font-medium hover:border-blue-500 hover:text-blue-600 transition-all duration-200 text-center\"><\/p>\n<div class=\"text-4xl mb-3\">\u2705<\/div>\n<div class=\"font-semibold\">S\u00ed<\/div>\n<div class=\"text-sm text-gray-500\">Tenemos licencias<\/div>\n<p> <\/button><\/p>\n<p> <button onclick=\"setUsesSOLIDWORKS(false)\" class=\"p-6 border-2 border-gray-300 rounded-xl text-gray-700 font-medium hover:border-blue-500 hover:text-blue-600 transition-all duration-200 text-center\"><\/p>\n<div class=\"text-4xl mb-3\">\u274c<\/div>\n<div class=\"font-semibold\">No<\/div>\n<div class=\"text-sm text-gray-500\">Descubrimos<\/div>\n<p> <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Step 3: Maintenance (si utilise d\u00e9j\u00e0) --><\/p>\n<div id=\"step-3\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-2xl mx-auto relative\">\n <!-- Back button integrated --><\/p>\n<div class=\"absolute top-4 left-4\">\n <button onclick=\"goBack()\" class=\"flex items-center text-gray-600 hover:text-blue-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\"><br \/>\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<p> <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<h2 class=\"font-bold text-gray-800 mb-6 text-center\" style=\"font-size: 16px;\">\n \ud83d\udd27 \u00bfEst\u00e1s en mantenimiento de SOLIDWORKS?<br \/>\n <\/h2>\n<div class=\"grid md:grid-cols-2 gap-4\">\n <button onclick=\"setMaintenance(true)\" class=\"p-6 border-2 border-gray-300 rounded-xl text-gray-700 font-medium hover:border-green-500 hover:text-green-600 transition-all duration-200 text-center\"><\/p>\n<div class=\"text-4xl mb-3\">\u2705<\/div>\n<div class=\"font-semibold\">En mantenimiento<\/div>\n<div class=\"text-sm text-gray-500\">Mantenimiento activo<\/div>\n<p> <\/button><\/p>\n<p> <button onclick=\"setMaintenance(false)\" class=\"p-6 border-2 border-gray-300 rounded-xl text-gray-700 font-medium hover:border-red-500 hover:text-red-600 transition-all duration-200 text-center\"><\/p>\n<div class=\"text-4xl mb-3\">\u274c<\/div>\n<div class=\"font-semibold\">Sin mantenimiento<\/div>\n<div class=\"text-sm text-gray-500\">Mantenimiento caducado<\/div>\n<p> <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Step 4: Satisfaction (si sous maintenance) --><\/p>\n<div id=\"step-4\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-2xl mx-auto relative\">\n <!-- Back button integrated --><\/p>\n<div class=\"absolute top-4 left-4\">\n <button onclick=\"goBack()\" class=\"flex items-center text-gray-600 hover:text-blue-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\"><br \/>\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<p> <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<h2 class=\"font-bold text-gray-800 mb-6 text-center\" style=\"font-size: 16px;\">\n \ud83d\ude0a \u00bfVa todo bien con SOLIDWORKS?<br \/>\n <\/h2>\n<div class=\"grid md:grid-cols-2 gap-4\">\n <button onclick=\"setSatisfaction(true)\" class=\"p-6 border-2 border-gray-300 rounded-xl text-gray-700 font-medium hover:border-green-500 hover:text-green-600 transition-all duration-200 text-center\"><\/p>\n<div class=\"text-4xl mb-3\">\ud83d\udc4d<\/div>\n<div class=\"font-semibold\">S\u00ed, perfecto<\/div>\n<div class=\"text-sm text-gray-500\">Todo va bien<\/div>\n<p> <\/button><\/p>\n<p> <button onclick=\"setSatisfaction(false)\" class=\"p-6 border-2 border-gray-300 rounded-xl text-gray-700 font-medium hover:border-red-500 hover:text-red-600 transition-all duration-200 text-center\"><\/p>\n<div class=\"text-4xl mb-3\">\ud83d\udc4e<\/div>\n<div class=\"font-semibold\">No, problemas<\/div>\n<div class=\"text-sm text-gray-500\">Necesitas ayuda<\/div>\n<p> <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Step 5: Options sans maintenance --><\/p>\n<div id=\"step-5\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-2xl mx-auto relative\">\n <!-- Back button integrated --><\/p>\n<div class=\"absolute top-4 left-4\">\n <button onclick=\"goBack()\" class=\"flex items-center text-gray-600 hover:text-blue-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\"><br \/>\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<p> <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<h2 class=\"font-bold text-gray-800 mb-6 text-center\" style=\"font-size: 16px;\">\n \ud83d\udca1 \u00bfC\u00f3mo quieres proceder?<br \/>\n <\/h2>\n<div class=\"space-y-4\">\n <button onclick=\"showContactForm('custom')\" class=\"w-full p-6 border-2 border-gray-300 rounded-xl text-gray-700 font-medium hover:border-blue-500 hover:text-blue-600 transition-all duration-200 text-left\"><\/p>\n<div class=\"flex items-center\">\n<div class=\"text-3xl mr-4\">\ud83d\udcde<\/div>\n<div>\n<div class=\"font-semibold\">Ser contactado para una oferta a medida<\/div>\n<div class=\"text-sm text-gray-500\">Un experto te devuelve la llamada<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/button><\/p>\n<p> <button onclick=\"showMaintenanceCalculator()\" class=\"w-full p-6 border-2 border-gray-300 rounded-xl text-gray-700 font-medium hover:border-blue-500 hover:text-blue-600 transition-all duration-200 text-left\"><\/p>\n<div class=\"flex items-center\">\n<div class=\"text-3xl mr-4\">\ud83e\uddee<\/div>\n<div>\n<div class=\"font-semibold\">Simula mi oferta de mejora<\/div>\n<div class=\"text-sm text-gray-500\">Calculadora interactiva<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Step 6: Informations entreprise (nouveaux clients) --><\/p>\n<div id=\"step-6\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-2xl mx-auto relative\">\n <!-- Back button integrated --><\/p>\n<div class=\"absolute top-4 left-4\">\n <button onclick=\"goBack()\" class=\"flex items-center text-gray-600 hover:text-blue-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\"><br \/>\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<p> <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<h2 class=\"font-bold text-gray-800 mb-6 text-center\" style=\"font-size: 16px;\">\n \ud83c\udfe2 H\u00e1blanos de tu empresa<br \/>\n <\/h2>\n<div class=\"space-y-6\">\n <!-- Ann\u00e9e de cr\u00e9ation --><\/p>\n<div>\n <label class=\"block text-lg font-semibold text-gray-700 mb-4\"><br \/>\n A\u00f1o de creaci\u00f3n: <span id=\"company-year\" class=\"text-blue-600\">2020<\/span><br \/>\n <\/label><br \/>\n <input type=\"range\" id=\"company-year-slider\" class=\"slider w-full\" min=\"1990\" max=\"2025\" value=\"2020\" step=\"1\"><\/p>\n<div class=\"flex justify-between text-xs text-gray-500 mt-2\">\n <span>1990<\/span><br \/>\n <span>2007<\/span><br \/>\n <span>2025<\/span>\n <\/div>\n<\/p><\/div>\n<p> <!-- CA cumul\u00e9 --><\/p>\n<div>\n <label class=\"block text-lg font-semibold text-gray-700 mb-4\"><br \/>\n Ventas acumuladas: <span id=\"ca-display\" class=\"text-blue-600\">100.000 - 500.000 euros<\/span><br \/>\n <\/label><br \/>\n <input type=\"range\" id=\"ca-slider\" class=\"slider w-full\" min=\"0\" max=\"4\" value=\"1\" step=\"1\"><\/p>\n<div class=\"flex justify-between text-xs text-gray-500 mt-2\">\n <span>0-100k\u20ac<\/span><br \/>\n <span>500k-\u20ac1M<\/span><br \/>\n <span>5M\u20ac+<\/span>\n <\/div>\n<\/p><\/div>\n<p> <!-- Fonds lev\u00e9s --><\/p>\n<div>\n <label class=\"block text-lg font-semibold text-gray-700 mb-4\"><br \/>\n Fondos recaudados: <span id=\"funding-display\" class=\"text-blue-600\">0 - 50.000<\/span><br \/>\n <\/label><br \/>\n <input type=\"range\" id=\"funding-slider\" class=\"slider w-full\" min=\"0\" max=\"4\" value=\"1\" step=\"1\"><\/p>\n<div class=\"flex justify-between text-xs text-gray-500 mt-2\">\n <span>No<\/span><br \/>\n <span>200k - 1M<\/span><br \/>\n <span>1M\u20ac+<\/span>\n <\/div>\n<\/p><\/div>\n<p> <button onclick=\"nextStep()\" id=\"company-info-next\" class=\"w-full bg-gradient-to-r from-blue-500 to-blue-600 text-white font-semibold py-4 px-8 rounded-xl hover:from-blue-600 hover:to-blue-700 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed\" disabled><br \/>\n Contin\u00faa en<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Step 7: Besoins --><\/p>\n<div id=\"step-7\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-2xl mx-auto relative\">\n <!-- Back button integrated --><\/p>\n<div class=\"absolute top-4 left-4\">\n <button onclick=\"goBack()\" class=\"flex items-center text-gray-600 hover:text-blue-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\"><br \/>\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<p> <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<h2 class=\"font-bold text-gray-800 mb-6 text-center\" style=\"font-size: 16px;\">\n \ud83c\udfaf \u00bfCu\u00e1les son tus necesidades?<br \/>\n <\/h2>\n<div class=\"space-y-6\">\n <!-- Cases \u00e0 cocher besoins --><\/p>\n<div class=\"bg-gradient-to-br from-blue-50 to-indigo-50 rounded-xl p-6 border border-blue-100\">\n <label class=\"block text-lg font-semibold text-gray-800 mb-6 text-center\"><br \/>\n \ud83c\udfaf Caracter\u00edsticas deseadas<br \/>\n <\/label><\/p>\n<div class=\"space-y-4\">\n<div class=\"grid md:grid-cols-2 gap-4\">\n <label class=\"flex items-start p-4 bg-white border-2 border-gray-200 rounded-xl hover:border-blue-300 hover:shadow-md cursor-pointer transition-all duration-200\"><br \/>\n <input type=\"checkbox\" id=\"need-simulation\" class=\"mr-3 mt-1 text-blue-600\"><\/p>\n<div>\n<div class=\"font-semibold text-gray-800\">Simulaci\u00f3n lineal<\/div>\n<div class=\"text-sm text-gray-500\">An\u00e1lisis de elementos finitos, Predimensionamiento<\/div>\n<\/p><\/div>\n<p> <\/label><br \/>\n <label class=\"flex items-start p-4 bg-white border-2 border-gray-200 rounded-xl hover:border-blue-300 hover:shadow-md cursor-pointer transition-all duration-200\"><br \/>\n <input type=\"checkbox\" id=\"need-advanced-simulation\" class=\"mr-3 mt-1 text-blue-600\"><\/p>\n<div>\n<div class=\"font-semibold text-gray-800\">Simulaci\u00f3n avanzada<\/div>\n<div class=\"text-sm text-gray-500\">CFD, Electromagn\u00e9tico, no lineal<\/div>\n<\/p><\/div>\n<p> <\/label><br \/>\n <label class=\"flex items-start p-4 bg-white border-2 border-gray-200 rounded-xl hover:border-blue-300 hover:shadow-md cursor-pointer transition-all duration-200\"><br \/>\n <input type=\"checkbox\" id=\"need-rendering\" class=\"mr-3 mt-1 text-blue-600\"><\/p>\n<div>\n<div class=\"font-semibold text-gray-800\">Renderizado fotorrealista<\/div>\n<div class=\"text-sm text-gray-500\">Visualizaci\u00f3n, animaciones<\/div>\n<\/p><\/div>\n<p> <\/label><br \/>\n <label class=\"flex items-start p-4 bg-white border-2 border-gray-200 rounded-xl hover:border-blue-300 hover:shadow-md cursor-pointer transition-all duration-200\"><br \/>\n <input type=\"checkbox\" id=\"need-multiuser\" class=\"mr-3 mt-1 text-blue-600\"><\/p>\n<div>\n<div class=\"font-semibold text-gray-800\">Trabajo en colaboraci\u00f3n<\/div>\n<div class=\"text-sm text-gray-500\">Multipost, compartir<\/div>\n<\/p><\/div>\n<p> <\/label><br \/>\n <label class=\"flex items-start p-4 bg-white border-2 border-gray-200 rounded-xl hover:border-blue-300 hover:shadow-md cursor-pointer transition-all duration-200\"><br \/>\n <input type=\"checkbox\" id=\"need-pdm\" class=\"mr-3 mt-1 text-blue-600\"><\/p>\n<div>\n<div class=\"font-semibold text-gray-800\">Gesti\u00f3n de datos<\/div>\n<div class=\"text-sm text-gray-500\">PDM, versiones, flujo de trabajo<\/div>\n<\/p><\/div>\n<p> <\/label><br \/>\n <label class=\"flex items-start p-4 bg-white border-2 border-gray-200 rounded-xl hover:border-blue-300 hover:shadow-md cursor-pointer transition-all duration-200\"><br \/>\n <input type=\"checkbox\" id=\"need-bom\" class=\"mr-3 mt-1 text-blue-600\"><\/p>\n<div>\n<div class=\"font-semibold text-gray-800\">Gesti\u00f3n de la lista de materiales<\/div>\n<div class=\"text-sm text-gray-500\">Lista de materiales, c\u00e1lculo de costes, ERP<\/div>\n<\/p><\/div>\n<p> <\/label><br \/>\n <label class=\"flex items-start p-4 bg-white border-2 border-gray-200 rounded-xl hover:border-blue-300 hover:shadow-md cursor-pointer transition-all duration-200\"><br \/>\n <input type=\"checkbox\" id=\"need-cam\" class=\"mr-3 mt-1 text-blue-600\"><\/p>\n<div>\n<div class=\"font-semibold text-gray-800\">Fabricaci\u00f3n CAM<\/div>\n<div class=\"text-sm text-gray-500\">Mecanizado, trayectorias<\/div>\n<\/p><\/div>\n<p> <\/label>\n <\/div>\n<div class=\"border-t border-gray-200 pt-4\">\n <label class=\"flex items-start p-4 bg-orange-50 border-2 border-orange-200 rounded-xl hover:border-orange-300 hover:shadow-md cursor-pointer transition-all duration-200\"><br \/>\n <input type=\"checkbox\" id=\"need-no-idea\" class=\"mr-3 mt-1 text-orange-600\"><\/p>\n<div>\n<div class=\"font-semibold text-orange-800\">\u2753 Ni idea<\/div>\n<div class=\"text-sm text-orange-600\">D\u00e9janos asesorarte<\/div>\n<\/p><\/div>\n<p> <\/label>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Nombre d'utilisateurs --><\/p>\n<div>\n <label class=\"block text-lg font-semibold text-gray-700 mb-4\"><br \/>\n N\u00famero de usuarios CAD: <span id=\"users-count\" class=\"text-blue-600\">2<\/span><br \/>\n <\/label><br \/>\n <input type=\"range\" id=\"users-slider\" class=\"slider w-full\" min=\"1\" max=\"20\" value=\"2\" step=\"1\"><\/p>\n<div class=\"flex justify-between text-xs text-gray-500 mt-2\">\n <span>1<\/span><br \/>\n <span>10<\/span><br \/>\n <span>20<\/span>\n <\/div>\n<\/p><\/div>\n<p> <!-- Prestation de service --><\/p>\n<div>\n <label class=\"block text-lg font-semibold text-gray-700 mb-4\"><br \/>\n \u00bfS\u00f3lo prestas servicios?<br \/>\n <\/label><\/p>\n<div class=\"grid md:grid-cols-2 gap-4\">\n <label class=\"flex items-center p-4 border-2 rounded-xl cursor-pointer hover:border-blue-500\"><br \/>\n <input type=\"radio\" name=\"service-only\" value=\"yes\" class=\"mr-3 text-blue-600\"><br \/>\n <span>S\u00ed, s\u00f3lo<\/span><br \/>\n <\/label><br \/>\n <label class=\"flex items-center p-4 border-2 rounded-xl cursor-pointer hover:border-blue-500\"><br \/>\n <input type=\"radio\" name=\"service-only\" value=\"no\" class=\"mr-3 text-blue-600\"><br \/>\n <span>No, producimos<\/span><br \/>\n <\/label>\n <\/div>\n<\/p><\/div>\n<p> <button onclick=\"showNewClientForm()\" class=\"w-full bg-gradient-to-r from-blue-500 to-blue-600 text-white font-semibold py-4 px-8 rounded-xl hover:from-blue-600 hover:to-blue-700 transition-all duration-200\"><br \/>\n Calcular mi oferta<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Messages de fin --><\/p>\n<div id=\"satisfied-message\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-2xl mx-auto text-center relative\">\n <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<div class=\"text-6xl mb-4\">\ud83d\udc4d<\/div>\n<h2 class=\"font-bold text-gray-800 mb-4\" style=\"font-size: 16px;\">\u00a1Estupendo!<\/h2>\n<p class=\"text-lg text-gray-600 mb-6\">\n Nada que mejorar. \u00bfQuieres que hablemos de otro enfoque?\n <\/p>\n<div class=\"space-y-4\">\n <button onclick=\"showContactForm('discuss')\" class=\"w-full bg-gradient-to-r from-blue-500 to-blue-600 text-white font-semibold py-4 px-8 rounded-xl hover:from-blue-600 hover:to-blue-700 transition-all duration-200\"><br \/>\n S\u00ed, hablemos<br \/>\n <\/button><br \/>\n <button onclick=\"showGoodbyeMessage()\" class=\"w-full bg-gray-200 text-gray-800 py-4 px-8 rounded-xl hover:bg-gray-300 transition-colors\"><br \/>\n No, \u00a1que tengas un buen d\u00eda!<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"goodbye-message\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-2xl mx-auto text-center relative\">\n <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<div class=\"text-6xl mb-4\">\ud83d\udc4b<\/div>\n<h2 class=\"font-bold text-gray-800 mb-4\" style=\"font-size: 16px;\">\u00a1Que tengas un buen d\u00eda!<\/h2>\n<p class=\"text-lg text-gray-600\">\n Gracias por tu visita. No dudes en volver si tienes alguna pregunta.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Message particuliers --><\/p>\n<div id=\"particulier-message\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-2xl mx-auto text-center relative\">\n <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<div class=\"text-6xl mb-4\">\ud83d\udc64<\/div>\n<h2 class=\"font-bold text-gray-800 mb-4\" style=\"font-size: 16px;\">Lo siento.<\/h2>\n<p class=\"text-lg text-gray-600 mb-6\">\n SOLIDWORKS trata directamente con particulares.<br \/> Puedes hacer clic en este bot\u00f3n de la parte inferior para acceder a tus ofertas.\n <\/p>\n<p> <button onclick=\"window.open('https:\/\/www.solidworks.com\/fr\/solution\/solidworks-makers', '_blank', 'noopener,noreferrer')\" class=\"bg-gradient-to-r from-blue-500 to-blue-600 text-white font-semibold py-4 px-8 rounded-xl hover:from-blue-600 hover:to-blue-700 transition-all duration-200\"><br \/>\n Ir a SOLIDWORKS para creadores<br \/>\n <\/button><\/p>\n<p class=\"text-sm text-gray-500 mt-4\">\n Desde 4 euros\/mes\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Startup Eligibility Form --><\/p>\n<div id=\"startup-eligibility-form\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-lg mx-auto\">\n<h3 class=\"font-bold text-gray-800 mb-6 text-center\" style=\"font-size: 16px;\">\n \ud83d\ude80 Comprobar mi elegibilidad para la Startup<br \/>\n <\/h3>\n<form id=\"startup-eligibility-form-element\" class=\"space-y-4\">\n<div class=\"grid md:grid-cols-2 gap-4\">\n <input type=\"text\" placeholder=\"Nombre\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"text\" placeholder=\"Nombre\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\">\n <\/div>\n<p> <input type=\"text\" placeholder=\"Empresa\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"email\" placeholder=\"Env\u00eda un correo electr\u00f3nico a\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"tel\" placeholder=\"Tel\u00e9fono\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><\/p>\n<p> <label class=\"flex items-start\"><br \/>\n <input type=\"checkbox\" required=\"\" class=\"mr-3 mt-1 text-blue-600\"><br \/>\n <span class=\"text-sm text-gray-600\"><br \/>\n Autorizo a Ohmycad a ponerse en contacto conmigo en relaci\u00f3n con esta solicitud<br \/>\n <\/span><br \/>\n <\/label><\/p>\n<p> <button type=\"submit\" class=\"w-full bg-gradient-to-r from-green-500 to-green-600 text-white font-semibold py-4 px-8 rounded-xl hover:from-green-600 hover:to-green-700 transition-all duration-200\"><br \/>\n Comprobar mi elegibilidad<br \/>\n <\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Startup Eligibility --><\/p>\n<div id=\"startup-eligible\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-2xl mx-auto\">\n<div class=\"text-center mb-8\">\n<div class=\"text-6xl mb-4\">\ud83c\udf89<\/div>\n<h2 class=\"text-xl font-bold text-green-600 mb-4\">\u00a1Enhorabuena!<\/h2>\n<p class=\"text-lg text-gray-600 mb-6\">\n Puedes optar al programa SOLIDWORKS Startup<br \/> <strong>\u00a1Licencias gratuitas durante 1 a\u00f1o!<\/strong>\n <\/p>\n<\/p><\/div>\n<p> <!-- Offre Premium Startup --><\/p>\n<div style=\"border: 4px solid #00C19F; background: linear-gradient(135deg, #e6f9f5 0%, #f0fdfa 100%);\" class=\"rounded-2xl p-6 mb-8\">\n<div class=\"text-center mb-4\">\n<div class=\"inline-block text-white px-4 py-2 rounded-full text-sm font-semibold mb-3\" style=\"background: #00C19F;\">\n \ud83d\ude80 OFERTA EXCLUSIVA DE INICIO\n <\/div>\n<h3 class=\"text-2xl font-bold mb-2\" style=\"color: #00C19F;\">SOLIDWORKS Premium<\/h3>\n<div class=\"text-center mb-4\">\n<div class=\"text-2xl font-bold text-gray-400 strikethrough mb-2\">5.496 euros\/a\u00f1o<\/div>\n<div class=\"text-4xl font-bold\" style=\"color: #00C19F;\">0\u20ac<\/div>\n<div class=\"text-lg font-semibold\" style=\"color: #00C19F;\">El primer a\u00f1o<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Avantages --><\/p>\n<div class=\"bg-white bg-opacity-60 rounded-xl p-4 mb-4\">\n<div class=\"grid grid-cols-5 gap-2 text-center text-xs\">\n<div class=\"flex flex-col items-center\">\n<div class=\"text-lg mb-1\">\ud83d\udc65<\/div>\n<p> <span class=\"font-medium text-gray-700\">Licencias multiusuario<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-lg mb-1\">\ud83d\udcbb<\/div>\n<p> <span class=\"font-medium text-gray-700\">Instalaci\u00f3n local<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-lg mb-1\">\ud83c\udf10<\/div>\n<p> <span class=\"font-medium text-gray-700\">Almacenamiento local o en la nube<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-lg mb-1\">\ud83d\udd17<\/div>\n<p> <span class=\"font-medium text-gray-700\">3DEXPERIENCE integrada<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-lg mb-1\">\ud83d\udd04<\/div>\n<p> <span class=\"font-medium text-gray-700\">Siempre al d\u00eda<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"text-sm text-gray-700 leading-relaxed\">\n Versi\u00f3n Full Premium: Simulaci\u00f3n avanzada, renderizado fotorrealista, dise\u00f1o colaborativo\n <\/div>\n<\/p><\/div>\n<div class=\"text-center\">\n <button onclick=\"showContactForm('startup')\" class=\"bg-gradient-to-r from-green-500 to-green-600 text-white font-semibold py-4 px-8 rounded-xl hover:from-green-600 hover:to-green-700 transition-all duration-200\"><br \/>\n \ud83d\udcde Reservar una llamada para confirmar mi solicitud<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Calculateur de maintenance --><\/p>\n<div id=\"maintenance-calculator\" class=\"step\">\n<div class=\"space-y-6\">\n <!-- Configuration --><\/p>\n<div class=\"glass-effect rounded-2xl p-6 shadow-lg card-hover relative\">\n <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<div class=\"flex justify-between items-center mb-6\">\n<h3 class=\"text-xl font-semibold text-gray-800\">Configuraci\u00f3n actual<\/h3>\n<p> <button onclick=\"showMiniForm()\" class=\"bg-gradient-to-r from-blue-500 to-blue-600 text-white font-semibold py-2 px-4 rounded-lg hover:from-blue-600 hover:to-blue-700 transition-all duration-200 text-sm\"><br \/>\n \ud83d\udd13 Desbloquear precios<br \/>\n <\/button>\n <\/div>\n<div class=\"grid md:grid-cols-2 gap-6\">\n<div>\n <label class=\"block text-sm font-medium text-gray-700 mb-3\"><br \/>\n N\u00famero de licencias: <span id=\"maintenance-licenses\" class=\"font-bold text-blue-600\">5<\/span><br \/>\n <\/label><br \/>\n <input type=\"range\" id=\"maintenance-licenses-slider\" class=\"slider w-full\" min=\"1\" max=\"20\" value=\"5\" step=\"1\">\n <\/div>\n<div>\n <label class=\"block text-sm font-medium text-gray-700 mb-3\"><br \/>\n \u00daltima versi\u00f3n: <span id=\"maintenance-year\" class=\"font-bold text-blue-600\">2021<\/span><br \/>\n <\/label><br \/>\n <input type=\"range\" id=\"maintenance-year-slider\" class=\"slider w-full\" min=\"2015\" max=\"2024\" value=\"2021\" step=\"1\">\n <\/div>\n<\/p><\/div>\n<div class=\"mt-4 text-center\">\n<p class=\"text-sm text-gray-500 italic\">\n Esta simulaci\u00f3n se basa \u00fanicamente en las versiones Est\u00e1ndar, para simplificar.<br \/> Contacta con nosotros para conocer la oferta exacta para tu configuraci\u00f3n.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Calcul mise \u00e0 jour --><\/p>\n<div class=\"glass-effect rounded-2xl p-6 shadow-lg card-hover\">\n<h3 class=\"text-xl font-semibold text-gray-800 mb-6\">Coste de actualizaci\u00f3n<\/h3>\n<div id=\"maintenance-prices\" class=\"price-blur\">\n <!-- D\u00e9tails de calcul --><\/p>\n<div class=\"bg-blue-50 border border-blue-200 rounded-xl p-4 mb-4\">\n<h4 class=\"font-semibold text-blue-800 mb-3\">\ud83d\udcca Detalles del c\u00e1lculo<\/h4>\n<div class=\"grid md:grid-cols-3 gap-4 text-sm\">\n<div class=\"text-center\">\n<div class=\"font-semibold text-blue-600\">Coste unitario de mantenimiento<\/div>\n<div class=\"text-lg font-bold\">1.840 euros\/a\u00f1o<\/div>\n<\/p><\/div>\n<div class=\"text-center\">\n<div class=\"font-semibold text-orange-600\">A\u00f1os de mora obligatoria<\/div>\n<div class=\"text-lg font-bold\" id=\"arrears-years\">3<\/div>\n<\/p><\/div>\n<div class=\"text-center\">\n<div class=\"font-semibold text-red-600\">Mantenimiento obligatorio<\/div>\n<div class=\"text-lg font-bold\">3 a\u00f1os<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Co\u00fbts de mise \u00e0 jour --><\/p>\n<div class=\"bg-red-50 border border-red-200 rounded-xl p-4 space-y-3 mb-4\">\n<div class=\"flex justify-between text-sm\">\n <span>Mantenimiento atrasado:<\/span><br \/>\n <span id=\"arrears-cost\" class=\"font-semibold\">27 600\u20ac<\/span>\n <\/div>\n<div class=\"flex justify-between text-sm\">\n <span>Mantenimiento obligatorio (3 a\u00f1os)<\/span><br \/>\n <span id=\"mandatory-cost\" class=\"font-semibold\">27 600\u20ac<\/span>\n <\/div>\n<hr>\n<div class=\"flex justify-between font-bold text-lg text-red-600\">\n <span>Actualizaci\u00f3n total:<\/span><br \/>\n <span id=\"total-maintenance-cost\">55 200\u20ac<\/span>\n <\/div>\n<\/p><\/div>\n<p> <!-- Alternative Ohmycad --><\/p>\n<div style=\"background: linear-gradient(135deg, #e6f9f5 0%, #f0fdfa 100%); border: 2px solid #00C19F;\" class=\"rounded-xl p-6\">\n<div class=\"text-center mb-4\">\n<div class=\"inline-block text-white px-4 py-2 rounded-full text-sm font-semibold mb-3\" style=\"background: #00C19F;\">\n \ud83d\ude80 ALTERNATIVA OHMYCAD\n <\/div>\n<h4 class=\"font-bold text-xl mb-3\" style=\"color: #00C19F;\">Nueva generaci\u00f3n 3DEXPERIENCE SOLIDWORKS<\/h4>\n<\/p><\/div>\n<p> <!-- Avantages --><\/p>\n<div class=\"bg-white bg-opacity-60 rounded-xl p-4 mb-4\">\n<div class=\"grid grid-cols-5 gap-2 text-center text-xs\">\n<div class=\"flex flex-col items-center\">\n<div class=\"text-lg mb-1\">\ud83d\udc65<\/div>\n<p> <span class=\"font-medium text-gray-700\">Licencias multiusuario<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-lg mb-1\">\ud83d\udcbb<\/div>\n<p> <span class=\"font-medium text-gray-700\">Instalaci\u00f3n local<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-lg mb-1\">\ud83c\udf10<\/div>\n<p> <span class=\"font-medium text-gray-700\">Fuera de l\u00ednea o en la nube<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-lg mb-1\">\ud83d\udd17<\/div>\n<p> <span class=\"font-medium text-gray-700\">3DEXPERIENCE integrada<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-lg mb-1\">\ud83d\udd04<\/div>\n<p> <span class=\"font-medium text-gray-700\">Siempre al d\u00eda<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"text-center\">\n<div class=\"text-sm mb-2\" style=\"color: #00C19F;\">SOLIDWORKS Standard - 40% de descuento (3 a\u00f1os) y luego 25% (de por vida)<\/div>\n<div class=\"mb-3\">\n<div class=\"text-lg font-bold text-gray-400 strikethrough mb-1\" id=\"original-price\">17.400 euros\/a\u00f1o<\/div>\n<div class=\"text-sm text-red-500 font-semibold\">-40% y luego 25% de descuento<\/div>\n<\/p><\/div>\n<div class=\"text-center\">\n<div class=\"text-2xl font-bold\" style=\"color: #00C19F;\" id=\"subscription-annual\">10.440 euros\/a\u00f1o<\/div>\n<div class=\"text-sm\" style=\"color: #00C19F;\">para <span id=\"subscription-licenses\">5<\/span> licencias (3 primeros a\u00f1os)<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Bouton offre sur mesure --><\/p>\n<div class=\"text-center mt-6 mb-6\">\n <button onclick=\"showContactForm('custom-maintenance')\" class=\"bg-gradient-to-r from-green-500 to-green-600 text-white font-semibold py-4 px-8 rounded-xl hover:from-green-600 hover:to-green-700 transition-all duration-200 shadow-lg\"><br \/>\n \ud83d\udccb Recibe mi oferta a medida<br \/>\n <\/button><\/p>\n<p class=\"text-sm text-gray-600 mt-2\">\n Un experto se pondr\u00e1 en contacto contigo con una propuesta personalizada\n <\/p>\n<\/p><\/div>\n<p> <!-- Graphique de projection 5 ans --><\/p>\n<div id=\"cost-chart-section\" class=\"bg-white border border-gray-200 rounded-xl p-6 mt-6 price-blur\">\n<h4 class=\"text-lg font-semibold text-gray-800 mb-4 text-center\">\n \ud83d\udcca Proyecci\u00f3n de costes a 5 a\u00f1os<br \/>\n <\/h4>\n<div class=\"relative\">\n <!-- Canvas pour le graphique --><br \/>\n <canvas id=\"costChart\" width=\"800\" height=\"400\" class=\"w-full max-w-4xl mx-auto\"><\/canvas><\/p>\n<p> <!-- L\u00e9gende --><\/p>\n<div class=\"flex justify-center items-center space-x-6 mt-4 text-sm\">\n<div class=\"flex items-center\">\n<div class=\"w-4 h-4 bg-red-500 rounded mr-2\"><\/div>\n<p> <span>Actualizaci\u00f3n de SOLIDWORKS classic<\/span>\n <\/div>\n<div class=\"flex items-center\">\n<div class=\"w-4 h-4 rounded mr-2\" style=\"background: #00C19F;\"><\/div>\n<p> <span>Alternativa Ohmycad<\/span>\n <\/div>\n<\/p><\/div>\n<p> <!-- R\u00e9sum\u00e9 des \u00e9conomies --><\/p>\n<div class=\"bg-green-50 border border-green-200 rounded-xl p-4 mt-4\">\n<div class=\"text-center\">\n<div class=\"text-lg font-semibold text-green-800 mb-2\">\n \ud83d\udcb0 Ahorro durante 5 a\u00f1os\n <\/div>\n<div class=\"text-2xl font-bold text-green-600\" id=\"total-savings\">\n <!-- Sera calcul\u00e9 dynamiquement -->\n <\/div>\n<div class=\"text-sm text-green-700 mt-1\">\n es decir, <span id=\"savings-percentage\"><\/span>% de ahorro\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mt-4 text-center\">\n<p class=\"text-sm text-gray-600 mb-3\">\n \u26a0\ufe0f Los precios est\u00e1n ocultos. Rellena el formulario para desbloquearlos.\n <\/p>\n<p> <button onclick=\"showMiniForm()\" class=\"bg-gradient-to-r from-blue-500 to-blue-600 text-white font-semibold py-3 px-6 rounded-xl hover:from-blue-600 hover:to-blue-700 transition-all duration-200\"><br \/>\n Desbloquear precios<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Offres recommand\u00e9es --><\/p>\n<div id=\"recommended-offers\" class=\"step\">\n<div class=\"space-y-6\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover text-center relative\">\n <!-- Restart button --><\/p>\n<div class=\"absolute top-4 right-4\">\n <button onclick=\"restartSimulation()\" class=\"flex items-center text-gray-600 hover:text-red-600 transition-all duration-200 p-2 rounded-lg hover:bg-gray-100\" title=\"Reinicia la simulaci\u00f3n\"><br \/>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n <\/path><\/svg><br \/>\n <\/button>\n <\/div>\n<h2 class=\"text-xl font-bold text-gray-800 mb-6\">\n \ud83d\udca1 Tu oferta personalizada<br \/>\n <\/h2>\n<p> <!-- Informations importantes en haut --><\/p>\n<div class=\"bg-gradient-to-r from-green-50 to-emerald-50 border border-green-200 rounded-xl p-6 mb-8\">\n<div class=\"grid md:grid-cols-5 gap-4 text-center\">\n<div class=\"flex flex-col items-center\">\n<div class=\"text-2xl mb-2\">\ud83d\udc65<\/div>\n<p> <span class=\"text-sm font-medium text-gray-700\">Licencias multiusuario<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-2xl mb-2\">\ud83d\udcbb<\/div>\n<p> <span class=\"text-sm font-medium text-gray-700\">Instalaci\u00f3n local<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-2xl mb-2\">\ud83c\udf10<\/div>\n<p> <span class=\"text-sm font-medium text-gray-700\">Almacenamiento local o en la nube<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-2xl mb-2\">\ud83d\udd17<\/div>\n<p> <span class=\"text-sm font-medium text-gray-700\">3DEXPERIENCE integrada<\/span>\n <\/div>\n<div class=\"flex flex-col items-center\">\n<div class=\"text-2xl mb-2\">\ud83d\udd04<\/div>\n<p> <span class=\"text-sm font-medium text-gray-700\">Siempre al d\u00eda<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Offre recommand\u00e9e mise en avant --><\/p>\n<div id=\"recommended-offer-highlight\" class=\"mb-8\">\n <!-- Sera rempli dynamiquement -->\n <\/div>\n<p> <!-- Autres offres --><\/p>\n<div class=\"grid md:grid-cols-3 gap-4 mb-8\">\n <!-- Standard --><\/p>\n<div id=\"standard-card\" class=\"border-2 border-gray-200 rounded-xl p-4\">\n<h3 class=\"text-md font-semibold mb-2\">SOLIDWORKS Est\u00e1ndar<\/h3>\n<div class=\"text-xs text-gray-600 mb-3\">\n Modelado 3D + dibujos\n <\/div>\n<div class=\"text-center\">\n<div class=\"text-lg font-bold text-blue-600\">3 480\u20ac\/a\u00f1o<\/div>\n<div class=\"text-xs text-gray-500\">290\/mes<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Professional --><\/p>\n<div id=\"professional-card\" class=\"border-2 border-gray-200 rounded-xl p-4\">\n<h3 class=\"text-md font-semibold mb-2\">SOLIDWORKS Profesional<\/h3>\n<div class=\"text-xs text-gray-600 mb-3\">\n Est\u00e1ndar + renderizado + productividad\n <\/div>\n<div class=\"text-center\">\n<div class=\"text-lg font-bold text-blue-600\">4.152 euros\/a\u00f1o<\/div>\n<div class=\"text-xs text-gray-500\">346\/mes<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Premium --><\/p>\n<div id=\"premium-card\" class=\"border-2 border-gray-200 rounded-xl p-4\">\n<h3 class=\"text-md font-semibold mb-2\">SOLIDWORKS Premium<\/h3>\n<div class=\"text-xs text-gray-600 mb-3\">\n Profesional + simulaci\u00f3n + enrutamiento\n <\/div>\n<div class=\"text-center\">\n<div class=\"text-lg font-bold text-blue-600\">5.496 euros\/a\u00f1o<\/div>\n<div class=\"text-xs text-gray-500\">458 euros\/mes<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Co\u00fbt total --><\/p>\n<div class=\"bg-gradient-to-br from-blue-600 to-blue-700 text-white rounded-2xl p-8 mb-8 shadow-lg\">\n<div class=\"text-center\">\n<div class=\"text-lg font-medium mb-4\">\n \ud83d\udcb0 Coste total para <span id=\"total-users\">2<\/span> usuarios\n <\/div>\n<div class=\"bg-white bg-opacity-20 rounded-xl p-6 backdrop-blur-sm\">\n<div class=\"text-4xl font-bold mb-2\" id=\"total-cost\">\n 6.960 euros\/a\u00f1o\n <\/div>\n<div class=\"text-xl opacity-90\" id=\"total-cost-monthly\">\n 580\/mes\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- CTA Buttons --><\/p>\n<div class=\"grid md:grid-cols-2 gap-4 mb-6\">\n <button onclick=\"showContactForm('investment')\" class=\"bg-gradient-to-r from-green-500 to-green-600 text-white font-semibold py-4 px-6 rounded-xl hover:from-green-600 hover:to-green-700 transition-all duration-200\"><br \/>\n \ud83d\udcb0 Prefiero la inversi\u00f3n<br \/>\n <\/button><br \/>\n <button onclick=\"showContactForm('trial')\" class=\"bg-gradient-to-r from-blue-500 to-blue-600 text-white font-semibold py-4 px-6 rounded-xl hover:from-blue-600 hover:to-blue-700 transition-all duration-200\"><br \/>\n \ud83c\udd93 Quiero probar gratis<br \/>\n <\/button>\n <\/div>\n<p> <!-- Tableau de fonctionnalit\u00e9s --><\/p>\n<div class=\"bg-white border border-gray-200 rounded-xl overflow-hidden\">\n<div class=\"bg-gradient-to-r from-blue-600 to-blue-700 text-white p-4\">\n<h4 class=\"font-semibold text-center\">\ud83d\udd27 Caracter\u00edsticas por versi\u00f3n<\/h4>\n<\/p><\/div>\n<div class=\"overflow-x-auto\">\n<table class=\"w-full text-sm\">\n<thead class=\"bg-gray-50\">\n<tr>\n<th class=\"text-left p-4 font-semibold text-gray-800 border-b\">Caracter\u00edsticas<\/th>\n<th class=\"text-center p-4 font-semibold text-gray-800 border-b border-l\">Est\u00e1ndar<\/th>\n<th class=\"text-center p-4 font-semibold text-gray-800 border-b border-l\">Profesional<\/th>\n<th class=\"text-center p-4 font-semibold text-gray-800 border-b border-l\">Premium<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"text-gray-700\">\n<tr class=\"border-b hover:bg-gray-50\">\n<td class=\"p-4 font-medium\">Dise\u00f1o 3D (piezas\/conjuntos) y planos<\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<\/tr>\n<tr class=\"border-b hover:bg-gray-50\">\n<td class=\"p-4\">M\u00f3dulos profesionales: Chapister\u00eda, soldadura mec\u00e1nica, herramientas para moldes<\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<\/tr>\n<tr class=\"border-b hover:bg-gray-50\">\n<td class=\"p-4\">Superficie \u00abesencial<\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<\/tr>\n<tr class=\"border-b hover:bg-gray-50\">\n<td class=\"p-4\">Piezas de trazado y biblioteca de dise\u00f1o<\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<\/tr>\n<tr class=\"border-b hover:bg-gray-50 bg-blue-25\">\n<td class=\"p-4 font-medium\">Caja de herramientas (tornillos\/est\u00e1ndares)<\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-red-500 text-lg\">\u2717<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<\/tr>\n<tr class=\"border-b hover:bg-gray-50 bg-blue-25\">\n<td class=\"p-4\">Productividad y comprobaciones avanzadas (Comprobador de dise\u00f1o, C\u00e1lculo de costes, investigaci\u00f3n)<\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-red-500 text-lg\">\u2717<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<\/tr>\n<tr class=\"border-b hover:bg-gray-50 bg-blue-25\">\n<td class=\"p-4\">Visualiza renderizados fotorrealistas<\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-red-500 text-lg\">\u2717<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<\/tr>\n<tr class=\"border-b hover:bg-gray-50 bg-orange-25\">\n<td class=\"p-4 font-medium\">Simulaci\u00f3n estructural avanzada (conjuntos, pandeo, frecuencia)<\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-red-500 text-lg\">\u2717<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-red-500 text-lg\">\u2717<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<\/tr>\n<tr class=\"border-b hover:bg-gray-50 bg-orange-25\">\n<td class=\"p-4\">Movimiento (movimiento\/cinem\u00e1tica)<\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-red-500 text-lg\">\u2717<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-red-500 text-lg\">\u2717<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<\/tr>\n<tr class=\"border-b hover:bg-gray-50 bg-orange-25\">\n<td class=\"p-4\">Enrutamiento: tuber\u00edas, conductos, cableado\/arneses<\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-red-500 text-lg\">\u2717<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-red-500 text-lg\">\u2717<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<\/tr>\n<tr class=\"hover:bg-gray-50 bg-orange-25\">\n<td class=\"p-4\">Aplanado superficial avanzado<\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-red-500 text-lg\">\u2717<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-red-500 text-lg\">\u2717<\/span><\/td>\n<td class=\"text-center p-4 border-l\"><span class=\"text-green-600 text-lg\">\u2713<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<div class=\"bg-gray-50 p-4 text-xs text-gray-600\">\n<div class=\"flex items-center justify-center space-x-6\">\n<div class=\"flex items-center\">\n<div class=\"w-4 h-4 bg-blue-100 border border-blue-200 rounded mr-2\"><\/div>\n<p> <span>Funciones profesionales<\/span>\n <\/div>\n<div class=\"flex items-center\">\n<div class=\"w-4 h-4 bg-orange-100 border border-orange-200 rounded mr-2\"><\/div>\n<p> <span>S\u00f3lo funciones Premium<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Formulaires --><\/p>\n<div id=\"contact-form\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-lg mx-auto\">\n<h3 class=\"text-xl font-bold text-gray-800 mb-6 text-center\">\n \ud83d\udcde Solicitud de contacto<br \/>\n <\/h3>\n<form id=\"contact-form-element\" class=\"space-y-4\">\n<div class=\"grid md:grid-cols-2 gap-4\">\n <input type=\"text\" placeholder=\"Nombre\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"text\" placeholder=\"Nombre\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\">\n <\/div>\n<p> <input type=\"text\" placeholder=\"Empresa\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"email\" placeholder=\"Env\u00eda un correo electr\u00f3nico a\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"tel\" placeholder=\"Tel\u00e9fono\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <textarea placeholder=\"Mensaje\" rows=\"4\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><\/textarea><\/p>\n<p> <label class=\"flex items-start\"><br \/>\n <input type=\"checkbox\" required=\"\" class=\"mr-3 mt-1 text-blue-600\"><br \/>\n <span class=\"text-sm text-gray-600\"><br \/>\n Autorizo a Ohmycad a ponerse en contacto conmigo en relaci\u00f3n con esta solicitud<br \/>\n <\/span><br \/>\n <\/label><\/p>\n<p> <button type=\"submit\" class=\"w-full bg-gradient-to-r from-blue-500 to-blue-600 text-white font-semibold py-4 px-8 rounded-xl hover:from-blue-600 hover:to-blue-700 transition-all duration-200\"><br \/>\n Enviar mi solicitud<br \/>\n <\/button><br \/>\n <\/form>\n<div class=\"mt-6 text-center\">\n <button onclick=\"restartSimulation()\" class=\"text-gray-600 hover:text-blue-600 transition-colors text-sm font-medium\"><br \/>\n \ud83d\udd04 Reiniciar mi simulaci\u00f3n<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"mini-form\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-lg mx-auto\">\n<h3 class=\"text-xl font-bold text-gray-800 mb-6 text-center\">\n \ud83d\udd13 Desbloquear precios<br \/>\n <\/h3>\n<form id=\"mini-form-element\" class=\"space-y-4\">\n<div class=\"grid md:grid-cols-2 gap-4\">\n <input type=\"text\" placeholder=\"Nombre\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"text\" placeholder=\"Nombre\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\">\n <\/div>\n<p> <input type=\"text\" placeholder=\"Empresa\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"email\" placeholder=\"Env\u00eda un correo electr\u00f3nico a\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"tel\" placeholder=\"Tel\u00e9fono\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><\/p>\n<p> <label class=\"flex items-start\"><br \/>\n <input type=\"checkbox\" required=\"\" class=\"mr-3 mt-1 text-blue-600\"><br \/>\n <span class=\"text-sm text-gray-600\"><br \/>\n Autorizo a Ohmycad a ponerse en contacto conmigo en relaci\u00f3n con esta solicitud<br \/>\n <\/span><br \/>\n <\/label><\/p>\n<p> <button type=\"submit\" class=\"w-full bg-gradient-to-r from-blue-500 to-blue-600 text-white font-semibold py-4 px-8 rounded-xl hover:from-blue-600 hover:to-blue-700 transition-all duration-200\"><br \/>\n Desbloquear precios<br \/>\n <\/button><br \/>\n <\/form>\n<div class=\"mt-6 text-center\">\n <button onclick=\"restartSimulation()\" class=\"text-gray-600 hover:text-blue-600 transition-colors text-sm font-medium\"><br \/>\n \ud83d\udd04 Reiniciar mi simulaci\u00f3n<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"new-client-form\" class=\"step\">\n<div class=\"glass-effect rounded-2xl p-8 shadow-lg card-hover max-w-lg mx-auto\">\n<h3 class=\"text-xl font-bold text-gray-800 mb-6 text-center\">\n \ud83d\ude80 Simula mi oferta<br \/>\n <\/h3>\n<form id=\"new-client-form-element\" class=\"space-y-4\">\n<div class=\"grid md:grid-cols-2 gap-4\">\n <input type=\"text\" placeholder=\"Nombre\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"text\" placeholder=\"Nombre\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\">\n <\/div>\n<p> <input type=\"email\" placeholder=\"Env\u00eda un correo electr\u00f3nico a\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"tel\" placeholder=\"Tel\u00e9fono\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><br \/>\n <input type=\"text\" placeholder=\"Empresa\" required=\"\" class=\"w-full p-4 border-2 border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"><\/p>\n<p> <label class=\"flex items-start\"><br \/>\n <input type=\"checkbox\" required=\"\" class=\"mr-3 mt-1 text-blue-600\"><br \/>\n <span class=\"text-sm text-gray-600\"><br \/>\n Autorizo a Ohmycad a ponerse en contacto conmigo en relaci\u00f3n con esta solicitud<br \/>\n <\/span><br \/>\n <\/label><\/p>\n<p> <button type=\"submit\" class=\"w-full bg-gradient-to-r from-blue-500 to-blue-600 text-white font-semibold py-4 px-8 rounded-xl hover:from-blue-600 hover:to-blue-700 transition-all duration-200\"><br \/>\n Ver mi oferta personalizada<br \/>\n <\/button><br \/>\n <\/form>\n<div class=\"mt-6 text-center\">\n <button onclick=\"restartSimulation()\" class=\"text-gray-600 hover:text-blue-600 transition-colors text-sm font-medium\"><br \/>\n \ud83d\udd04 Reiniciar mi simulaci\u00f3n<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n let currentStep = 1;\n let userData = {};<\/p>\n<p> let stepHistory = [1];<\/p>\n<p> \/\/ Navigation functions\n function showStep(stepNumber) {\n document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById(`step-${stepNumber}`).classList.add('active');\n currentStep = stepNumber;\n \/\/ Scroll to top of page\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }<\/p>\n<p> function nextStep() {\n stepHistory.push(currentStep + 1);\n showStep(currentStep + 1);\n }<\/p>\n<p> function goBack() {\n if (stepHistory.length > 1) {\n stepHistory.pop(); \/\/ Remove current step\n const previousStep = stepHistory[stepHistory.length - 1];\n showStep(previousStep);\n }\n }<\/p>\n<p> \/\/ Step 1: Type de client\n function setClientType(type) {\n userData.clientType = type;<\/p>\n<p> if (type === 'particulier') {\n \/\/ Afficher le message pour particuliers\n document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById('particulier-message').classList.add('active');\n document.getElementById('back-button').style.display = 'block';\n return;\n }<\/p>\n<p> stepHistory.push(2);\n showStep(2);\n }<\/p>\n<p> \/\/ Step 2: Utilise SOLIDWORKS\n function setUsesSOLIDWORKS(uses) {\n userData.usesSOLIDWORKS = uses;<\/p>\n<p> if (uses) {\n stepHistory.push(3);\n showStep(3); \/\/ Maintenance\n } else {\n stepHistory.push(6);\n showStep(6); \/\/ Informations entreprise\n }\n }<\/p>\n<p> \/\/ Step 3: Maintenance\n function setMaintenance(hasMaintenance) {\n userData.hasMaintenance = hasMaintenance;<\/p>\n<p> if (hasMaintenance) {\n stepHistory.push(4);\n showStep(4); \/\/ Satisfaction\n } else {\n stepHistory.push(5);\n showStep(5); \/\/ Options sans maintenance\n }\n }<\/p>\n<p> \/\/ Step 4: Satisfaction\n function setSatisfaction(satisfied) {\n userData.satisfied = satisfied;<\/p>\n<p> if (satisfied) {\n document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById('satisfied-message').classList.add('active');\n document.getElementById('back-button').style.display = 'block';\n } else {\n showContactForm('rdv');\n }\n }<\/p>\n<p> \/\/ Messages\n function showGoodbyeMessage() {\n document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById('goodbye-message').classList.add('active');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }<\/p>\n<p> \/\/ Step 5: Options sans maintenance\n function showMaintenanceCalculator() {\n document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById('maintenance-calculator').classList.add('active');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n updateMaintenanceCalculation();\n \/\/ Petit d\u00e9lai pour s'assurer que le canvas est visible\n setTimeout(() => {\n updateMaintenanceCalculation();\n }, 100);\n }<\/p>\n<p> \/\/ Step 6: Company info validation\n function validateCompanyInfo() {\n const year = document.getElementById('company-year-slider').value;\n return year && userData.ca && userData.funding;\n }<\/p>\n<p> \/\/ Event listeners for company info\n document.getElementById('company-year-slider').addEventListener('input', function() {\n document.getElementById('company-year').textContent = this.value;\n checkCompanyInfoValidation();\n });<\/p>\n<p> \/\/ Handle \"no idea\" checkbox logic\n document.getElementById('need-no-idea').addEventListener('change', function() {\n if (this.checked) {\n \/\/ Uncheck all other checkboxes\n document.getElementById('need-simulation').checked = false;\n document.getElementById('need-advanced-simulation').checked = false;\n document.getElementById('need-rendering').checked = false;\n document.getElementById('need-multiuser').checked = false;\n document.getElementById('need-pdm').checked = false;\n document.getElementById('need-bom').checked = false;\n document.getElementById('need-cam').checked = false;\n }\n });<\/p>\n<p> \/\/ Handle other checkboxes to uncheck \"no idea\"\n const needCheckboxes = ['need-simulation', 'need-advanced-simulation', 'need-rendering', 'need-multiuser', 'need-pdm', 'need-bom', 'need-cam'];\n needCheckboxes.forEach(id => {\n document.getElementById(id).addEventListener('change', function() {\n if (this.checked) {\n document.getElementById('need-no-idea').checked = false;\n }\n });\n });<\/p>\n<p> \/\/ CA slider\n const caOptions = ['0-100k', '100k-500k', '500k-1M', '1M-5M', '5M+'];\n const caLabels = ['0 - 100k\u20ac', '100k - 500k\u20ac', '500k - 1M\u20ac', '1M - 5M\u20ac', 'Plus de 5M\u20ac'];<\/p>\n<p> document.getElementById('ca-slider').addEventListener('input', function() {\n const index = parseInt(this.value);\n document.getElementById('ca-display').textContent = caLabels[index];\n userData.ca = caOptions[index];\n checkCompanyInfoValidation();\n });<\/p>\n<p> \/\/ Funding slider\n const fundingOptions = ['none', '0-50k', '50k-200k', '200k-1M', '1M+'];\n const fundingLabels = ['Aucun financement', '0 - 50k\u20ac', '50k - 200k\u20ac', '200k - 1M\u20ac', 'Plus de 1M\u20ac'];<\/p>\n<p> document.getElementById('funding-slider').addEventListener('input', function() {\n const index = parseInt(this.value);\n document.getElementById('funding-display').textContent = fundingLabels[index];\n userData.funding = fundingOptions[index];\n checkCompanyInfoValidation();\n });<\/p>\n<p> function checkCompanyInfoValidation() {\n const year = document.getElementById('company-year-slider').value;\n const isValid = year && userData.ca && userData.funding;\n document.getElementById('company-info-next').disabled = !isValid;<\/p>\n<p> if (isValid) {\n userData.companyYear = year;\n }\n }<\/p>\n<p> \/\/ Step 7: Users slider\n document.getElementById('users-slider').addEventListener('input', function() {\n document.getElementById('users-count').textContent = this.value;\n userData.usersCount = this.value;\n });<\/p>\n<p> \/\/ Maintenance calculator\n document.getElementById('maintenance-licenses-slider').addEventListener('input', function() {\n document.getElementById('maintenance-licenses').textContent = this.value;\n updateMaintenanceCalculation();\n });<\/p>\n<p> document.getElementById('maintenance-year-slider').addEventListener('input', function() {\n document.getElementById('maintenance-year').textContent = this.value;\n updateMaintenanceCalculation();\n });<\/p>\n<p> function updateMaintenanceCalculation() {\n const licenses = parseInt(document.getElementById('maintenance-licenses-slider').value);\n const year = parseInt(document.getElementById('maintenance-year-slider').value);\n const currentYear = 2024;<\/p>\n<p> const arrearsYears = Math.min(currentYear - year, 3);\n const arrearsCost = licenses * arrearsYears * 1840;\n const mandatoryCost = licenses * 3 * 1840;\n const totalCost = arrearsCost + mandatoryCost;<\/p>\n<p> \/\/ Calcul abonnement avec remise 40% (3 ans) puis 25%\n const standardPrice = 3480; \/\/ Prix Standard annuel\n const originalTotal = licenses * standardPrice; \/\/ Prix original total\n const discountedPrice3Years = standardPrice * 0.6; \/\/ Remise 40% (3 premi\u00e8res ann\u00e9es)\n const discountedPriceAfter = standardPrice * 0.75; \/\/ Remise 25% (apr\u00e8s 3 ans)\n const subscriptionAnnual = licenses * discountedPrice3Years;<\/p>\n<p> \/\/ Mise \u00e0 jour des \u00e9l\u00e9ments\n document.getElementById('arrears-years').textContent = arrearsYears;\n document.getElementById('arrears-cost').textContent = arrearsCost.toLocaleString('fr-FR') + '\u20ac';\n document.getElementById('mandatory-cost').textContent = mandatoryCost.toLocaleString('fr-FR') + '\u20ac';\n document.getElementById('total-maintenance-cost').textContent = totalCost.toLocaleString('fr-FR') + '\u20ac';<\/p>\n<p> document.getElementById('subscription-licenses').textContent = licenses;\n document.getElementById('original-price').textContent = originalTotal.toLocaleString('fr-FR') + '\u20ac\/an';\n document.getElementById('subscription-annual').textContent = subscriptionAnnual.toLocaleString('fr-FR') + '\u20ac\/an';<\/p>\n<p> \/\/ Mettre \u00e0 jour le graphique\n updateCostChart(licenses, totalCost, discountedPrice3Years * licenses, discountedPriceAfter * licenses);\n }<\/p>\n<p> function updateCostChart(licenses, initialCost, annualSubscription3Years, annualSubscriptionAfter) {\n const canvas = document.getElementById('costChart');\n const ctx = canvas.getContext('2d');<\/p>\n<p> \/\/ Clear canvas\n ctx.clearRect(0, 0, canvas.width, canvas.height);<\/p>\n<p> \/\/ Configuration du graphique\n const padding = 60;\n const chartWidth = canvas.width - 2 * padding;\n const chartHeight = canvas.height - 2 * padding;<\/p>\n<p> \/\/ Donn\u00e9es pour 5 ans\n const years = ['Ann\u00e9e 1', 'Ann\u00e9e 2', 'Ann\u00e9e 3', 'Ann\u00e9e 4', 'Ann\u00e9e 5'];\n const maintenanceAnnual = licenses * 1840; \/\/ Co\u00fbt maintenance annuel<\/p>\n<p> \/\/ Co\u00fbts cumul\u00e9s SOLIDWORKS classique\n \/\/ Le client paie le co\u00fbt initial (arri\u00e9r\u00e9 + 3 ans obligatoires) une seule fois\n \/\/ Les 3 premi\u00e8res ann\u00e9es sont d\u00e9j\u00e0 pay\u00e9es, donc pas de co\u00fbt suppl\u00e9mentaire\n \/\/ \u00c0 partir de l'ann\u00e9e 4, il paie la maintenance annuelle\n const classicCosts = [\n initialCost, \/\/ Ann\u00e9e 1: co\u00fbt initial (arri\u00e9r\u00e9 + 3 ans obligatoires)\n initialCost, \/\/ Ann\u00e9e 2: d\u00e9j\u00e0 inclus dans le co\u00fbt initial\n initialCost, \/\/ Ann\u00e9e 3: d\u00e9j\u00e0 inclus dans le co\u00fbt initial\n initialCost + maintenanceAnnual, \/\/ Ann\u00e9e 4: + maintenance ann\u00e9e 4\n initialCost + maintenanceAnnual * 2 \/\/ Ann\u00e9e 5: + maintenance ann\u00e9es 4 et 5\n ];<\/p>\n<p> \/\/ Co\u00fbts cumul\u00e9s Ohmycad (40% remise 3 ans, puis 25% remise)\n const ohmycadCosts = [\n annualSubscription3Years, \/\/ Ann\u00e9e 1: remise 40%\n annualSubscription3Years * 2, \/\/ Ann\u00e9e 2: remise 40%\n annualSubscription3Years * 3, \/\/ Ann\u00e9e 3: remise 40%\n annualSubscription3Years * 3 + annualSubscriptionAfter, \/\/ Ann\u00e9e 4: 3 ans \u00e0 40% + 1 an \u00e0 25%\n annualSubscription3Years * 3 + annualSubscriptionAfter * 2 \/\/ Ann\u00e9e 5: 3 ans \u00e0 40% + 2 ans \u00e0 25%\n ];<\/p>\n<p> \/\/ Trouver le maximum pour l'\u00e9chelle\n const maxCost = Math.max(...classicCosts, ...ohmycadCosts);\n const scale = chartHeight \/ maxCost;<\/p>\n<p> \/\/ Dessiner les axes\n ctx.strokeStyle = '#374151';\n ctx.lineWidth = 2;\n ctx.beginPath();\n \/\/ Axe Y\n ctx.moveTo(padding, padding);\n ctx.lineTo(padding, padding + chartHeight);\n \/\/ Axe X\n ctx.moveTo(padding, padding + chartHeight);\n ctx.lineTo(padding + chartWidth, padding + chartHeight);\n ctx.stroke();<\/p>\n<p> \/\/ Labels des ann\u00e9es\n ctx.fillStyle = '#374151';\n ctx.font = '12px Inter';\n ctx.textAlign = 'center';\n for (let i = 0; i < years.length; i++) {\n const x = padding + (i + 1) * (chartWidth \/ 6);\n ctx.fillText(years[i], x, padding + chartHeight + 20);\n }\n \n \/\/ Labels de l'axe Y (co\u00fbts)\n ctx.textAlign = 'right';\n for (let i = 0; i <= 5; i++) {\n const cost = (maxCost \/ 5) * i;\n const y = padding + chartHeight - (cost * scale);\n ctx.fillText(Math.round(cost \/ 1000) + 'k\u20ac', padding - 10, y + 4);\n \n \/\/ Lignes de grille horizontales\n ctx.strokeStyle = '#e5e7eb';\n ctx.lineWidth = 1;\n ctx.beginPath();\n ctx.moveTo(padding, y);\n ctx.lineTo(padding + chartWidth, y);\n ctx.stroke();\n }\n \n \/\/ Fonction pour dessiner une ligne\n function drawLine(costs, color, lineWidth = 3) {\n ctx.strokeStyle = color;\n ctx.lineWidth = lineWidth;\n ctx.beginPath();\n \n for (let i = 0; i < costs.length; i++) {\n const x = padding + (i + 1) * (chartWidth \/ 6);\n const y = padding + chartHeight - (costs[i] * scale);\n \n if (i === 0) {\n ctx.moveTo(x, y);\n } else {\n ctx.lineTo(x, y);\n }\n }\n ctx.stroke();\n \n \/\/ Dessiner les points\n ctx.fillStyle = color;\n for (let i = 0; i < costs.length; i++) {\n const x = padding + (i + 1) * (chartWidth \/ 6);\n const y = padding + chartHeight - (costs[i] * scale);\n \n ctx.beginPath();\n ctx.arc(x, y, 4, 0, 2 * Math.PI);\n ctx.fill();\n \n \/\/ Afficher la valeur\n ctx.fillStyle = '#374151';\n ctx.font = '10px Inter';\n ctx.textAlign = 'center';\n ctx.fillText(Math.round(costs[i] \/ 1000) + 'k\u20ac', x, y - 10);\n ctx.fillStyle = color;\n }\n }\n \n \/\/ Dessiner les lignes\n drawLine(classicCosts, '#ef4444'); \/\/ Rouge pour SOLIDWORKS classique\n drawLine(ohmycadCosts, '#00C19F'); \/\/ Vert pour Ohmycad\n \n \/\/ Calculer et afficher les \u00e9conomies\n const totalClassic = classicCosts[4]; \/\/ Co\u00fbt total sur 5 ans SOLIDWORKS\n const totalOhmycad = ohmycadCosts[4]; \/\/ Co\u00fbt total sur 5 ans Ohmycad\n const savings = totalClassic - totalOhmycad;\n const savingsPercentage = Math.round((savings \/ totalClassic) * 100);\n \n document.getElementById('total-savings').textContent = savings.toLocaleString('fr-FR') + '\u20ac';\n document.getElementById('savings-percentage').textContent = savingsPercentage;\n }\n\n \/\/ Forms\n function showContactForm(type) {\n userData.contactType = type;\n document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById('contact-form').classList.add('active');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }<\/p>\n<p> function showMiniForm() {\n document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById('mini-form').classList.add('active');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }<\/p>\n<p> function showNewClientForm() {\n \/\/ Collect needs data\n userData.needSimulation = document.getElementById('need-simulation').checked;\n userData.needAdvancedSimulation = document.getElementById('need-advanced-simulation').checked;\n userData.needRendering = document.getElementById('need-rendering').checked;\n userData.needMultiuser = document.getElementById('need-multiuser').checked;\n userData.needPDM = document.getElementById('need-pdm').checked;\n userData.needBOM = document.getElementById('need-bom').checked;\n userData.needCAM = document.getElementById('need-cam').checked;\n userData.needNoIdea = document.getElementById('need-no-idea').checked;\n userData.serviceOnly = document.querySelector('input[name=\"service-only\"]:checked')?.value;<\/p>\n<p> \/\/ Check startup eligibility\n const companyAge = 2024 - parseInt(userData.companyYear);\n const isStartupEligible = companyAge < 5 && \n userData.serviceOnly === 'no' && \n (userData.ca === '0-100k' || userData.ca === '100k-500k' || \n userData.ca === '500k-1M' || userData.ca === '1M-5M');\n \n if (isStartupEligible) {\n document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById('startup-eligibility-form').classList.add('active');\n } else {\n document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById('new-client-form').classList.add('active');\n }\n }<\/p>\n<p> \/\/ Form submissions\n document.getElementById('contact-form-element').addEventListener('submit', function(e) {\n e.preventDefault();\n alert('Demande de contact envoy\u00e9e ! Nous vous recontacterons rapidement.');\n });<\/p>\n<p> document.getElementById('mini-form-element').addEventListener('submit', function(e) {\n e.preventDefault();\n \/\/ Remove blur effect from maintenance prices\n const maintenancePrices = document.getElementById('maintenance-prices');\n if (maintenancePrices) {\n maintenancePrices.classList.remove('price-blur');\n }\n \/\/ Remove blur effect from cost chart section\n const costChartSection = document.getElementById('cost-chart-section');\n if (costChartSection) {\n costChartSection.classList.remove('price-blur');\n }\n \/\/ Hide the unlock message and button\n const unlockSection = document.querySelector('#maintenance-calculator .mt-6.text-center');\n if (unlockSection) {\n unlockSection.style.display = 'none';\n }\n \/\/ Show success message and go back to calculator\n alert('Prix d\u00e9bloqu\u00e9s ! Vous pouvez maintenant voir les tarifs.');\n \/\/ Return to maintenance calculator\n document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById('maintenance-calculator').classList.add('active');\n });<\/p>\n<p> document.getElementById('new-client-form-element').addEventListener('submit', function(e) {\n e.preventDefault();\n showRecommendedOffers();\n });<\/p>\n<p> document.getElementById('startup-eligibility-form-element').addEventListener('submit', function(e) {\n e.preventDefault();\n document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById('startup-eligible').classList.add('active');\n });<\/p>\n<p> function showRecommendedOffers() {\n \/\/ Determine recommended edition\n let recommendedEdition = 'Standard';\n let recommendedPrice = 3480;\n let recommendedFeatures = 'Mod\u00e9lisation 3D pi\u00e8ces\/assemblages + mises en plan. Fonctions m\u00e9tiers de base : t\u00f4lerie, soudures, moules, surfacique \"essentiel\". V\u00e9rifs simples + SimulationXpress.';<\/p>\n<p> if (userData.needSimulation || userData.needPDM) {\n recommendedEdition = 'Premium';\n recommendedPrice = 5496;\n recommendedFeatures = 'Professional + simulation avanc\u00e9e (statique lin\u00e9aire d'assemblages, flambage, fr\u00e9quence) et mouvements (Motion). Routing : tuyauterie\/tubing, c\u00e2blage\/harnais. Outils tol\u00e9rances\/cha\u00eenes de cotes (TolAnalyst).';\n } else if (userData.needRendering || userData.needMultiuser || userData.needBOM) {\n recommendedEdition = 'Professional';\n recommendedPrice = 4152;\n recommendedFeatures = 'Standard + outils de productivit\u00e9 : Toolbox (visserie\/standard), PDM Standard (versions\/fichiers). Rendu photor\u00e9aliste (PhotoView 360), Costing, Design Checker, eDrawings Pro. Automatisations (Task Scheduler).';\n }<\/p>\n<p> \/\/ Pas d'affichage d'\u00e9dition recommand\u00e9e s\u00e9par\u00e9e<\/p>\n<p> \/\/ Create highlighted recommended offer\n const highlightDiv = document.getElementById('recommended-offer-highlight');\n highlightDiv.innerHTML = `<\/p>\n<div class=\"border-4 border-blue-500 rounded-2xl p-6 bg-gradient-to-br from-blue-50 to-indigo-50\">\n<div class=\"text-center mb-4\">\n<div class=\"inline-block bg-blue-500 text-white px-4 py-2 rounded-full text-sm font-semibold mb-3\">\n \ud83c\udfaf RECOMMAND\u00c9 POUR VOUS\n <\/div>\n<h3 class=\"text-2xl font-bold text-blue-800 mb-2\">SOLIDWORKS ${recommendedEdition}<\/h3>\n<div class=\"text-4xl font-bold text-blue-600 mb-1\">${recommendedPrice.toLocaleString('fr-FR')}\u20ac\/an<\/div>\n<div class=\"text-lg text-gray-600\">${Math.round(recommendedPrice\/12)}\u20ac\/mois<\/div>\n<\/p><\/div>\n<div class=\"text-sm text-gray-700 leading-relaxed\">\n ${recommendedFeatures}\n <\/div>\n<\/p><\/div>\n<p> `;<\/p>\n<p> \/\/ Highlight the recommended card in the grid\n document.querySelectorAll('#standard-card, #professional-card, #premium-card').forEach(card => {\n card.classList.remove('border-blue-500', 'bg-blue-50');\n card.classList.add('border-gray-200');\n });<\/p>\n<p> const recommendedCard = document.getElementById(`${recommendedEdition.toLowerCase()}-card`);\n if (recommendedCard) {\n recommendedCard.classList.remove('border-gray-200');\n recommendedCard.classList.add('border-blue-500', 'bg-blue-50');\n }<\/p>\n<p> \/\/ Update total cost\n const users = parseInt(userData.usersCount) || 2;\n const totalAnnual = recommendedPrice * users;\n const totalMonthly = Math.round(totalAnnual \/ 12);<\/p>\n<p> document.getElementById('total-users').textContent = users;\n document.getElementById('total-cost').textContent = totalAnnual.toLocaleString('fr-FR') + '\u20ac\/an';\n document.getElementById('total-cost-monthly').textContent = totalMonthly.toLocaleString('fr-FR') + '\u20ac\/mois';<\/p>\n<p> document.querySelectorAll('.step').forEach(step => {\n step.classList.remove('active');\n });\n document.getElementById('recommended-offers').classList.add('active');\n }<\/p>\n<p> \/\/ Restart simulation function\n function restartSimulation() {\n \/\/ Reset all data\n userData = {};\n stepHistory = [1];\n currentStep = 1;<\/p>\n<p> \/\/ Reset form values\n document.getElementById('company-year-slider').value = 2020;\n document.getElementById('company-year').textContent = '2020';\n document.getElementById('ca-slider').value = 1;\n document.getElementById('ca-display').textContent = caLabels[1];\n document.getElementById('funding-slider').value = 1;\n document.getElementById('funding-display').textContent = fundingLabels[1];\n document.getElementById('users-slider').value = 2;\n document.getElementById('users-count').textContent = '2';<\/p>\n<p> \/\/ Uncheck all checkboxes\n document.querySelectorAll('input[type=\"checkbox\"]').forEach(cb => cb.checked = false);\n document.querySelectorAll('input[type=\"radio\"]').forEach(rb => rb.checked = false);<\/p>\n<p> \/\/ Reset forms\n document.querySelectorAll('form').forEach(form => form.reset());<\/p>\n<p> \/\/ Show first step\n showStep(1);\n }<\/p>\n<p> \/\/ Initialize\n userData.usersCount = 2;\n userData.ca = caOptions[1]; \/\/ 100k-500k par d\u00e9faut\n userData.funding = fundingOptions[1]; \/\/ 0-50k par d\u00e9faut\n <\/script><br \/>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'984612b9b0566f6a',t:'MTc1ODc1NjY2My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/p>\n<\/div>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":38,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"content-type":"","footnotes":""},"class_list":["post-91327","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Simulador de precios - Ohmycad | Partenaire SOLIDWORKS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ohmycad.com\/es\/simulador-de-precios\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simulador de precios\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ohmycad.com\/es\/simulador-de-precios\/\" \/>\n<meta property=\"og:site_name\" content=\"Ohmycad | Partenaire SOLIDWORKS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ohmycad3ds\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-12T13:02:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ohmycad.com\/wp-content\/uploads\/2025\/04\/cropped-Logo-Carre-PNG.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/simulador-de-precios\\\/\",\"url\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/simulador-de-precios\\\/\",\"name\":\"Simulador de precios - Ohmycad | Partenaire SOLIDWORKS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/#website\"},\"datePublished\":\"2025-09-24T21:18:22+00:00\",\"dateModified\":\"2026-01-12T13:02:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/simulador-de-precios\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ohmycad.com\\\/es\\\/simulador-de-precios\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/simulador-de-precios\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simulador de precios\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/\",\"name\":\"Ohmycad - Partner SOLIDWORKS\",\"description\":\"Le partenaire Dassault Syst\u00e8mes sans compromis\",\"publisher\":{\"@id\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/#organization\",\"name\":\"Ohmycad\",\"url\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ohmycad.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Logo-Carre-PNG.png\",\"contentUrl\":\"https:\\\/\\\/ohmycad.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Logo-Carre-PNG.png\",\"width\":1080,\"height\":1080,\"caption\":\"Ohmycad\"},\"image\":{\"@id\":\"https:\\\/\\\/ohmycad.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ohmycad3ds\\\/\",\"https:\\\/\\\/www.instagram.com\\\/ohmycad_\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/ohmycad\\\/posts\\\/?feedView=all\"],\"email\":\"contact@ohmycad.com\",\"telephone\":\"+331 89 71 33 15\",\"legalName\":\"NEXTCUBE.IO\",\"foundingDate\":\"2019-11-12\",\"vatID\":\"FR43880208533\",\"taxID\":\"88020853300013\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"11\",\"maxValue\":\"50\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Simulador de precios - Ohmycad | Partenaire SOLIDWORKS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ohmycad.com\/es\/simulador-de-precios\/","og_locale":"es_ES","og_type":"article","og_title":"Simulador de precios","og_url":"https:\/\/ohmycad.com\/es\/simulador-de-precios\/","og_site_name":"Ohmycad | Partenaire SOLIDWORKS","article_publisher":"https:\/\/www.facebook.com\/ohmycad3ds\/","article_modified_time":"2026-01-12T13:02:05+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/ohmycad.com\/wp-content\/uploads\/2025\/04\/cropped-Logo-Carre-PNG.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"6 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ohmycad.com\/es\/simulador-de-precios\/","url":"https:\/\/ohmycad.com\/es\/simulador-de-precios\/","name":"Simulador de precios - Ohmycad | Partenaire SOLIDWORKS","isPartOf":{"@id":"https:\/\/ohmycad.com\/es\/#website"},"datePublished":"2025-09-24T21:18:22+00:00","dateModified":"2026-01-12T13:02:05+00:00","breadcrumb":{"@id":"https:\/\/ohmycad.com\/es\/simulador-de-precios\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ohmycad.com\/es\/simulador-de-precios\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ohmycad.com\/es\/simulador-de-precios\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/ohmycad.com\/es\/"},{"@type":"ListItem","position":2,"name":"Simulador de precios"}]},{"@type":"WebSite","@id":"https:\/\/ohmycad.com\/es\/#website","url":"https:\/\/ohmycad.com\/es\/","name":"Ohmycad - Partner SOLIDWORKS","description":"Le partenaire Dassault Syst\u00e8mes sans compromis","publisher":{"@id":"https:\/\/ohmycad.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ohmycad.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/ohmycad.com\/es\/#organization","name":"Ohmycad","url":"https:\/\/ohmycad.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ohmycad.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/ohmycad.com\/wp-content\/uploads\/2025\/04\/Logo-Carre-PNG.png","contentUrl":"https:\/\/ohmycad.com\/wp-content\/uploads\/2025\/04\/Logo-Carre-PNG.png","width":1080,"height":1080,"caption":"Ohmycad"},"image":{"@id":"https:\/\/ohmycad.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ohmycad3ds\/","https:\/\/www.instagram.com\/ohmycad_\/","https:\/\/www.linkedin.com\/company\/ohmycad\/posts\/?feedView=all"],"email":"contact@ohmycad.com","telephone":"+331 89 71 33 15","legalName":"NEXTCUBE.IO","foundingDate":"2019-11-12","vatID":"FR43880208533","taxID":"88020853300013","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"11","maxValue":"50"}}]}},"_links":{"self":[{"href":"https:\/\/ohmycad.com\/es\/wp-json\/wp\/v2\/pages\/91327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ohmycad.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ohmycad.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ohmycad.com\/es\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/ohmycad.com\/es\/wp-json\/wp\/v2\/comments?post=91327"}],"version-history":[{"count":0,"href":"https:\/\/ohmycad.com\/es\/wp-json\/wp\/v2\/pages\/91327\/revisions"}],"wp:attachment":[{"href":"https:\/\/ohmycad.com\/es\/wp-json\/wp\/v2\/media?parent=91327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}