Creador de CVs Premium | C\u00e1mbiate a Remoto<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* COLORES MARCA APP *\/\r\n :root {\r\n --app-dark: #353b3c;\r\n --app-cyan: #2ed8cb;\r\n --app-bg: #e5e7eb;\r\n }\r\n\r\n body { font-family: 'Montserrat', sans-serif; background-color: var(--app-bg); height: 100vh; overflow: hidden; display: flex; flex-direction: column; }\r\n \r\n \/* SCROLLBAR *\/\r\n .custom-scroll::-webkit-scrollbar { width: 6px; }\r\n .custom-scroll::-webkit-scrollbar-track { background: transparent; }\r\n .custom-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }\r\n .custom-scroll::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\r\n\r\n \/* UTILIDADES TEXTO *\/\r\n .cv-text-wrap { white-space: pre-line; word-wrap: break-word; }\r\n \r\n \/* AREA DE VISTA PREVIA (STAGE) *\/\r\n #preview-stage {\r\n background-color: #525659;\r\n flex: 1;\r\n display: flex;\r\n align-items: center; \/* Centrar Verticalmente *\/\r\n justify-content: center; \/* Centrar Horizontalmente *\/\r\n overflow: hidden;\r\n position: relative;\r\n padding: 20px;\r\n }\r\n\r\n \/* EL DOCUMENTO A4 *\/\r\n #cv-document {\r\n width: 210mm;\r\n height: 297mm;\r\n background: white;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n flex-shrink: 0;\r\n transform-origin: center center;\r\n \/* La escala se controla via JS *\/\r\n }\r\n\r\n \/* --- CLASES DE DISE\u00d1O ESPEC\u00cdFICAS (SHAPES) --- *\/\r\n \r\n \/* 1. ANDREA (Pink Arch) *\/\r\n .arch-container {\r\n border-bottom-left-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n .photo-arch {\r\n border-radius: 50% 50% 0 0; \/* Semic\u00edrculo superior *\/\r\n }\r\n\r\n \/* 2. FRANCISCO (Dark Angular) *\/\r\n .clip-diagonal {\r\n clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%);\r\n }\r\n .header-diagonal {\r\n clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);\r\n }\r\n\r\n \/* 3. ALBERTO (Wave) *\/\r\n .wave-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 250px;\r\n background: #1e3a8a;\r\n z-index: 0;\r\n clip-path: ellipse(80% 70% at 50% 10%);\r\n }\r\n \r\n <\/style>\r\n<\/head>\r\n<body x-data=\"cvApp()\" x-init=\"init()\" class=\"md:flex-row\">\r\n\r\n <aside class=\"w-full md:w-[480px] bg-white flex flex-col z-20 shadow-2xl h-full border-r border-gray-200 shrink-0\">\r\n \r\n <div class=\"p-5 bg-[#353b3c] text-white flex justify-between items-center shrink-0\">\r\n <div>\r\n <h1 class=\"font-bold text-lg leading-tight\">Creador de CVs<\/h1>\r\n <p class=\"text-[10px] text-[#2ed8cb] font-bold tracking-widest uppercase\">C\u00e1mbiate a Remoto<\/p>\r\n <\/div>\r\n <div class=\"text-[10px] bg-[#2ed8cb] text-[#353b3c] px-3 py-1 rounded-full font-bold shadow\">BETA 3.5<\/div>\r\n <\/div>\r\n\r\n <div class=\"px-6 py-4 bg-gray-50 border-b shrink-0\">\r\n <div class=\"flex justify-between text-[10px] font-bold text-gray-400 mb-2 uppercase tracking-wider\">\r\n <span x-text=\"getStepTitle()\"><\/span>\r\n <span>Paso <span x-text=\"step\"><\/span>\/5<\/span>\r\n <\/div>\r\n <div class=\"h-1.5 bg-gray-200 rounded-full overflow-hidden\">\r\n <div class=\"h-full bg-[#f61067] transition-all duration-300 ease-out\" :style=\"`width: ${(step\/5)*100}%`\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex-1 overflow-y-auto p-6 space-y-8 custom-scroll bg-white\">\r\n \r\n <div x-show=\"step === 1\" x-transition.opacity.duration.300ms>\r\n <h2 class=\"text-2xl font-extrabold text-[#353b3c] mb-2\">Dise\u00f1o Visual<\/h2>\r\n <p class=\"text-xs text-gray-500 mb-6\">Selecciona el estilo que mejor proyecte tu perfil.<\/p>\r\n \r\n <div class=\"grid grid-cols-1 gap-4\">\r\n <label class=\"cursor-pointer group relative\">\r\n <input type=\"radio\" value=\"andrea\" x-model=\"datos.plantilla\" class=\"peer hidden\">\r\n <div class=\"border-2 rounded-xl p-3 flex gap-4 transition-all hover:shadow-lg peer-checked:border-[#f61067] peer-checked:bg-red-50 peer-checked:shadow-md\">\r\n <div class=\"w-14 h-20 bg-gray-100 rounded-lg border overflow-hidden relative\">\r\n <div class=\"absolute top-0 left-0 w-full h-12 bg-[#fbcfe8] rounded-b-full\"><\/div> <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-sm text-[#353b3c]\">Estilo \"Andrea\"<\/h3>\r\n <p class=\"text-[10px] text-gray-500 mt-1\">Creativo. Formas curvas y tonos suaves.<\/p>\r\n <\/div>\r\n <div class=\"ml-auto flex items-center\">\r\n <div class=\"w-4 h-4 rounded-full border-2 border-gray-300 peer-checked:border-[#f61067] peer-checked:bg-[#f61067]\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/label>\r\n\r\n <label class=\"cursor-pointer group relative\">\r\n <input type=\"radio\" value=\"francisco\" x-model=\"datos.plantilla\" class=\"peer hidden\">\r\n <div class=\"border-2 rounded-xl p-3 flex gap-4 transition-all hover:shadow-lg peer-checked:border-[#f61067] peer-checked:bg-red-50 peer-checked:shadow-md\">\r\n <div class=\"w-14 h-20 bg-white rounded-lg border overflow-hidden flex\">\r\n <div class=\"w-1\/2 bg-[#1e293b] h-full\" style=\"clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);\"><\/div>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-sm text-[#353b3c]\">Estilo \"Francisco\"<\/h3>\r\n <p class=\"text-[10px] text-gray-500 mt-1\">Ejecutivo. Alto contraste y geometr\u00eda.<\/p>\r\n <\/div>\r\n <div class=\"ml-auto flex items-center\">\r\n <div class=\"w-4 h-4 rounded-full border-2 border-gray-300 peer-checked:border-[#f61067] peer-checked:bg-[#f61067]\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/label>\r\n\r\n <label class=\"cursor-pointer group relative\">\r\n <input type=\"radio\" value=\"alberto\" x-model=\"datos.plantilla\" class=\"peer hidden\">\r\n <div class=\"border-2 rounded-xl p-3 flex gap-4 transition-all hover:shadow-lg peer-checked:border-[#f61067] peer-checked:bg-red-50 peer-checked:shadow-md\">\r\n <div class=\"w-14 h-20 bg-white rounded-lg border overflow-hidden relative\">\r\n <div class=\"absolute top-0 w-full h-8 bg-[#1e3a8a]\" style=\"clip-path: ellipse(80% 80% at 50% 0%);\"><\/div>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-sm text-[#353b3c]\">Estilo \"Alberto\"<\/h3>\r\n <p class=\"text-[10px] text-gray-500 mt-1\">Moderno. Encabezado de ola elegante.<\/p>\r\n <\/div>\r\n <div class=\"ml-auto flex items-center\">\r\n <div class=\"w-4 h-4 rounded-full border-2 border-gray-300 peer-checked:border-[#f61067] peer-checked:bg-[#f61067]\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div x-show=\"step === 2\" x-transition.opacity>\r\n <h2 class=\"text-2xl font-extrabold text-[#353b3c] mb-4\">\u00bfQui\u00e9n eres?<\/h2>\r\n <div class=\"space-y-4\">\r\n <div>\r\n <label class=\"text-[10px] font-bold text-gray-400 uppercase tracking-wider\">Tu Rol \/ T\u00edtulo<\/label>\r\n <input type=\"text\" x-model=\"datos.titulo\" class=\"w-full p-3 border-b-2 border-gray-200 bg-gray-50 focus:border-[#2ed8cb] outline-none font-bold text-lg text-[#353b3c] placeholder-gray-300\" placeholder=\"EJ: DISE\u00d1ADORA GR\u00c1FICA\">\r\n <\/div>\r\n <div>\r\n <label class=\"text-[10px] font-bold text-gray-400 uppercase tracking-wider\">Nombre Completo<\/label>\r\n <input type=\"text\" x-model=\"datos.nombre\" class=\"w-full p-3 border-b-2 border-gray-200 bg-gray-50 focus:border-[#2ed8cb] outline-none text-[#353b3c] placeholder-gray-300\" placeholder=\"Tu nombre\">\r\n <\/div>\r\n \r\n <div class=\"flex items-center gap-4 p-4 border-2 border-dashed border-gray-300 rounded-xl hover:bg-gray-50 transition-colors\">\r\n <div class=\"w-16 h-16 rounded-full bg-gray-200 overflow-hidden shrink-0 border shadow-sm\">\r\n <img :src=\"datos.foto || 'https:\/\/via.placeholder.com\/150'\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <label class=\"cursor-pointer block\">\r\n <span class=\"text-sm font-bold text-[#f61067] hover:underline\">Haz clic para subir foto<\/span>\r\n <input type=\"file\" @change=\"cargarFoto\" class=\"hidden\" accept=\"image\/*\">\r\n <\/label>\r\n <p class=\"text-[10px] text-gray-400 mt-1\">M\u00e1ximo 5MB. Se ajusta autom\u00e1ticamente.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"text-[10px] font-bold text-gray-400 uppercase tracking-wider\">Perfil (Bio)<\/label>\r\n <textarea x-model=\"datos.bio\" rows=\"4\" class=\"w-full p-3 border rounded-lg bg-white focus:ring-2 focus:ring-[#2ed8cb] outline-none text-sm\" placeholder=\"Resumen profesional...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div x-show=\"step === 3\" x-transition.opacity>\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <h2 class=\"text-2xl font-extrabold text-[#353b3c]\">Experiencia<\/h2>\r\n <button @click=\"agregarItem('experiencia')\" class=\"text-[10px] bg-[#e7fe68] px-3 py-1 rounded-full font-bold hover:brightness-95\">+ AGREGAR<\/button>\r\n <\/div>\r\n <p class=\"text-[10px] text-gray-400 mb-6\">Usa \"Enter\" para crear vi\u00f1etas.<\/p>\r\n \r\n <div class=\"space-y-6\">\r\n <template x-for=\"(exp, index) in datos.experiencia\" :key=\"index\">\r\n <div class=\"p-5 border rounded-xl bg-white shadow-sm relative group hover:shadow-md transition-shadow\">\r\n <button @click=\"removerItem('experiencia', index)\" class=\"absolute top-3 right-3 text-gray-300 hover:text-[#f61067] transition-colors font-bold text-lg\">\u00d7<\/button>\r\n \r\n <div class=\"space-y-3\">\r\n <input type=\"text\" x-model=\"exp.cargo\" placeholder=\"Cargo (Ej: Gerente)\" class=\"w-full font-bold text-[#353b3c] border-b border-gray-100 pb-1 outline-none text-sm\">\r\n <div class=\"flex gap-2\">\r\n <input type=\"text\" x-model=\"exp.empresa\" placeholder=\"Empresa\" class=\"w-1\/2 text-xs font-semibold text-gray-500 border-b border-gray-100 pb-1 outline-none\">\r\n <input type=\"text\" x-model=\"exp.periodo\" placeholder=\"A\u00f1os (2020-2023)\" class=\"w-1\/2 text-xs text-gray-400 border-b border-gray-100 pb-1 outline-none text-right\">\r\n <\/div>\r\n <textarea x-model=\"exp.descripcion\" placeholder=\"\u2022 Logro principal...\" class=\"w-full text-xs text-gray-600 bg-gray-50 p-2 rounded h-20 outline-none resize-none\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n\r\n <div x-show=\"step === 4\" x-transition.opacity>\r\n <h2 class=\"text-2xl font-extrabold text-[#353b3c] mb-6\">Formaci\u00f3n<\/h2>\r\n \r\n <div class=\"mb-8\">\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <label class=\"text-[10px] font-bold text-[#f61067] uppercase\">Estudios<\/label>\r\n <button @click=\"agregarItem('educacion')\" class=\"text-[10px] underline font-bold text-gray-500\">A\u00f1adir otro<\/button>\r\n <\/div>\r\n <div class=\"space-y-2\">\r\n <template x-for=\"(edu, index) in datos.educacion\" :key=\"index\">\r\n <div class=\"flex items-center gap-2 bg-gray-50 p-2 rounded border border-gray-100\">\r\n <input type=\"text\" x-model=\"edu.titulo\" class=\"flex-1 bg-transparent text-sm outline-none\" placeholder=\"T\u00edtulo - Universidad\">\r\n <button @click=\"removerItem('educacion', index)\" class=\"text-red-400 font-bold px-2 hover:text-red-600\">\u00d7<\/button>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-y-4\">\r\n <div>\r\n <label class=\"text-[10px] font-bold text-gray-400 uppercase block mb-1\">Habilidades (Skills)<\/label>\r\n <textarea x-model=\"datos.habilidades\" rows=\"3\" class=\"w-full p-3 border rounded-lg bg-white text-sm focus:ring-1 focus:ring-[#2ed8cb] outline-none\" placeholder=\"\u2022 Liderazgo \u2022 Gesti\u00f3n\"><\/textarea>\r\n <\/div>\r\n <div>\r\n <label class=\"text-[10px] font-bold text-gray-400 uppercase block mb-1\">Herramientas<\/label>\r\n <textarea x-model=\"datos.herramientas\" rows=\"3\" class=\"w-full p-3 border rounded-lg bg-white text-sm focus:ring-1 focus:ring-[#2ed8cb] outline-none\" placeholder=\"\u2022 Excel \u2022 Jira\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div x-show=\"step === 5\" x-transition.opacity>\r\n <h2 class=\"text-2xl font-extrabold text-[#353b3c] mb-6\">Contacto y Finalizar<\/h2>\r\n <div class=\"space-y-4 mb-8\">\r\n <input type=\"text\" x-model=\"datos.telefono\" placeholder=\"Tel\u00e9fono M\u00f3vil\" class=\"w-full p-3 border rounded-lg bg-gray-50 outline-none focus:bg-white focus:ring-1 focus:ring-[#2ed8cb]\">\r\n <input type=\"text\" x-model=\"datos.email\" placeholder=\"Correo Electr\u00f3nico\" class=\"w-full p-3 border rounded-lg bg-gray-50 outline-none focus:bg-white focus:ring-1 focus:ring-[#2ed8cb]\">\r\n <input type=\"text\" x-model=\"datos.ubicacion\" placeholder=\"Ciudad, Pa\u00eds\" class=\"w-full p-3 border rounded-lg bg-gray-50 outline-none focus:bg-white focus:ring-1 focus:ring-[#2ed8cb]\">\r\n <\/div>\r\n\r\n <div class=\"bg-gray-900 text-white p-6 rounded-2xl shadow-xl text-center\">\r\n <h3 class=\"font-bold text-lg mb-2\">\u00bfListo para despegar? \ud83d\ude80<\/h3>\r\n <p class=\"text-xs text-gray-400 mb-6\">Tu CV profesional se generar\u00e1 en formato PDF listo para enviar.<\/p>\r\n <button @click=\"descargarPDF\" class=\"w-full bg-[#f61067] hover:bg-[#d90d5a] text-white font-bold py-4 rounded-xl shadow-lg transform transition hover:-translate-y-1 flex justify-center items-center gap-2 text-sm uppercase tracking-wider\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path><\/svg>\r\n Descargar PDF\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"p-4 border-t bg-white flex justify-between items-center shrink-0\">\r\n <button x-show=\"step > 1\" @click=\"step--\" class=\"text-gray-500 font-bold text-xs px-4 py-2 hover:bg-gray-100 rounded-lg transition-colors\">Atr\u00e1s<\/button>\r\n <div class=\"flex-1\"><\/div>\r\n <button x-show=\"step < 5\" @click=\"step++\" class=\"bg-[#353b3c] text-white font-bold text-xs px-6 py-3 rounded-lg shadow hover:bg-black transition-colors\">SIGUIENTE PASO<\/button>\r\n <\/div>\r\n <\/aside>\r\n\r\n <main id=\"preview-stage\">\r\n <div id=\"cv-document\">\r\n \r\n <template x-if=\"datos.plantilla === 'andrea'\">\r\n <div class=\"flex h-full font-['Montserrat'] text-[#333] relative\">\r\n <div class=\"w-[35%] bg-[#fff1f2] h-full pt-16 px-6 relative\">\r\n <div class=\"w-40 h-48 mx-auto mb-10 relative z-10\">\r\n <div class=\"w-full h-full bg-white p-2 rounded-t-full shadow-lg\">\r\n <div class=\"w-full h-full bg-gray-200 rounded-t-full overflow-hidden\">\r\n <img :src=\"datos.foto\" class=\"w-full h-full object-cover\" x-show=\"datos.foto\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-y-8 relative z-10\">\r\n <div>\r\n <h3 class=\"font-bold text-[#be123c] uppercase tracking-widest text-xs mb-3 border-b border-[#fecdd3] pb-1\">Contacto<\/h3>\r\n <div class=\"text-[11px] space-y-2 font-medium text-gray-600\">\r\n <div class=\"flex items-center gap-2\"><span class=\"text-[#be123c]\">\ud83d\udcde<\/span> <span x-text=\"datos.telefono\"><\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><span class=\"text-[#be123c]\">\u2709\ufe0f<\/span> <span x-text=\"datos.email\" class=\"break-words\"><\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><span class=\"text-[#be123c]\">\ud83d\udccd<\/span> <span x-text=\"datos.ubicacion\"><\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-[#be123c] uppercase tracking-widest text-xs mb-3 border-b border-[#fecdd3] pb-1\">Habilidades<\/h3>\r\n <div class=\"cv-text-wrap text-[11px] text-gray-600 leading-relaxed\" x-text=\"datos.habilidades\"><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-[#be123c] uppercase tracking-widest text-xs mb-3 border-b border-[#fecdd3] pb-1\">Herramientas<\/h3>\r\n <div class=\"cv-text-wrap text-[11px] text-gray-600 leading-relaxed\" x-text=\"datos.herramientas\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full h-32 bg-[#fecdd3] opacity-30 rounded-t-full\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"w-[65%] p-12 pt-16\">\r\n <div class=\"mb-12 text-center md:text-left\">\r\n <h1 class=\"text-5xl font-['Playfair_Display'] font-bold text-[#353b3c] mb-2 leading-none\" x-text=\"datos.nombre\"><\/h1>\r\n <h2 class=\"text-sm font-bold text-[#be123c] uppercase tracking-[0.3em]\" x-text=\"datos.titulo\"><\/h2>\r\n <\/div>\r\n\r\n <div class=\"mb-10\">\r\n <h3 class=\"font-bold text-gray-800 uppercase tracking-wider text-sm mb-3 border-l-4 border-[#be123c] pl-3\">Perfil<\/h3>\r\n <p class=\"text-[11px] leading-6 text-justify text-gray-600 cv-text-wrap\" x-text=\"datos.bio\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"mb-10\">\r\n <h3 class=\"font-bold text-gray-800 uppercase tracking-wider text-sm mb-5 border-l-4 border-[#be123c] pl-3\">Experiencia Laboral<\/h3>\r\n <div class=\"space-y-6\">\r\n <template x-for=\"exp in datos.experiencia\">\r\n <div>\r\n <h4 class=\"font-bold text-sm text-gray-900\" x-text=\"exp.cargo\"><\/h4>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-[10px] font-bold uppercase text-[#be123c]\" x-text=\"exp.empresa\"><\/span>\r\n <span class=\"text-[10px] text-gray-400 font-medium\" x-text=\"exp.periodo\"><\/span>\r\n <\/div>\r\n <div class=\"text-[11px] text-gray-600 leading-relaxed cv-text-wrap border-l border-gray-100 pl-3\" x-text=\"exp.descripcion\"><\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-gray-800 uppercase tracking-wider text-sm mb-5 border-l-4 border-[#be123c] pl-3\">Educaci\u00f3n<\/h3>\r\n <div class=\"space-y-2\">\r\n <template x-for=\"edu in datos.educacion\">\r\n <div class=\"text-[11px] font-medium text-gray-700\">\r\n <span class=\"text-[#be123c] mr-2\">\u2726<\/span> <span x-text=\"edu.titulo\"><\/span>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/template>\r\n\r\n <template x-if=\"datos.plantilla === 'francisco'\">\r\n <div class=\"flex h-full font-['Lato'] bg-white\">\r\n <div class=\"w-[40%] bg-[#1e293b] text-white relative\">\r\n <div class=\"absolute top-0 right-0 w-full h-full bg-[#1e293b]\" style=\"clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);\"><\/div>\r\n \r\n <div class=\"relative z-10 h-full p-8 pt-12 flex flex-col\">\r\n <div class=\"w-36 h-36 mx-auto rounded-full border-4 border-white shadow-xl overflow-hidden mb-8 bg-gray-500\">\r\n <img :src=\"datos.foto\" class=\"w-full h-full object-cover grayscale\" x-show=\"datos.foto\">\r\n <\/div>\r\n\r\n <div class=\"mb-10\">\r\n <h3 class=\"font-bold text-white uppercase tracking-[0.2em] text-xs border-b border-gray-600 pb-2 mb-4\">Contacto<\/h3>\r\n <div class=\"text-[11px] space-y-3 font-light text-gray-300\">\r\n <p x-text=\"datos.telefono\"><\/p>\r\n <p x-text=\"datos.email\"><\/p>\r\n <p x-text=\"datos.ubicacion\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-10\">\r\n <h3 class=\"font-bold text-white uppercase tracking-[0.2em] text-xs border-b border-gray-600 pb-2 mb-4\">Habilidades<\/h3>\r\n <div class=\"text-[11px] leading-6 font-light text-gray-300 cv-text-wrap\" x-text=\"datos.habilidades\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-auto\">\r\n <h3 class=\"font-bold text-white uppercase tracking-[0.2em] text-xs border-b border-gray-600 pb-2 mb-4\">Software<\/h3>\r\n <div class=\"text-[11px] leading-6 font-light text-gray-300 cv-text-wrap\" x-text=\"datos.herramientas\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"w-[60%] p-12 pt-20\">\r\n <div class=\"mb-16 border-b-4 border-[#1e293b] pb-6\">\r\n <h1 class=\"text-5xl font-extrabold text-[#1e293b] uppercase leading-none mb-3\" x-text=\"datos.nombre\"><\/h1>\r\n <p class=\"text-xl text-gray-500 font-light tracking-wide uppercase\" x-text=\"datos.titulo\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"mb-12\">\r\n <h3 class=\"flex items-center gap-3 font-bold text-[#1e293b] uppercase tracking-wider text-sm mb-4\">\r\n <span class=\"w-4 h-4 bg-[#1e293b] rounded-sm\"><\/span> Perfil Profesional\r\n <\/h3>\r\n <p class=\"text-[11px] leading-6 text-gray-600 text-justify cv-text-wrap\" x-text=\"datos.bio\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"mb-12\">\r\n <h3 class=\"flex items-center gap-3 font-bold text-[#1e293b] uppercase tracking-wider text-sm mb-6\">\r\n <span class=\"w-4 h-4 bg-[#1e293b] rounded-sm\"><\/span> Experiencia\r\n <\/h3>\r\n <div class=\"space-y-8 border-l-2 border-gray-200 ml-2 pl-6\">\r\n <template x-for=\"exp in datos.experiencia\">\r\n <div class=\"relative\">\r\n <div class=\"absolute -left-[31px] top-1 w-3 h-3 bg-[#1e293b] rounded-full border-2 border-white\"><\/div>\r\n <h4 class=\"font-bold text-lg text-gray-900 leading-none\" x-text=\"exp.cargo\"><\/h4>\r\n <div class=\"flex justify-between items-center mt-1 mb-2\">\r\n <span class=\"text-[10px] font-bold text-gray-400 uppercase\" x-text=\"exp.empresa\"><\/span>\r\n <span class=\"text-[10px] font-bold text-white bg-[#1e293b] px-2 py-0.5 rounded\" x-text=\"exp.periodo\"><\/span>\r\n <\/div>\r\n <div class=\"text-[11px] text-gray-600 leading-relaxed cv-text-wrap\" x-text=\"exp.descripcion\"><\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"flex items-center gap-3 font-bold text-[#1e293b] uppercase tracking-wider text-sm mb-4\">\r\n <span class=\"w-4 h-4 bg-[#1e293b] rounded-sm\"><\/span> Formaci\u00f3n\r\n <\/h3>\r\n <div class=\"grid grid-cols-1 gap-2\">\r\n <template x-for=\"edu in datos.educacion\">\r\n <div class=\"p-3 bg-gray-50 border-l-4 border-[#1e293b] text-xs font-bold text-gray-700\" x-text=\"edu.titulo\"><\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/template>\r\n\r\n <template x-if=\"datos.plantilla === 'alberto'\">\r\n <div class=\"flex flex-col h-full font-['Montserrat'] bg-white relative\">\r\n <div class=\"h-[240px] w-full relative overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-[#1e3a8a]\" style=\"clip-path: ellipse(90% 85% at 50% 15%);\"><\/div>\r\n <div class=\"absolute inset-0 bg-[#3b82f6] opacity-30\" style=\"clip-path: ellipse(80% 85% at 40% 10%);\"><\/div>\r\n\r\n <div class=\"relative z-10 px-12 pt-12 flex justify-between items-start\">\r\n <div class=\"text-white w-2\/3\">\r\n <h1 class=\"text-4xl font-bold uppercase tracking-wide mb-2\" x-text=\"datos.nombre\"><\/h1>\r\n <p class=\"text-lg font-light opacity-90 tracking-widest\" x-text=\"datos.titulo\"><\/p>\r\n <\/div>\r\n <div class=\"w-32 h-32 rounded-full border-[6px] border-white\/20 shadow-2xl overflow-hidden bg-gray-200\">\r\n <img :src=\"datos.foto\" class=\"w-full h-full object-cover\" x-show=\"datos.foto\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex-1 px-12 py-8 flex gap-10\">\r\n <div class=\"w-[35%] space-y-8\">\r\n <div class=\"bg-gray-50 p-6 rounded-2xl\">\r\n <h3 class=\"font-bold text-[#1e3a8a] uppercase text-xs mb-4 border-b pb-2\">Contacto<\/h3>\r\n <div class=\"text-[10px] space-y-2 font-medium text-gray-600\">\r\n <p class=\"flex items-center gap-2\"><span class=\"w-1 h-1 bg-blue-500 rounded-full\"><\/span> <span x-text=\"datos.telefono\"><\/span><\/p>\r\n <p class=\"flex items-center gap-2\"><span class=\"w-1 h-1 bg-blue-500 rounded-full\"><\/span> <span x-text=\"datos.email\"><\/span><\/p>\r\n <p class=\"flex items-center gap-2\"><span class=\"w-1 h-1 bg-blue-500 rounded-full\"><\/span> <span x-text=\"datos.ubicacion\"><\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-[#1e3a8a] uppercase text-xs mb-4 border-b pb-2\">Perfil<\/h3>\r\n <p class=\"text-[10px] leading-6 text-gray-600 text-justify cv-text-wrap\" x-text=\"datos.bio\"><\/p>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-[#1e3a8a] uppercase text-xs mb-4 border-b pb-2\">Skills<\/h3>\r\n <div class=\"text-[10px] leading-6 text-gray-600 cv-text-wrap\" x-text=\"datos.habilidades\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"w-[65%] space-y-8\">\r\n <section>\r\n <h3 class=\"font-bold text-[#1e3a8a] uppercase text-lg mb-6 tracking-widest flex items-center gap-2\">\r\n <span class=\"text-2xl\">\u2022<\/span> Experiencia\r\n <\/h3>\r\n <div class=\"space-y-6\">\r\n <template x-for=\"exp in datos.experiencia\">\r\n <div class=\"group\">\r\n <h4 class=\"font-bold text-base text-gray-800\" x-text=\"exp.cargo\"><\/h4>\r\n <div class=\"flex justify-between border-b border-gray-100 pb-1 mb-2\">\r\n <span class=\"text-[10px] font-bold text-gray-400 uppercase\" x-text=\"exp.empresa\"><\/span>\r\n <span class=\"text-[10px] font-bold text-[#1e3a8a]\" x-text=\"exp.periodo\"><\/span>\r\n <\/div>\r\n <div class=\"text-[11px] text-gray-600 leading-relaxed cv-text-wrap\" x-text=\"exp.descripcion\"><\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <h3 class=\"font-bold text-[#1e3a8a] uppercase text-lg mb-6 tracking-widest flex items-center gap-2\">\r\n <span class=\"text-2xl\">\u2022<\/span> Educaci\u00f3n\r\n <\/h3>\r\n <div class=\"space-y-2\">\r\n <template x-for=\"edu in datos.educacion\">\r\n <div class=\"flex items-center gap-3 text-[11px] font-semibold text-gray-700 bg-blue-50 p-2 rounded\">\r\n <div class=\"w-1.5 h-1.5 bg-[#1e3a8a] rounded-full\"><\/div>\r\n <span x-text=\"edu.titulo\"><\/span>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n function cvApp() {\r\n return {\r\n step: 1,\r\n datos: {\r\n plantilla: 'andrea',\r\n titulo: '',\r\n nombre: '',\r\n foto: '',\r\n bio: '',\r\n telefono: '',\r\n email: '',\r\n ubicacion: '',\r\n experiencia: [{ cargo: 'Cargo Actual', empresa: 'Nombre Empresa', periodo: '2022 - Presente', descripcion: '\u2022 Logro principal realizado.' }],\r\n educacion: [{ titulo: 'T\u00edtulo Universitario - Universidad' }],\r\n habilidades: '\u2022 Liderazgo\\n\u2022 Comunicaci\u00f3n',\r\n herramientas: '\u2022 Office 365\\n\u2022 Zoom'\r\n },\r\n init() {\r\n const saved = localStorage.getItem('cv_premium_v3.5');\r\n if (saved) { try { this.datos = JSON.parse(saved); } catch(e){} }\r\n \r\n this.$watch('datos', (val) => {\r\n localStorage.setItem('cv_premium_v3.5', JSON.stringify(val));\r\n }, { deep: true });\r\n\r\n this.resizePreview();\r\n window.addEventListener('resize', () => this.resizePreview());\r\n },\r\n getStepTitle() {\r\n return ['Dise\u00f1o', 'Personal', 'Experiencia', 'Formaci\u00f3n', 'Finalizar'][this.step - 1];\r\n },\r\n resizePreview() {\r\n const stage = document.getElementById('preview-stage');\r\n const doc = document.getElementById('cv-document');\r\n if (!stage || !doc) return;\r\n\r\n const padding = 40; \r\n const availableW = stage.clientWidth - padding;\r\n const availableH = stage.clientHeight - padding;\r\n \r\n const docW = 794; \/\/ 210mm @ 96dpi approx\r\n const docH = 1123; \/\/ 297mm @ 96dpi approx\r\n\r\n const scaleW = availableW \/ docW;\r\n const scaleH = availableH \/ docH;\r\n \r\n \/\/ Escalar bas\u00e1ndose en el lado m\u00e1s restrictivo para que SIEMPRE quepa entero\r\n const scale = Math.min(scaleW, scaleH, 1.2); \/\/ Max zoom 1.2x\r\n \r\n doc.style.transform = `scale(${scale})`;\r\n },\r\n cargarFoto(e) {\r\n const file = e.target.files[0];\r\n if (!file) return;\r\n if (file.size > 5 * 1024 * 1024) { alert('M\u00e1ximo 5MB'); return; }\r\n const reader = new FileReader();\r\n reader.onload = (f) => this.datos.foto = f.target.result;\r\n reader.readAsDataURL(file);\r\n },\r\n agregarItem(tipo) {\r\n if (tipo === 'experiencia') this.datos.experiencia.push({ cargo: '', empresa: '', periodo: '', descripcion: '' });\r\n if (tipo === 'educacion') this.datos.educacion.push({ titulo: '' });\r\n },\r\n removerItem(tipo, index) {\r\n if (this.datos[tipo].length > 0) this.datos[tipo].splice(index, 1);\r\n },\r\n descargarPDF() {\r\n const element = document.getElementById('cv-document');\r\n const opt = {\r\n margin: 0,\r\n filename: `CV_${this.datos.nombre.replace(\/\\s+\/g, '_') || 'Cambiante'}.pdf`,\r\n image: { type: 'jpeg', quality: 1 },\r\n html2canvas: { scale: 2, useCORS: true, letterRendering: true },\r\n jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }\r\n };\r\n html2pdf().set(opt).from(element).save();\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Creador de CVs Premium | C\u00e1mbiate a Remoto Creador de CVs C\u00e1mbiate a Remoto BETA 3.5 Paso \/5 Dise\u00f1o Visual Selecciona el estilo que mejor proyecte tu perfil. Estilo “Andrea” Creativo. Formas curvas y tonos suaves. Estilo “Francisco” Ejecutivo. Alto contraste y geometr\u00eda. Estilo “Alberto” Moderno. Encabezado de ola elegante. \u00bfQui\u00e9n eres? Tu Rol \/ […]<\/p>\n","protected":false},"author":1,"featured_media":5399,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"folder":[4],"class_list":["post-11015","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto<\/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:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto\" \/>\n<meta property=\"og:description\" content=\"Creador de CVs Premium | C\u00e1mbiate a Remoto Creador de CVs C\u00e1mbiate a Remoto BETA 3.5 Paso \/5 Dise\u00f1o Visual Selecciona el estilo que mejor proyecte tu perfil. Estilo “Andrea” Creativo. Formas curvas y tonos suaves. Estilo “Francisco” Ejecutivo. Alto contraste y geometr\u00eda. Estilo “Alberto” Moderno. Encabezado de ola elegante. \u00bfQui\u00e9n eres? Tu Rol \/ […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/\" \/>\n<meta property=\"og:site_name\" content=\"C\u00e1mbiate a Remoto\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-07T03:24:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2025\/02\/Diseno-sin-titulo-30.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"769\" \/>\n\t<meta property=\"og:image:height\" content=\"764\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/\",\"url\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/\",\"name\":\"[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Diseno-sin-titulo-30.jpg\",\"datePublished\":\"2026-02-07T02:01:30+00:00\",\"dateModified\":\"2026-02-07T03:24:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Diseno-sin-titulo-30.jpg\",\"contentUrl\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Diseno-sin-titulo-30.jpg\",\"width\":769,\"height\":764},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[LP] CREADOR DE CVS #7\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#website\",\"url\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/\",\"name\":\"C\u00e1mbiate a Remoto\",\"description\":\"Y transforma tu vida\",\"publisher\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#organization\",\"name\":\"C\u00e1mbiate a Remoto\",\"url\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Untitled-design-22.png\",\"contentUrl\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Untitled-design-22.png\",\"width\":800,\"height\":800,\"caption\":\"C\u00e1mbiate a Remoto\"},\"image\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto","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:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/","og_locale":"en_US","og_type":"article","og_title":"[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto","og_description":"Creador de CVs Premium | C\u00e1mbiate a Remoto Creador de CVs C\u00e1mbiate a Remoto BETA 3.5 Paso \/5 Dise\u00f1o Visual Selecciona el estilo que mejor proyecte tu perfil. Estilo “Andrea” Creativo. Formas curvas y tonos suaves. Estilo “Francisco” Ejecutivo. Alto contraste y geometr\u00eda. Estilo “Alberto” Moderno. Encabezado de ola elegante. \u00bfQui\u00e9n eres? Tu Rol \/ […]","og_url":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/","og_site_name":"C\u00e1mbiate a Remoto","article_modified_time":"2026-02-07T03:24:31+00:00","og_image":[{"width":769,"height":764,"url":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2025\/02\/Diseno-sin-titulo-30.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/","url":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/","name":"[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto","isPartOf":{"@id":"https:\/\/cambiatearemoto.com\/lp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/#primaryimage"},"image":{"@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/#primaryimage"},"thumbnailUrl":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2025\/02\/Diseno-sin-titulo-30.jpg","datePublished":"2026-02-07T02:01:30+00:00","dateModified":"2026-02-07T03:24:31+00:00","breadcrumb":{"@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/#primaryimage","url":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2025\/02\/Diseno-sin-titulo-30.jpg","contentUrl":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2025\/02\/Diseno-sin-titulo-30.jpg","width":769,"height":764},{"@type":"BreadcrumbList","@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cambiatearemoto.com\/lp\/"},{"@type":"ListItem","position":2,"name":"[LP] CREADOR DE CVS #7"}]},{"@type":"WebSite","@id":"https:\/\/cambiatearemoto.com\/lp\/#website","url":"https:\/\/cambiatearemoto.com\/lp\/","name":"C\u00e1mbiate a Remoto","description":"Y transforma tu vida","publisher":{"@id":"https:\/\/cambiatearemoto.com\/lp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cambiatearemoto.com\/lp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cambiatearemoto.com\/lp\/#organization","name":"C\u00e1mbiate a Remoto","url":"https:\/\/cambiatearemoto.com\/lp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cambiatearemoto.com\/lp\/#\/schema\/logo\/image\/","url":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2023\/08\/Untitled-design-22.png","contentUrl":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2023\/08\/Untitled-design-22.png","width":800,"height":800,"caption":"C\u00e1mbiate a Remoto"},"image":{"@id":"https:\/\/cambiatearemoto.com\/lp\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/pages\/11015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/comments?post=11015"}],"version-history":[{"count":10,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/pages\/11015\/revisions"}],"predecessor-version":[{"id":11430,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/pages\/11015\/revisions\/11430"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/media\/5399"}],"wp:attachment":[{"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/media?parent=11015"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/folder?post=11015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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

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

\n\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Creador de CVs Premium | C\u00e1mbiate a Remoto<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* COLORES MARCA APP *\/\r\n :root {\r\n --app-dark: #353b3c;\r\n --app-cyan: #2ed8cb;\r\n --app-bg: #e5e7eb;\r\n }\r\n\r\n body { font-family: 'Montserrat', sans-serif; background-color: var(--app-bg); height: 100vh; overflow: hidden; display: flex; flex-direction: column; }\r\n \r\n \/* SCROLLBAR *\/\r\n .custom-scroll::-webkit-scrollbar { width: 6px; }\r\n .custom-scroll::-webkit-scrollbar-track { background: transparent; }\r\n .custom-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }\r\n .custom-scroll::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\r\n\r\n \/* UTILIDADES TEXTO *\/\r\n .cv-text-wrap { white-space: pre-line; word-wrap: break-word; }\r\n \r\n \/* AREA DE VISTA PREVIA (STAGE) *\/\r\n #preview-stage {\r\n background-color: #525659;\r\n flex: 1;\r\n display: flex;\r\n align-items: center; \/* Centrar Verticalmente *\/\r\n justify-content: center; \/* Centrar Horizontalmente *\/\r\n overflow: hidden;\r\n position: relative;\r\n padding: 20px;\r\n }\r\n\r\n \/* EL DOCUMENTO A4 *\/\r\n #cv-document {\r\n width: 210mm;\r\n height: 297mm;\r\n background: white;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n flex-shrink: 0;\r\n transform-origin: center center;\r\n \/* La escala se controla via JS *\/\r\n }\r\n\r\n \/* --- CLASES DE DISE\u00d1O ESPEC\u00cdFICAS (SHAPES) --- *\/\r\n \r\n \/* 1. ANDREA (Pink Arch) *\/\r\n .arch-container {\r\n border-bottom-left-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n .photo-arch {\r\n border-radius: 50% 50% 0 0; \/* Semic\u00edrculo superior *\/\r\n }\r\n\r\n \/* 2. FRANCISCO (Dark Angular) *\/\r\n .clip-diagonal {\r\n clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%);\r\n }\r\n .header-diagonal {\r\n clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);\r\n }\r\n\r\n \/* 3. ALBERTO (Wave) *\/\r\n .wave-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 250px;\r\n background: #1e3a8a;\r\n z-index: 0;\r\n clip-path: ellipse(80% 70% at 50% 10%);\r\n }\r\n \r\n <\/style>\r\n<\/head>\r\n<body x-data=\"cvApp()\" x-init=\"init()\" class=\"md:flex-row\">\r\n\r\n <aside class=\"w-full md:w-[480px] bg-white flex flex-col z-20 shadow-2xl h-full border-r border-gray-200 shrink-0\">\r\n \r\n <div class=\"p-5 bg-[#353b3c] text-white flex justify-between items-center shrink-0\">\r\n <div>\r\n <h1 class=\"font-bold text-lg leading-tight\">Creador de CVs<\/h1>\r\n <p class=\"text-[10px] text-[#2ed8cb] font-bold tracking-widest uppercase\">C\u00e1mbiate a Remoto<\/p>\r\n <\/div>\r\n <div class=\"text-[10px] bg-[#2ed8cb] text-[#353b3c] px-3 py-1 rounded-full font-bold shadow\">BETA 3.5<\/div>\r\n <\/div>\r\n\r\n <div class=\"px-6 py-4 bg-gray-50 border-b shrink-0\">\r\n <div class=\"flex justify-between text-[10px] font-bold text-gray-400 mb-2 uppercase tracking-wider\">\r\n <span x-text=\"getStepTitle()\"><\/span>\r\n <span>Paso <span x-text=\"step\"><\/span>\/5<\/span>\r\n <\/div>\r\n <div class=\"h-1.5 bg-gray-200 rounded-full overflow-hidden\">\r\n <div class=\"h-full bg-[#f61067] transition-all duration-300 ease-out\" :style=\"`width: ${(step\/5)*100}%`\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex-1 overflow-y-auto p-6 space-y-8 custom-scroll bg-white\">\r\n \r\n <div x-show=\"step === 1\" x-transition.opacity.duration.300ms>\r\n <h2 class=\"text-2xl font-extrabold text-[#353b3c] mb-2\">Dise\u00f1o Visual<\/h2>\r\n <p class=\"text-xs text-gray-500 mb-6\">Selecciona el estilo que mejor proyecte tu perfil.<\/p>\r\n \r\n <div class=\"grid grid-cols-1 gap-4\">\r\n <label class=\"cursor-pointer group relative\">\r\n <input type=\"radio\" value=\"andrea\" x-model=\"datos.plantilla\" class=\"peer hidden\">\r\n <div class=\"border-2 rounded-xl p-3 flex gap-4 transition-all hover:shadow-lg peer-checked:border-[#f61067] peer-checked:bg-red-50 peer-checked:shadow-md\">\r\n <div class=\"w-14 h-20 bg-gray-100 rounded-lg border overflow-hidden relative\">\r\n <div class=\"absolute top-0 left-0 w-full h-12 bg-[#fbcfe8] rounded-b-full\"><\/div> <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-sm text-[#353b3c]\">Estilo \"Andrea\"<\/h3>\r\n <p class=\"text-[10px] text-gray-500 mt-1\">Creativo. Formas curvas y tonos suaves.<\/p>\r\n <\/div>\r\n <div class=\"ml-auto flex items-center\">\r\n <div class=\"w-4 h-4 rounded-full border-2 border-gray-300 peer-checked:border-[#f61067] peer-checked:bg-[#f61067]\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/label>\r\n\r\n <label class=\"cursor-pointer group relative\">\r\n <input type=\"radio\" value=\"francisco\" x-model=\"datos.plantilla\" class=\"peer hidden\">\r\n <div class=\"border-2 rounded-xl p-3 flex gap-4 transition-all hover:shadow-lg peer-checked:border-[#f61067] peer-checked:bg-red-50 peer-checked:shadow-md\">\r\n <div class=\"w-14 h-20 bg-white rounded-lg border overflow-hidden flex\">\r\n <div class=\"w-1\/2 bg-[#1e293b] h-full\" style=\"clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);\"><\/div>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-sm text-[#353b3c]\">Estilo \"Francisco\"<\/h3>\r\n <p class=\"text-[10px] text-gray-500 mt-1\">Ejecutivo. Alto contraste y geometr\u00eda.<\/p>\r\n <\/div>\r\n <div class=\"ml-auto flex items-center\">\r\n <div class=\"w-4 h-4 rounded-full border-2 border-gray-300 peer-checked:border-[#f61067] peer-checked:bg-[#f61067]\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/label>\r\n\r\n <label class=\"cursor-pointer group relative\">\r\n <input type=\"radio\" value=\"alberto\" x-model=\"datos.plantilla\" class=\"peer hidden\">\r\n <div class=\"border-2 rounded-xl p-3 flex gap-4 transition-all hover:shadow-lg peer-checked:border-[#f61067] peer-checked:bg-red-50 peer-checked:shadow-md\">\r\n <div class=\"w-14 h-20 bg-white rounded-lg border overflow-hidden relative\">\r\n <div class=\"absolute top-0 w-full h-8 bg-[#1e3a8a]\" style=\"clip-path: ellipse(80% 80% at 50% 0%);\"><\/div>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-sm text-[#353b3c]\">Estilo \"Alberto\"<\/h3>\r\n <p class=\"text-[10px] text-gray-500 mt-1\">Moderno. Encabezado de ola elegante.<\/p>\r\n <\/div>\r\n <div class=\"ml-auto flex items-center\">\r\n <div class=\"w-4 h-4 rounded-full border-2 border-gray-300 peer-checked:border-[#f61067] peer-checked:bg-[#f61067]\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div x-show=\"step === 2\" x-transition.opacity>\r\n <h2 class=\"text-2xl font-extrabold text-[#353b3c] mb-4\">\u00bfQui\u00e9n eres?<\/h2>\r\n <div class=\"space-y-4\">\r\n <div>\r\n <label class=\"text-[10px] font-bold text-gray-400 uppercase tracking-wider\">Tu Rol \/ T\u00edtulo<\/label>\r\n <input type=\"text\" x-model=\"datos.titulo\" class=\"w-full p-3 border-b-2 border-gray-200 bg-gray-50 focus:border-[#2ed8cb] outline-none font-bold text-lg text-[#353b3c] placeholder-gray-300\" placeholder=\"EJ: DISE\u00d1ADORA GR\u00c1FICA\">\r\n <\/div>\r\n <div>\r\n <label class=\"text-[10px] font-bold text-gray-400 uppercase tracking-wider\">Nombre Completo<\/label>\r\n <input type=\"text\" x-model=\"datos.nombre\" class=\"w-full p-3 border-b-2 border-gray-200 bg-gray-50 focus:border-[#2ed8cb] outline-none text-[#353b3c] placeholder-gray-300\" placeholder=\"Tu nombre\">\r\n <\/div>\r\n \r\n <div class=\"flex items-center gap-4 p-4 border-2 border-dashed border-gray-300 rounded-xl hover:bg-gray-50 transition-colors\">\r\n <div class=\"w-16 h-16 rounded-full bg-gray-200 overflow-hidden shrink-0 border shadow-sm\">\r\n <img :src=\"datos.foto || 'https:\/\/via.placeholder.com\/150'\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <label class=\"cursor-pointer block\">\r\n <span class=\"text-sm font-bold text-[#f61067] hover:underline\">Haz clic para subir foto<\/span>\r\n <input type=\"file\" @change=\"cargarFoto\" class=\"hidden\" accept=\"image\/*\">\r\n <\/label>\r\n <p class=\"text-[10px] text-gray-400 mt-1\">M\u00e1ximo 5MB. Se ajusta autom\u00e1ticamente.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"text-[10px] font-bold text-gray-400 uppercase tracking-wider\">Perfil (Bio)<\/label>\r\n <textarea x-model=\"datos.bio\" rows=\"4\" class=\"w-full p-3 border rounded-lg bg-white focus:ring-2 focus:ring-[#2ed8cb] outline-none text-sm\" placeholder=\"Resumen profesional...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div x-show=\"step === 3\" x-transition.opacity>\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <h2 class=\"text-2xl font-extrabold text-[#353b3c]\">Experiencia<\/h2>\r\n <button @click=\"agregarItem('experiencia')\" class=\"text-[10px] bg-[#e7fe68] px-3 py-1 rounded-full font-bold hover:brightness-95\">+ AGREGAR<\/button>\r\n <\/div>\r\n <p class=\"text-[10px] text-gray-400 mb-6\">Usa \"Enter\" para crear vi\u00f1etas.<\/p>\r\n \r\n <div class=\"space-y-6\">\r\n <template x-for=\"(exp, index) in datos.experiencia\" :key=\"index\">\r\n <div class=\"p-5 border rounded-xl bg-white shadow-sm relative group hover:shadow-md transition-shadow\">\r\n <button @click=\"removerItem('experiencia', index)\" class=\"absolute top-3 right-3 text-gray-300 hover:text-[#f61067] transition-colors font-bold text-lg\">\u00d7<\/button>\r\n \r\n <div class=\"space-y-3\">\r\n <input type=\"text\" x-model=\"exp.cargo\" placeholder=\"Cargo (Ej: Gerente)\" class=\"w-full font-bold text-[#353b3c] border-b border-gray-100 pb-1 outline-none text-sm\">\r\n <div class=\"flex gap-2\">\r\n <input type=\"text\" x-model=\"exp.empresa\" placeholder=\"Empresa\" class=\"w-1\/2 text-xs font-semibold text-gray-500 border-b border-gray-100 pb-1 outline-none\">\r\n <input type=\"text\" x-model=\"exp.periodo\" placeholder=\"A\u00f1os (2020-2023)\" class=\"w-1\/2 text-xs text-gray-400 border-b border-gray-100 pb-1 outline-none text-right\">\r\n <\/div>\r\n <textarea x-model=\"exp.descripcion\" placeholder=\"\u2022 Logro principal...\" class=\"w-full text-xs text-gray-600 bg-gray-50 p-2 rounded h-20 outline-none resize-none\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n\r\n <div x-show=\"step === 4\" x-transition.opacity>\r\n <h2 class=\"text-2xl font-extrabold text-[#353b3c] mb-6\">Formaci\u00f3n<\/h2>\r\n \r\n <div class=\"mb-8\">\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <label class=\"text-[10px] font-bold text-[#f61067] uppercase\">Estudios<\/label>\r\n <button @click=\"agregarItem('educacion')\" class=\"text-[10px] underline font-bold text-gray-500\">A\u00f1adir otro<\/button>\r\n <\/div>\r\n <div class=\"space-y-2\">\r\n <template x-for=\"(edu, index) in datos.educacion\" :key=\"index\">\r\n <div class=\"flex items-center gap-2 bg-gray-50 p-2 rounded border border-gray-100\">\r\n <input type=\"text\" x-model=\"edu.titulo\" class=\"flex-1 bg-transparent text-sm outline-none\" placeholder=\"T\u00edtulo - Universidad\">\r\n <button @click=\"removerItem('educacion', index)\" class=\"text-red-400 font-bold px-2 hover:text-red-600\">\u00d7<\/button>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-y-4\">\r\n <div>\r\n <label class=\"text-[10px] font-bold text-gray-400 uppercase block mb-1\">Habilidades (Skills)<\/label>\r\n <textarea x-model=\"datos.habilidades\" rows=\"3\" class=\"w-full p-3 border rounded-lg bg-white text-sm focus:ring-1 focus:ring-[#2ed8cb] outline-none\" placeholder=\"\u2022 Liderazgo \u2022 Gesti\u00f3n\"><\/textarea>\r\n <\/div>\r\n <div>\r\n <label class=\"text-[10px] font-bold text-gray-400 uppercase block mb-1\">Herramientas<\/label>\r\n <textarea x-model=\"datos.herramientas\" rows=\"3\" class=\"w-full p-3 border rounded-lg bg-white text-sm focus:ring-1 focus:ring-[#2ed8cb] outline-none\" placeholder=\"\u2022 Excel \u2022 Jira\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div x-show=\"step === 5\" x-transition.opacity>\r\n <h2 class=\"text-2xl font-extrabold text-[#353b3c] mb-6\">Contacto y Finalizar<\/h2>\r\n <div class=\"space-y-4 mb-8\">\r\n <input type=\"text\" x-model=\"datos.telefono\" placeholder=\"Tel\u00e9fono M\u00f3vil\" class=\"w-full p-3 border rounded-lg bg-gray-50 outline-none focus:bg-white focus:ring-1 focus:ring-[#2ed8cb]\">\r\n <input type=\"text\" x-model=\"datos.email\" placeholder=\"Correo Electr\u00f3nico\" class=\"w-full p-3 border rounded-lg bg-gray-50 outline-none focus:bg-white focus:ring-1 focus:ring-[#2ed8cb]\">\r\n <input type=\"text\" x-model=\"datos.ubicacion\" placeholder=\"Ciudad, Pa\u00eds\" class=\"w-full p-3 border rounded-lg bg-gray-50 outline-none focus:bg-white focus:ring-1 focus:ring-[#2ed8cb]\">\r\n <\/div>\r\n\r\n <div class=\"bg-gray-900 text-white p-6 rounded-2xl shadow-xl text-center\">\r\n <h3 class=\"font-bold text-lg mb-2\">\u00bfListo para despegar? \ud83d\ude80<\/h3>\r\n <p class=\"text-xs text-gray-400 mb-6\">Tu CV profesional se generar\u00e1 en formato PDF listo para enviar.<\/p>\r\n <button @click=\"descargarPDF\" class=\"w-full bg-[#f61067] hover:bg-[#d90d5a] text-white font-bold py-4 rounded-xl shadow-lg transform transition hover:-translate-y-1 flex justify-center items-center gap-2 text-sm uppercase tracking-wider\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path><\/svg>\r\n Descargar PDF\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"p-4 border-t bg-white flex justify-between items-center shrink-0\">\r\n <button x-show=\"step > 1\" @click=\"step--\" class=\"text-gray-500 font-bold text-xs px-4 py-2 hover:bg-gray-100 rounded-lg transition-colors\">Atr\u00e1s<\/button>\r\n <div class=\"flex-1\"><\/div>\r\n <button x-show=\"step < 5\" @click=\"step++\" class=\"bg-[#353b3c] text-white font-bold text-xs px-6 py-3 rounded-lg shadow hover:bg-black transition-colors\">SIGUIENTE PASO<\/button>\r\n <\/div>\r\n <\/aside>\r\n\r\n <main id=\"preview-stage\">\r\n <div id=\"cv-document\">\r\n \r\n <template x-if=\"datos.plantilla === 'andrea'\">\r\n <div class=\"flex h-full font-['Montserrat'] text-[#333] relative\">\r\n <div class=\"w-[35%] bg-[#fff1f2] h-full pt-16 px-6 relative\">\r\n <div class=\"w-40 h-48 mx-auto mb-10 relative z-10\">\r\n <div class=\"w-full h-full bg-white p-2 rounded-t-full shadow-lg\">\r\n <div class=\"w-full h-full bg-gray-200 rounded-t-full overflow-hidden\">\r\n <img :src=\"datos.foto\" class=\"w-full h-full object-cover\" x-show=\"datos.foto\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-y-8 relative z-10\">\r\n <div>\r\n <h3 class=\"font-bold text-[#be123c] uppercase tracking-widest text-xs mb-3 border-b border-[#fecdd3] pb-1\">Contacto<\/h3>\r\n <div class=\"text-[11px] space-y-2 font-medium text-gray-600\">\r\n <div class=\"flex items-center gap-2\"><span class=\"text-[#be123c]\">\ud83d\udcde<\/span> <span x-text=\"datos.telefono\"><\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><span class=\"text-[#be123c]\">\u2709\ufe0f<\/span> <span x-text=\"datos.email\" class=\"break-words\"><\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><span class=\"text-[#be123c]\">\ud83d\udccd<\/span> <span x-text=\"datos.ubicacion\"><\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-[#be123c] uppercase tracking-widest text-xs mb-3 border-b border-[#fecdd3] pb-1\">Habilidades<\/h3>\r\n <div class=\"cv-text-wrap text-[11px] text-gray-600 leading-relaxed\" x-text=\"datos.habilidades\"><\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-[#be123c] uppercase tracking-widest text-xs mb-3 border-b border-[#fecdd3] pb-1\">Herramientas<\/h3>\r\n <div class=\"cv-text-wrap text-[11px] text-gray-600 leading-relaxed\" x-text=\"datos.herramientas\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 left-0 w-full h-32 bg-[#fecdd3] opacity-30 rounded-t-full\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"w-[65%] p-12 pt-16\">\r\n <div class=\"mb-12 text-center md:text-left\">\r\n <h1 class=\"text-5xl font-['Playfair_Display'] font-bold text-[#353b3c] mb-2 leading-none\" x-text=\"datos.nombre\"><\/h1>\r\n <h2 class=\"text-sm font-bold text-[#be123c] uppercase tracking-[0.3em]\" x-text=\"datos.titulo\"><\/h2>\r\n <\/div>\r\n\r\n <div class=\"mb-10\">\r\n <h3 class=\"font-bold text-gray-800 uppercase tracking-wider text-sm mb-3 border-l-4 border-[#be123c] pl-3\">Perfil<\/h3>\r\n <p class=\"text-[11px] leading-6 text-justify text-gray-600 cv-text-wrap\" x-text=\"datos.bio\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"mb-10\">\r\n <h3 class=\"font-bold text-gray-800 uppercase tracking-wider text-sm mb-5 border-l-4 border-[#be123c] pl-3\">Experiencia Laboral<\/h3>\r\n <div class=\"space-y-6\">\r\n <template x-for=\"exp in datos.experiencia\">\r\n <div>\r\n <h4 class=\"font-bold text-sm text-gray-900\" x-text=\"exp.cargo\"><\/h4>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-[10px] font-bold uppercase text-[#be123c]\" x-text=\"exp.empresa\"><\/span>\r\n <span class=\"text-[10px] text-gray-400 font-medium\" x-text=\"exp.periodo\"><\/span>\r\n <\/div>\r\n <div class=\"text-[11px] text-gray-600 leading-relaxed cv-text-wrap border-l border-gray-100 pl-3\" x-text=\"exp.descripcion\"><\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-gray-800 uppercase tracking-wider text-sm mb-5 border-l-4 border-[#be123c] pl-3\">Educaci\u00f3n<\/h3>\r\n <div class=\"space-y-2\">\r\n <template x-for=\"edu in datos.educacion\">\r\n <div class=\"text-[11px] font-medium text-gray-700\">\r\n <span class=\"text-[#be123c] mr-2\">\u2726<\/span> <span x-text=\"edu.titulo\"><\/span>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/template>\r\n\r\n <template x-if=\"datos.plantilla === 'francisco'\">\r\n <div class=\"flex h-full font-['Lato'] bg-white\">\r\n <div class=\"w-[40%] bg-[#1e293b] text-white relative\">\r\n <div class=\"absolute top-0 right-0 w-full h-full bg-[#1e293b]\" style=\"clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);\"><\/div>\r\n \r\n <div class=\"relative z-10 h-full p-8 pt-12 flex flex-col\">\r\n <div class=\"w-36 h-36 mx-auto rounded-full border-4 border-white shadow-xl overflow-hidden mb-8 bg-gray-500\">\r\n <img :src=\"datos.foto\" class=\"w-full h-full object-cover grayscale\" x-show=\"datos.foto\">\r\n <\/div>\r\n\r\n <div class=\"mb-10\">\r\n <h3 class=\"font-bold text-white uppercase tracking-[0.2em] text-xs border-b border-gray-600 pb-2 mb-4\">Contacto<\/h3>\r\n <div class=\"text-[11px] space-y-3 font-light text-gray-300\">\r\n <p x-text=\"datos.telefono\"><\/p>\r\n <p x-text=\"datos.email\"><\/p>\r\n <p x-text=\"datos.ubicacion\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mb-10\">\r\n <h3 class=\"font-bold text-white uppercase tracking-[0.2em] text-xs border-b border-gray-600 pb-2 mb-4\">Habilidades<\/h3>\r\n <div class=\"text-[11px] leading-6 font-light text-gray-300 cv-text-wrap\" x-text=\"datos.habilidades\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-auto\">\r\n <h3 class=\"font-bold text-white uppercase tracking-[0.2em] text-xs border-b border-gray-600 pb-2 mb-4\">Software<\/h3>\r\n <div class=\"text-[11px] leading-6 font-light text-gray-300 cv-text-wrap\" x-text=\"datos.herramientas\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"w-[60%] p-12 pt-20\">\r\n <div class=\"mb-16 border-b-4 border-[#1e293b] pb-6\">\r\n <h1 class=\"text-5xl font-extrabold text-[#1e293b] uppercase leading-none mb-3\" x-text=\"datos.nombre\"><\/h1>\r\n <p class=\"text-xl text-gray-500 font-light tracking-wide uppercase\" x-text=\"datos.titulo\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"mb-12\">\r\n <h3 class=\"flex items-center gap-3 font-bold text-[#1e293b] uppercase tracking-wider text-sm mb-4\">\r\n <span class=\"w-4 h-4 bg-[#1e293b] rounded-sm\"><\/span> Perfil Profesional\r\n <\/h3>\r\n <p class=\"text-[11px] leading-6 text-gray-600 text-justify cv-text-wrap\" x-text=\"datos.bio\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"mb-12\">\r\n <h3 class=\"flex items-center gap-3 font-bold text-[#1e293b] uppercase tracking-wider text-sm mb-6\">\r\n <span class=\"w-4 h-4 bg-[#1e293b] rounded-sm\"><\/span> Experiencia\r\n <\/h3>\r\n <div class=\"space-y-8 border-l-2 border-gray-200 ml-2 pl-6\">\r\n <template x-for=\"exp in datos.experiencia\">\r\n <div class=\"relative\">\r\n <div class=\"absolute -left-[31px] top-1 w-3 h-3 bg-[#1e293b] rounded-full border-2 border-white\"><\/div>\r\n <h4 class=\"font-bold text-lg text-gray-900 leading-none\" x-text=\"exp.cargo\"><\/h4>\r\n <div class=\"flex justify-between items-center mt-1 mb-2\">\r\n <span class=\"text-[10px] font-bold text-gray-400 uppercase\" x-text=\"exp.empresa\"><\/span>\r\n <span class=\"text-[10px] font-bold text-white bg-[#1e293b] px-2 py-0.5 rounded\" x-text=\"exp.periodo\"><\/span>\r\n <\/div>\r\n <div class=\"text-[11px] text-gray-600 leading-relaxed cv-text-wrap\" x-text=\"exp.descripcion\"><\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"flex items-center gap-3 font-bold text-[#1e293b] uppercase tracking-wider text-sm mb-4\">\r\n <span class=\"w-4 h-4 bg-[#1e293b] rounded-sm\"><\/span> Formaci\u00f3n\r\n <\/h3>\r\n <div class=\"grid grid-cols-1 gap-2\">\r\n <template x-for=\"edu in datos.educacion\">\r\n <div class=\"p-3 bg-gray-50 border-l-4 border-[#1e293b] text-xs font-bold text-gray-700\" x-text=\"edu.titulo\"><\/div>\r\n <\/template>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/template>\r\n\r\n <template x-if=\"datos.plantilla === 'alberto'\">\r\n <div class=\"flex flex-col h-full font-['Montserrat'] bg-white relative\">\r\n <div class=\"h-[240px] w-full relative overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-[#1e3a8a]\" style=\"clip-path: ellipse(90% 85% at 50% 15%);\"><\/div>\r\n <div class=\"absolute inset-0 bg-[#3b82f6] opacity-30\" style=\"clip-path: ellipse(80% 85% at 40% 10%);\"><\/div>\r\n\r\n <div class=\"relative z-10 px-12 pt-12 flex justify-between items-start\">\r\n <div class=\"text-white w-2\/3\">\r\n <h1 class=\"text-4xl font-bold uppercase tracking-wide mb-2\" x-text=\"datos.nombre\"><\/h1>\r\n <p class=\"text-lg font-light opacity-90 tracking-widest\" x-text=\"datos.titulo\"><\/p>\r\n <\/div>\r\n <div class=\"w-32 h-32 rounded-full border-[6px] border-white\/20 shadow-2xl overflow-hidden bg-gray-200\">\r\n <img :src=\"datos.foto\" class=\"w-full h-full object-cover\" x-show=\"datos.foto\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex-1 px-12 py-8 flex gap-10\">\r\n <div class=\"w-[35%] space-y-8\">\r\n <div class=\"bg-gray-50 p-6 rounded-2xl\">\r\n <h3 class=\"font-bold text-[#1e3a8a] uppercase text-xs mb-4 border-b pb-2\">Contacto<\/h3>\r\n <div class=\"text-[10px] space-y-2 font-medium text-gray-600\">\r\n <p class=\"flex items-center gap-2\"><span class=\"w-1 h-1 bg-blue-500 rounded-full\"><\/span> <span x-text=\"datos.telefono\"><\/span><\/p>\r\n <p class=\"flex items-center gap-2\"><span class=\"w-1 h-1 bg-blue-500 rounded-full\"><\/span> <span x-text=\"datos.email\"><\/span><\/p>\r\n <p class=\"flex items-center gap-2\"><span class=\"w-1 h-1 bg-blue-500 rounded-full\"><\/span> <span x-text=\"datos.ubicacion\"><\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-[#1e3a8a] uppercase text-xs mb-4 border-b pb-2\">Perfil<\/h3>\r\n <p class=\"text-[10px] leading-6 text-gray-600 text-justify cv-text-wrap\" x-text=\"datos.bio\"><\/p>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-[#1e3a8a] uppercase text-xs mb-4 border-b pb-2\">Skills<\/h3>\r\n <div class=\"text-[10px] leading-6 text-gray-600 cv-text-wrap\" x-text=\"datos.habilidades\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"w-[65%] space-y-8\">\r\n <section>\r\n <h3 class=\"font-bold text-[#1e3a8a] uppercase text-lg mb-6 tracking-widest flex items-center gap-2\">\r\n <span class=\"text-2xl\">\u2022<\/span> Experiencia\r\n <\/h3>\r\n <div class=\"space-y-6\">\r\n <template x-for=\"exp in datos.experiencia\">\r\n <div class=\"group\">\r\n <h4 class=\"font-bold text-base text-gray-800\" x-text=\"exp.cargo\"><\/h4>\r\n <div class=\"flex justify-between border-b border-gray-100 pb-1 mb-2\">\r\n <span class=\"text-[10px] font-bold text-gray-400 uppercase\" x-text=\"exp.empresa\"><\/span>\r\n <span class=\"text-[10px] font-bold text-[#1e3a8a]\" x-text=\"exp.periodo\"><\/span>\r\n <\/div>\r\n <div class=\"text-[11px] text-gray-600 leading-relaxed cv-text-wrap\" x-text=\"exp.descripcion\"><\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <h3 class=\"font-bold text-[#1e3a8a] uppercase text-lg mb-6 tracking-widest flex items-center gap-2\">\r\n <span class=\"text-2xl\">\u2022<\/span> Educaci\u00f3n\r\n <\/h3>\r\n <div class=\"space-y-2\">\r\n <template x-for=\"edu in datos.educacion\">\r\n <div class=\"flex items-center gap-3 text-[11px] font-semibold text-gray-700 bg-blue-50 p-2 rounded\">\r\n <div class=\"w-1.5 h-1.5 bg-[#1e3a8a] rounded-full\"><\/div>\r\n <span x-text=\"edu.titulo\"><\/span>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n function cvApp() {\r\n return {\r\n step: 1,\r\n datos: {\r\n plantilla: 'andrea',\r\n titulo: '',\r\n nombre: '',\r\n foto: '',\r\n bio: '',\r\n telefono: '',\r\n email: '',\r\n ubicacion: '',\r\n experiencia: [{ cargo: 'Cargo Actual', empresa: 'Nombre Empresa', periodo: '2022 - Presente', descripcion: '\u2022 Logro principal realizado.' }],\r\n educacion: [{ titulo: 'T\u00edtulo Universitario - Universidad' }],\r\n habilidades: '\u2022 Liderazgo\\n\u2022 Comunicaci\u00f3n',\r\n herramientas: '\u2022 Office 365\\n\u2022 Zoom'\r\n },\r\n init() {\r\n const saved = localStorage.getItem('cv_premium_v3.5');\r\n if (saved) { try { this.datos = JSON.parse(saved); } catch(e){} }\r\n \r\n this.$watch('datos', (val) => {\r\n localStorage.setItem('cv_premium_v3.5', JSON.stringify(val));\r\n }, { deep: true });\r\n\r\n this.resizePreview();\r\n window.addEventListener('resize', () => this.resizePreview());\r\n },\r\n getStepTitle() {\r\n return ['Dise\u00f1o', 'Personal', 'Experiencia', 'Formaci\u00f3n', 'Finalizar'][this.step - 1];\r\n },\r\n resizePreview() {\r\n const stage = document.getElementById('preview-stage');\r\n const doc = document.getElementById('cv-document');\r\n if (!stage || !doc) return;\r\n\r\n const padding = 40; \r\n const availableW = stage.clientWidth - padding;\r\n const availableH = stage.clientHeight - padding;\r\n \r\n const docW = 794; \/\/ 210mm @ 96dpi approx\r\n const docH = 1123; \/\/ 297mm @ 96dpi approx\r\n\r\n const scaleW = availableW \/ docW;\r\n const scaleH = availableH \/ docH;\r\n \r\n \/\/ Escalar bas\u00e1ndose en el lado m\u00e1s restrictivo para que SIEMPRE quepa entero\r\n const scale = Math.min(scaleW, scaleH, 1.2); \/\/ Max zoom 1.2x\r\n \r\n doc.style.transform = `scale(${scale})`;\r\n },\r\n cargarFoto(e) {\r\n const file = e.target.files[0];\r\n if (!file) return;\r\n if (file.size > 5 * 1024 * 1024) { alert('M\u00e1ximo 5MB'); return; }\r\n const reader = new FileReader();\r\n reader.onload = (f) => this.datos.foto = f.target.result;\r\n reader.readAsDataURL(file);\r\n },\r\n agregarItem(tipo) {\r\n if (tipo === 'experiencia') this.datos.experiencia.push({ cargo: '', empresa: '', periodo: '', descripcion: '' });\r\n if (tipo === 'educacion') this.datos.educacion.push({ titulo: '' });\r\n },\r\n removerItem(tipo, index) {\r\n if (this.datos[tipo].length > 0) this.datos[tipo].splice(index, 1);\r\n },\r\n descargarPDF() {\r\n const element = document.getElementById('cv-document');\r\n const opt = {\r\n margin: 0,\r\n filename: `CV_${this.datos.nombre.replace(\/\\s+\/g, '_') || 'Cambiante'}.pdf`,\r\n image: { type: 'jpeg', quality: 1 },\r\n html2canvas: { scale: 2, useCORS: true, letterRendering: true },\r\n jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }\r\n };\r\n html2pdf().set(opt).from(element).save();\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Creador de CVs Premium | C\u00e1mbiate a Remoto Creador de CVs C\u00e1mbiate a Remoto BETA 3.5 Paso \/5 Dise\u00f1o Visual Selecciona el estilo que mejor proyecte tu perfil. Estilo “Andrea” Creativo. Formas curvas y tonos suaves. Estilo “Francisco” Ejecutivo. Alto contraste y geometr\u00eda. Estilo “Alberto” Moderno. Encabezado de ola elegante. \u00bfQui\u00e9n eres? Tu Rol \/ […]<\/p>\n","protected":false},"author":1,"featured_media":5399,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"folder":[4],"class_list":["post-11015","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto<\/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:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto\" \/>\n<meta property=\"og:description\" content=\"Creador de CVs Premium | C\u00e1mbiate a Remoto Creador de CVs C\u00e1mbiate a Remoto BETA 3.5 Paso \/5 Dise\u00f1o Visual Selecciona el estilo que mejor proyecte tu perfil. Estilo “Andrea” Creativo. Formas curvas y tonos suaves. Estilo “Francisco” Ejecutivo. Alto contraste y geometr\u00eda. Estilo “Alberto” Moderno. Encabezado de ola elegante. \u00bfQui\u00e9n eres? Tu Rol \/ […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/\" \/>\n<meta property=\"og:site_name\" content=\"C\u00e1mbiate a Remoto\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-07T03:24:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2025\/02\/Diseno-sin-titulo-30.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"769\" \/>\n\t<meta property=\"og:image:height\" content=\"764\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/\",\"url\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/\",\"name\":\"[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Diseno-sin-titulo-30.jpg\",\"datePublished\":\"2026-02-07T02:01:30+00:00\",\"dateModified\":\"2026-02-07T03:24:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Diseno-sin-titulo-30.jpg\",\"contentUrl\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Diseno-sin-titulo-30.jpg\",\"width\":769,\"height\":764},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/cv-creator-7\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[LP] CREADOR DE CVS #7\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#website\",\"url\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/\",\"name\":\"C\u00e1mbiate a Remoto\",\"description\":\"Y transforma tu vida\",\"publisher\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#organization\",\"name\":\"C\u00e1mbiate a Remoto\",\"url\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Untitled-design-22.png\",\"contentUrl\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Untitled-design-22.png\",\"width\":800,\"height\":800,\"caption\":\"C\u00e1mbiate a Remoto\"},\"image\":{\"@id\":\"https:\\\/\\\/cambiatearemoto.com\\\/lp\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto","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:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/","og_locale":"en_US","og_type":"article","og_title":"[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto","og_description":"Creador de CVs Premium | C\u00e1mbiate a Remoto Creador de CVs C\u00e1mbiate a Remoto BETA 3.5 Paso \/5 Dise\u00f1o Visual Selecciona el estilo que mejor proyecte tu perfil. Estilo “Andrea” Creativo. Formas curvas y tonos suaves. Estilo “Francisco” Ejecutivo. Alto contraste y geometr\u00eda. Estilo “Alberto” Moderno. Encabezado de ola elegante. \u00bfQui\u00e9n eres? Tu Rol \/ […]","og_url":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/","og_site_name":"C\u00e1mbiate a Remoto","article_modified_time":"2026-02-07T03:24:31+00:00","og_image":[{"width":769,"height":764,"url":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2025\/02\/Diseno-sin-titulo-30.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/","url":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/","name":"[LP] CREADOR DE CVS #7 - C\u00e1mbiate a Remoto","isPartOf":{"@id":"https:\/\/cambiatearemoto.com\/lp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/#primaryimage"},"image":{"@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/#primaryimage"},"thumbnailUrl":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2025\/02\/Diseno-sin-titulo-30.jpg","datePublished":"2026-02-07T02:01:30+00:00","dateModified":"2026-02-07T03:24:31+00:00","breadcrumb":{"@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/#primaryimage","url":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2025\/02\/Diseno-sin-titulo-30.jpg","contentUrl":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2025\/02\/Diseno-sin-titulo-30.jpg","width":769,"height":764},{"@type":"BreadcrumbList","@id":"https:\/\/cambiatearemoto.com\/lp\/cv-creator-7\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cambiatearemoto.com\/lp\/"},{"@type":"ListItem","position":2,"name":"[LP] CREADOR DE CVS #7"}]},{"@type":"WebSite","@id":"https:\/\/cambiatearemoto.com\/lp\/#website","url":"https:\/\/cambiatearemoto.com\/lp\/","name":"C\u00e1mbiate a Remoto","description":"Y transforma tu vida","publisher":{"@id":"https:\/\/cambiatearemoto.com\/lp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cambiatearemoto.com\/lp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cambiatearemoto.com\/lp\/#organization","name":"C\u00e1mbiate a Remoto","url":"https:\/\/cambiatearemoto.com\/lp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cambiatearemoto.com\/lp\/#\/schema\/logo\/image\/","url":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2023\/08\/Untitled-design-22.png","contentUrl":"https:\/\/cambiatearemoto.com\/lp\/wp-content\/uploads\/2023\/08\/Untitled-design-22.png","width":800,"height":800,"caption":"C\u00e1mbiate a Remoto"},"image":{"@id":"https:\/\/cambiatearemoto.com\/lp\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/pages\/11015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/comments?post=11015"}],"version-history":[{"count":10,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/pages\/11015\/revisions"}],"predecessor-version":[{"id":11430,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/pages\/11015\/revisions\/11430"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/media\/5399"}],"wp:attachment":[{"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/media?parent=11015"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/cambiatearemoto.com\/lp\/wp-json\/wp\/v2\/folder?post=11015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}