Texto Vivo – Redacci\u00f3n sin Dolor<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300&display=swap\" rel=\"stylesheet\">\n\n <style>\n body { font-family: 'Inter', sans-serif; }\n .font-serif { font-family: 'Merriweather', serif; }\n \n \/* Animaciones suaves *\/\n .fade-in {\n animation: fadeIn 0.5s ease-in-out;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-800 bg-white selection:bg-blue-100 selection:text-blue-900\">\n\n \n <section id=\"hero\" class=\"relative pt-20 pb-20 lg:pt-32 lg:pb-32 overflow-hidden min-h-[85vh] flex items-center\">\n \n <div class=\"absolute inset-0 w-full h-full\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop\" \n alt=\"Escritura creativa\" \n class=\"w-full h-full object-cover\"\n \/>\n \n <div class=\"absolute inset-0 bg-slate-900\/70\"><\/div>\n <\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-blue-500\/20 border border-blue-400\/30 text-blue-100 text-xs font-semibold uppercase tracking-wide mb-6 backdrop-blur-sm\">\n <span class=\"w-2 h-2 rounded-full bg-blue-400 animate-pulse\"><\/span>\n Curso Online\n <\/div>\n <h1 class=\"text-5xl md:text-7xl font-extrabold text-white tracking-tight mb-6 leading-tight drop-shadow-lg\">\n Escribe sin dolor. <br \/>\n <span class=\"text-blue-400\">Punt\u00faa con precisi\u00f3n.<\/span>\n <\/h1>\n <p class=\"mt-4 text-xl text-slate-200 max-w-2xl mx-auto leading-relaxed drop-shadow-md\">\n Domina la puntuaci\u00f3n y la sintaxis. Deja de adivinar y empieza a aplicar la l\u00f3gica del idioma para escribir textos impecables.\n <\/p>\n <div class=\"mt-10 flex flex-col sm:flex-row justify-center gap-4\">\n <button onclick=\"goToCheckout()\" class=\"group bg-blue-600 text-white px-8 py-4 rounded-full text-lg font-bold hover:bg-blue-500 transition-all shadow-xl hover:shadow-2xl flex items-center justify-center gap-2 ring-2 ring-blue-600 ring-offset-2 ring-offset-transparent cursor-pointer\">\n Comenzar el Curso\n <i data-lucide=\"arrow-right\" class=\"w-5 h-5 group-hover:translate-x-1 transition-transform\"><\/i>\n <\/button>\n <button onclick=\"scrollToSection('clase-gratis')\" class=\"px-8 py-4 rounded-full text-lg font-semibold text-white bg-white\/10 backdrop-blur-sm border border-white\/20 hover:bg-white\/20 transition-all flex items-center justify-center gap-2 cursor-pointer\">\n Ver Clase Gratis\n <i data-lucide=\"play-circle\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <\/div>\n \n <div class=\"mt-12 text-center opacity-80 hover:opacity-100 transition-all duration-500\">\n <span class=\"text-sm font-semibold text-slate-300\">Basado en el m\u00e9todo de<\/span>\n <span class=\"font-serif italic text-white text-lg ml-1.5\">Sandro Cohen<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"problema\" class=\"py-24 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">\u00bfPor qu\u00e9 es dif\u00edcil puntuar?<\/h2>\n <p class=\"text-lg text-slate-600 max-w-2xl mx-auto mb-10\">\n Nos ense\u00f1aron a escribir “de o\u00eddo”, pero el idioma tiene una estructura l\u00f3gica. Cuando entiendes la estructura, el dolor desaparece.\n <\/p>\n\n \n <div class=\"inline-block bg-slate-50 p-6 md:p-8 rounded-2xl border border-slate-200 shadow-sm max-w-xl mx-auto transform hover:scale-105 transition-transform duration-300\">\n <p class=\"text-slate-500 font-semibold mb-4 uppercase text-xs tracking-widest\">No es lo mismo:<\/p>\n <div class=\"space-y-3 font-serif text-xl md:text-2xl\">\n <p class=\"text-slate-400 line-through decoration-red-400 decoration-2 opacity-70\">\n “Comeremos ni\u00f1os todo el a\u00f1o”\n <\/p>\n <p class=\"text-slate-400 text-sm font-sans font-medium italic\">que<\/p>\n <p class=\"text-blue-700 font-bold bg-blue-50 inline-block px-4 py-1 rounded-lg\">\n “Comeremos, ni\u00f1os, todo el a\u00f1o”\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-lg transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"bg-white w-14 h-14 rounded-xl flex items-center justify-center shadow-sm mb-6 group-hover:scale-110 transition-transform duration-300 ring-1 ring-slate-100\">\n <i data-lucide=\"check-circle\" class=\"w-6 h-6 text-blue-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Adi\u00f3s a la ambig\u00fcedad<\/h3>\n <p class=\"text-slate-600 leading-relaxed\">\n Aprende a organizar tus ideas para que el lector entienda exactamente lo que quieres decir, a la primera.\n <\/p>\n <\/div>\n \n <div class=\"bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-lg transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"bg-white w-14 h-14 rounded-xl flex items-center justify-center shadow-sm mb-6 group-hover:scale-110 transition-transform duration-300 ring-1 ring-slate-100\">\n <i data-lucide=\"pen-tool\" class=\"w-6 h-6 text-blue-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">L\u00f3gica vs. Intuici\u00f3n<\/h3>\n <p class=\"text-slate-600 leading-relaxed\">\n Deja de poner comas ‘donde respiras’. Descubre la l\u00f3gica sint\u00e1ctica detr\u00e1s de cada signo de puntuaci\u00f3n.\n <\/p>\n <\/div>\n \n <div class=\"bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-lg transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"bg-white w-14 h-14 rounded-xl flex items-center justify-center shadow-sm mb-6 group-hover:scale-110 transition-transform duration-300 ring-1 ring-slate-100\">\n <i data-lucide=\"award\" class=\"w-6 h-6 text-blue-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Proyecci\u00f3n Profesional<\/h3>\n <p class=\"text-slate-600 leading-relaxed\">\n Un texto limpio y bien puntuado es tu mejor carta de presentaci\u00f3n en el mundo acad\u00e9mico y laboral.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"instructor\" class=\"py-24 bg-white\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <i data-lucide=\"users\" class=\"w-12 h-12 text-blue-600 mx-auto mb-6\"><\/i>\n <h2 class=\"text-3xl font-bold text-slate-900 mb-8\">Un m\u00e9todo probado por miles<\/h2>\n \n \n <div class=\"relative max-w-4xl mx-auto mt-12\">\n \n \n <div id=\"testimonial-card\" class=\"bg-slate-50 p-8 md:p-12 rounded-3xl shadow-lg border border-slate-100 relative transition-all duration-500 ease-in-out min-h-[300px] flex flex-col justify-center fade-in\">\n \n <div class=\"absolute top-8 left-8 text-blue-200 opacity-50\">\n <svg width=\"64\" height=\"64\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M14.017 21L14.017 18C14.017 16.896 14.321 15.923 14.929 15.081C15.536 14.238 16.425 13.528 17.594 12.953L17.594 12.836C16.963 12.836 16.39 12.65 15.875 12.278C15.36 11.905 15.103 11.367 15.103 10.664C15.103 9.938 15.372 9.329 15.91 8.837C16.448 8.345 17.151 8.099 18.017 8.099C18.813 8.099 19.468 8.369 19.982 8.907C20.498 9.446 20.755 10.125 20.755 10.945C20.755 12.445 20.217 13.992 19.14 15.586C18.063 17.18 16.356 18.985 14.017 21ZM5 21L5 18C5 16.896 5.304 15.923 5.912 15.081C6.519 14.238 7.408 13.528 8.578 12.953L8.578 12.836C7.946 12.836 7.374 12.65 6.859 12.278C6.343 11.905 6.086 11.367 6.086 10.664C6.086 9.938 6.355 9.329 6.894 8.837C7.432 8.345 8.135 8.099 9 8.099C9.796 8.099 10.452 8.369 10.966 8.907C11.481 9.446 11.738 10.125 11.738 10.945C11.738 12.445 11.2 13.992 10.123 15.586C9.046 17.18 7.339 18.985 5 21Z\" \/>\n <\/svg>\n <\/div>\n\n \n <div class=\"flex justify-center gap-1 text-yellow-400 mb-6 relative z-10\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n\n \n <p id=\"testimonial-text\" class=\"text-xl md:text-2xl text-slate-700 mb-8 italic font-medium leading-relaxed relative z-10\">\n \n <\/p>\n\n \n <div class=\"flex items-center justify-center gap-4 relative z-10\">\n <div id=\"testimonial-avatar\" class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center font-bold text-blue-600 text-lg uppercase shadow-inner\">\n \n <\/div>\n <div class=\"text-left\">\n <div id=\"testimonial-name\" class=\"font-bold text-slate-900 text-lg\">\n \n <\/div>\n <div id=\"testimonial-handle\" class=\"text-sm text-blue-500 font-medium\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <button onclick=\"prevTestimonial()\" class=\"absolute left-0 top-1\/2 -translate-y-1\/2 -translate-x-4 md:-translate-x-12 p-3 bg-white rounded-full shadow-lg border border-slate-100 text-slate-400 hover:text-blue-600 hover:scale-110 transition-all z-20 group cursor-pointer\">\n <i data-lucide=\"chevron-left\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <button onclick=\"nextTestimonial()\" class=\"absolute right-0 top-1\/2 -translate-y-1\/2 translate-x-4 md:translate-x-12 p-3 bg-white rounded-full shadow-lg border border-slate-100 text-slate-400 hover:text-blue-600 hover:scale-110 transition-all z-20 group cursor-pointer\">\n <i data-lucide=\"chevron-right\" class=\"w-6 h-6\"><\/i>\n <\/button>\n\n \n <div id=\"testimonial-dots\" class=\"flex justify-center gap-2 mt-6\">\n \n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"clase-gratis\" class=\"py-24 bg-blue-50 border-y border-blue-100\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex flex-col lg:flex-row items-center gap-12\">\n <div class=\"flex-1 space-y-6\">\n <div class=\"inline-block bg-blue-100 text-blue-800 text-sm font-bold px-3 py-1 rounded-full mb-2\">\n VISTA PREVIA\n <\/div>\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">\n Entra a tu primera clase <span class=\"text-blue-600\">gratuita<\/span>\n <\/h2>\n <p class=\"text-lg text-slate-600\">\n Descubre c\u00f3mo funciona nuestro m\u00e9todo con esta lecci\u00f3n introductoria sobre “La coma del vocativo”. Haz clic para comenzar.\n <\/p>\n <ul class=\"space-y-3 pt-2\">\n <li class=\"flex items-center gap-2 text-slate-700 font-medium\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-blue-600\"><\/i>\n Contenido 100% pr\u00e1ctico\n <\/li>\n <li class=\"flex items-center gap-2 text-slate-700 font-medium\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-blue-600\"><\/i>\n Explicaci\u00f3n clara y directa\n <\/li>\n <\/ul>\n \n <button onclick=\"goToFreeClass()\" class=\"mt-4 bg-slate-900 text-white px-6 py-3 rounded-lg font-semibold hover:bg-slate-800 transition-colors flex items-center gap-2 cursor-pointer\">\n Ver lecci\u00f3n completa ahora\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/button>\n <\/div>\n <div class=\"flex-1 w-full\">\n \n <div onclick=\"goToFreeClass()\" class=\"relative aspect-video bg-slate-900 rounded-2xl shadow-2xl overflow-hidden group cursor-pointer border-4 border-white\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1544716278-ca5e3f4abd8c?q=80&w=2574&auto=format&fit=crop\" \n alt=\"Clase gratuita preview\" \n class=\"w-full h-full object-cover opacity-60 group-hover:opacity-40 transition-opacity duration-300 group-hover:scale-105\"\n \/>\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <div class=\"w-20 h-20 bg-blue-600\/90 rounded-full flex items-center justify-center backdrop-blur-sm group-hover:scale-110 transition-transform shadow-lg group-hover:bg-blue-600\">\n <i data-lucide=\"play-circle\" class=\"w-10 h-10 text-white fill-current\"><\/i>\n <\/div>\n <\/div>\n <div class=\"absolute bottom-4 left-4 bg-black\/60 px-3 py-1 rounded text-white text-sm font-medium backdrop-blur-sm\">\n 12:45 min\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"temario\" class=\"py-24 bg-slate-900 text-white relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 p-12 opacity-5 pointer-events-none\">\n <i data-lucide=\"book\" class=\"w-64 h-64\"><\/i>\n <\/div>\n \n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-12 gap-6\">\n <div>\n <span class=\"text-blue-400 font-semibold tracking-wider uppercase text-sm\">Contenido del Curso<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold mt-2 text-white\">Lo que vas a dominar<\/h2>\n <\/div>\n <p class=\"text-slate-300 max-w-md\">\n Un recorrido paso a paso desde los conceptos b\u00e1sicos hasta las sutilezas estil\u00edsticas m\u00e1s complejas.\n <\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-6\" id=\"syllabus-container\">\n \n \n <div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 p-8 rounded-2xl hover:bg-white\/10 transition-colors group\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"bg-blue-600 text-xs font-bold px-2 py-1 rounded text-white group-hover:bg-blue-500 transition-colors whitespace-nowrap\">M\u00f3dulo 1<\/span>\n <h3 class=\"text-xl font-bold text-white\">Usos de la coma y el punto<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-slate-300 text-sm\">\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>La coma serial y coma antes de conjunci\u00f3n<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma parent\u00e9tica y del vocativo<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma el\u00edptica (1\u00aa y 2\u00aa parte)<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma antes de conjunci\u00f3n adversativa<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>La coma discrecional<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma de inversi\u00f3n sint\u00e1ctica (1\u00aa y 2\u00aa parte)<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma que evita ambig\u00fcedad o confusi\u00f3n<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Inversi\u00f3n sint\u00e1ctica: gerundio, participio, condicional<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma de inversi\u00f3n sint\u00e1ctica de verbo absoluto<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>El uso correcto del punto<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 p-8 rounded-2xl hover:bg-white\/10 transition-colors group\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"bg-blue-600 text-xs font-bold px-2 py-1 rounded text-white group-hover:bg-blue-500 transition-colors whitespace-nowrap\">M\u00f3dulo 2<\/span>\n <h3 class=\"text-xl font-bold text-white\">Usos de punto y coma<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-slate-300 text-sm\">\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Mitos sobre el punto y coma<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Para coordinar oraciones por yuxtaposici\u00f3n<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Yuxtaposici\u00f3n de oraciones con el mismo sujeto<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Separar oraciones en serie con frases incidentales<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Elipsis o de verbo callado<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 p-8 rounded-2xl hover:bg-white\/10 transition-colors group\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"bg-blue-600 text-xs font-bold px-2 py-1 rounded text-white group-hover:bg-blue-500 transition-colors whitespace-nowrap\">M\u00f3dulo 3<\/span>\n <h3 class=\"text-xl font-bold text-white\">Usos de dos puntos<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-slate-300 text-sm\">\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Para empezar a escribir una carta<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Antes de una lista vertical u horizontal<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Antes de una cita textual<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Sugerir consecuencia, explicaci\u00f3n o conclusi\u00f3n<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Antes de giros o frases hechas<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>C\u00f3mo no deben usarse los dos puntos<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 p-8 rounded-2xl hover:bg-white\/10 transition-colors group\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"bg-blue-600 text-xs font-bold px-2 py-1 rounded text-white group-hover:bg-blue-500 transition-colors whitespace-nowrap\">M\u00f3dulo 4<\/span>\n <h3 class=\"text-xl font-bold text-white\">Otros signos de puntuaci\u00f3n<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-slate-300 text-sm\">\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Puntos suspensivos<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Signos de interrogaci\u00f3n y exclamaci\u00f3n<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Rayas, par\u00e9ntesis y corchetes<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"inscripcion\" class=\"py-24 bg-slate-50\">\n <div class=\"max-w-3xl mx-auto px-4 text-center\">\n <h2 class=\"text-4xl font-bold text-slate-900 mb-6\">Empieza a escribir mejor hoy<\/h2>\n <p class=\"text-lg text-slate-600 mb-10\">\n Ejercicios pr\u00e1cticos y comunidad de dudas.\n <\/p>\n \n <div class=\"bg-white border border-slate-200 rounded-3xl p-8 md:p-12 shadow-xl relative overflow-hidden hover:shadow-2xl transition-shadow\">\n <div class=\"absolute top-0 right-0 bg-blue-600 text-white text-xs font-bold px-3 py-1 rounded-bl-xl\">OFERTA ESPECIAL<\/div>\n \n <div class=\"text-sm text-slate-500 font-semibold uppercase tracking-wider mb-2\">Acceso Completo<\/div>\n <div class=\"flex items-center justify-center gap-2 mb-6\">\n <span class=\"text-5xl font-extrabold text-slate-900\">$1,199<\/span>\n <span class=\"text-2xl font-bold text-slate-900\">MXN<\/span>\n <span class=\"text-slate-500 self-end mb-2 ml-1 text-sm font-normal\">\/ pago \u00fanico<\/span>\n <\/div>\n \n <ul class=\"text-left max-w-xs mx-auto space-y-4 mb-8\">\n <li class=\"flex items-center gap-3 text-slate-700\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-green-500 flex-shrink-0\"><\/i>\n <span>27 lecciones animadas<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 text-slate-700\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-green-500 flex-shrink-0\"><\/i>\n <span>M\u00e1s de 3 horas de contenido<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 text-slate-700\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-green-500 flex-shrink-0\"><\/i>\n <span>Cuaderno de ejercicios PDF<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 text-slate-700\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-green-500 flex-shrink-0\"><\/i>\n <span>Certificado de finalizaci\u00f3n<\/span>\n <\/li>\n <\/ul>\n\n <button onclick=\"goToCheckout()\" class=\"w-full bg-blue-600 text-white font-bold py-4 rounded-xl hover:bg-blue-700 transition-all hover:scale-[1.02] shadow-lg hover:shadow-blue-200 cursor-pointer\">\n Obtener Acceso Inmediato\n <\/button>\n <p class=\"mt-4 text-xs text-slate-400\">Pago seguro con tarjeta o PayPal.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n \/\/ Inicializar Iconos\n lucide.createIcons();\n\n \/\/ Navegaci\u00f3n\n function scrollToSection(id) {\n const element = document.getElementById(id);\n if (element) {\n element.scrollIntoView({ behavior: 'smooth' });\n }\n }\n\n \/\/ Checkout Link (Para los botones de compra)\n function goToCheckout() {\n window.location.href = \"https:\/\/redaccionsindolor.thinkific.com\/order?ct=93b64993-9967-41f8-9aab-0423060e2e8e\";\n }\n\n \/\/ NUEVO: Clase Gratis Link\n \/\/ Esta funci\u00f3n controla \u00fanicamente el bot\u00f3n y la imagen de la secci\u00f3n \"Clase Gratis\"\n function goToFreeClass() {\n \/\/ CAMBIA ESTE LINK por la direcci\u00f3n de tu video o clase gratuita\n \/\/ Ejemplo: un video de YouTube, una p\u00e1gina oculta de Thinkific, etc.\n window.location.href = \"https:\/\/goo.su\/iIVJIzv\";\n }\n\n \/\/ Datos Testimonios\n const testimonials = [\n {\n name: \"Claudia\",\n handle: \"@claudia_an\",\n text: \"El curso b\u00e1sico de Puntuaci\u00f3n de Redacci\u00f3n sin Dolor me permiti\u00f3 conocer otros usos de los signos de puntuaci\u00f3n, adem\u00e1s de comprender su uso correcto. Esto se refleja en mi escritura, que es m\u00e1s clara y precisa.\"\n },\n {\n name: \"Virginia\",\n handle: \"@vicky33_vicky\",\n text: \"Hab\u00eda tomado otros cursos y no los entend\u00eda, pero en este s\u00ed comprend\u00ed todo; principalmente, el uso de los signos de puntuaci\u00f3n. Lo estoy aplicando para mejorar escritos personales y de trabajo.\"\n },\n {\n name: \"Heidi\",\n handle: \"@heidiromemar\",\n text: \"Noto una diferencia: en el trabajo todos entienden lo que solicito o explico con un solo mail. Entonces, mi escritura es m\u00e1s clara.\"\n },\n {\n name: \"Remedios X\",\n handle: \"@pajtli\",\n text: \"Estoy revisando escritos que ten\u00eda antes de tomar el curso y \u00a1puf! No se imaginan todas las correcciones que he estado haciendo. Lo he recomendado a todas mis amistades y familiares.\"\n },\n {\n name: \"Macario\",\n handle: \"@macariohg\",\n text: \"En mis escritos elimin\u00e9, en promedio, 20 comas por cuartilla. Adem\u00e1s que he mejorado en la puntuaci\u00f3n. Aunque creo que debo mejorar a\u00fan m\u00e1s. Estoy en ese proceso.\"\n }\n ];\n\n let currentIdx = 0;\n\n function renderTestimonial() {\n const t = testimonials[currentIdx];\n \n \/\/ Animaci\u00f3n simple de desvanecimiento\n const card = document.getElementById('testimonial-card');\n card.style.opacity = '0';\n \n setTimeout(() => {\n document.getElementById('testimonial-text').textContent = `\"${t.text}\"`;\n document.getElementById('testimonial-name').textContent = t.name;\n document.getElementById('testimonial-handle').textContent = t.handle;\n document.getElementById('testimonial-avatar').textContent = t.name.charAt(0);\n \n \/\/ Actualizar puntos\n const dotsContainer = document.getElementById('testimonial-dots');\n dotsContainer.innerHTML = '';\n testimonials.forEach((_, idx) => {\n const dot = document.createElement('button');\n dot.className = `h-3 w-3 rounded-full transition-all duration-300 ${idx === currentIdx ? 'bg-blue-600 scale-125' : 'bg-slate-300 hover:bg-slate-400'}`;\n dot.onclick = () => { currentIdx = idx; renderTestimonial(); };\n dotsContainer.appendChild(dot);\n });\n \n card.style.opacity = '1';\n }, 200);\n }\n\n function nextTestimonial() {\n currentIdx = (currentIdx + 1) % testimonials.length;\n renderTestimonial();\n }\n\n function prevTestimonial() {\n currentIdx = (currentIdx - 1 + testimonials.length) % testimonials.length;\n renderTestimonial();\n }\n\n \/\/ Auto-play\n setInterval(nextTestimonial, 6000);\n\n \/\/ Render inicial\n renderTestimonial();\n\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<button translate=\"no\" class=\"btg-button btg-button-1 btg-bottomRight\" data-btnid=\"1\" data-url=\"https:\/\/redaccionsindolor.thinkific.com\/order?ct=ece1f2d3-65d2-4c69-8b13-2c32beca1321\" data-action=\"link\" data-target=\"_self\">COMPRAR CURSO RSD<span class=\"fas fa-cart-arrow-down btg-icon\"><\/span><\/button>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-single-page-nav-transparent-light.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>CURSO REDACCI\u00d3N SIN DOLOR | RSD<\/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:\/\/redaccionsindolor.com\/es_es\/curso-de-redaccion-sin-dolor\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CURSO REDACCI\u00d3N SIN DOLOR | RSD\" \/>\n<meta property=\"og:url\" content=\"https:\/\/redaccionsindolor.com\/es_es\/curso-de-redaccion-sin-dolor\/\" \/>\n<meta property=\"og:site_name\" content=\"RSD\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-07T03:15:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/\",\"url\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/\",\"name\":\"CURSO REDACCI\u00d3N SIN DOLOR | RSD\",\"isPartOf\":{\"@id\":\"https:\/\/redaccionsindolor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop\",\"datePublished\":\"2022-01-17T06:22:11+00:00\",\"dateModified\":\"2026-03-07T03:15:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage\",\"url\":\"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop\",\"contentUrl\":\"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/redaccionsindolor.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CURSO REDACCI\u00d3N SIN DOLOR\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/redaccionsindolor.com\/#website\",\"url\":\"https:\/\/redaccionsindolor.com\/\",\"name\":\"RSD\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/redaccionsindolor.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/redaccionsindolor.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/redaccionsindolor.com\/#organization\",\"name\":\"Lectura y redacci\u00f3n sin dolor\",\"url\":\"https:\/\/redaccionsindolor.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/redaccionsindolor.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/redaccionsindolor.com\/wp-content\/uploads\/2022\/01\/Logotipo_RSD.png\",\"contentUrl\":\"http:\/\/redaccionsindolor.com\/wp-content\/uploads\/2022\/01\/Logotipo_RSD.png\",\"width\":92,\"height\":78,\"caption\":\"Lectura y redacci\u00f3n sin dolor\"},\"image\":{\"@id\":\"https:\/\/redaccionsindolor.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"CURSO REDACCI\u00d3N SIN DOLOR | RSD","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:\/\/redaccionsindolor.com\/es_es\/curso-de-redaccion-sin-dolor\/","og_locale":"es_ES","og_type":"article","og_title":"CURSO REDACCI\u00d3N SIN DOLOR | RSD","og_url":"https:\/\/redaccionsindolor.com\/es_es\/curso-de-redaccion-sin-dolor\/","og_site_name":"RSD","article_modified_time":"2026-03-07T03:15:44+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/","url":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/","name":"CURSO REDACCI\u00d3N SIN DOLOR | RSD","isPartOf":{"@id":"https:\/\/redaccionsindolor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage"},"image":{"@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop","datePublished":"2022-01-17T06:22:11+00:00","dateModified":"2026-03-07T03:15:44+00:00","breadcrumb":{"@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop","contentUrl":"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop"},{"@type":"BreadcrumbList","@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/redaccionsindolor.com\/"},{"@type":"ListItem","position":2,"name":"CURSO REDACCI\u00d3N SIN DOLOR"}]},{"@type":"WebSite","@id":"https:\/\/redaccionsindolor.com\/#website","url":"https:\/\/redaccionsindolor.com\/","name":"RSD","description":"","publisher":{"@id":"https:\/\/redaccionsindolor.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/redaccionsindolor.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/redaccionsindolor.com\/#organization","name":"Lectura y redacci\u00f3n sin dolor","url":"https:\/\/redaccionsindolor.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/redaccionsindolor.com\/#\/schema\/logo\/image\/","url":"http:\/\/redaccionsindolor.com\/wp-content\/uploads\/2022\/01\/Logotipo_RSD.png","contentUrl":"http:\/\/redaccionsindolor.com\/wp-content\/uploads\/2022\/01\/Logotipo_RSD.png","width":92,"height":78,"caption":"Lectura y redacci\u00f3n sin dolor"},"image":{"@id":"https:\/\/redaccionsindolor.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":235,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1795,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages\/2\/revisions\/1795"}],"wp:attachment":[{"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2022-01-17T06:22:11","date_gmt":"2022-01-17T06:22:11","guid":{"rendered":"http:\/\/redaccionsindolor.com\/?page_id=2"},"modified":"2026-03-06T21:15:44","modified_gmt":"2026-03-07T03:15:44","slug":"curso-de-redaccion-sin-dolor","status":"publish","type":"page","link":"https:\/\/redaccionsindolor.com\/es_es\/curso-de-redaccion-sin-dolor\/","title":{"rendered":"CURSO REDACCI\u00d3N SIN DOLOR"},"content":{"rendered":"\n\n\n \n \n Texto Vivo – Redacci\u00f3n sin Dolor<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300&display=swap\" rel=\"stylesheet\">\n\n <style>\n body { font-family: 'Inter', sans-serif; }\n .font-serif { font-family: 'Merriweather', serif; }\n \n \/* Animaciones suaves *\/\n .fade-in {\n animation: fadeIn 0.5s ease-in-out;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body class=\"text-slate-800 bg-white selection:bg-blue-100 selection:text-blue-900\">\n\n \n <section id=\"hero\" class=\"relative pt-20 pb-20 lg:pt-32 lg:pb-32 overflow-hidden min-h-[85vh] flex items-center\">\n \n <div class=\"absolute inset-0 w-full h-full\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop\" \n alt=\"Escritura creativa\" \n class=\"w-full h-full object-cover\"\n \/>\n \n <div class=\"absolute inset-0 bg-slate-900\/70\"><\/div>\n <\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-blue-500\/20 border border-blue-400\/30 text-blue-100 text-xs font-semibold uppercase tracking-wide mb-6 backdrop-blur-sm\">\n <span class=\"w-2 h-2 rounded-full bg-blue-400 animate-pulse\"><\/span>\n Curso Online\n <\/div>\n <h1 class=\"text-5xl md:text-7xl font-extrabold text-white tracking-tight mb-6 leading-tight drop-shadow-lg\">\n Escribe sin dolor. <br \/>\n <span class=\"text-blue-400\">Punt\u00faa con precisi\u00f3n.<\/span>\n <\/h1>\n <p class=\"mt-4 text-xl text-slate-200 max-w-2xl mx-auto leading-relaxed drop-shadow-md\">\n Domina la puntuaci\u00f3n y la sintaxis. Deja de adivinar y empieza a aplicar la l\u00f3gica del idioma para escribir textos impecables.\n <\/p>\n <div class=\"mt-10 flex flex-col sm:flex-row justify-center gap-4\">\n <button onclick=\"goToCheckout()\" class=\"group bg-blue-600 text-white px-8 py-4 rounded-full text-lg font-bold hover:bg-blue-500 transition-all shadow-xl hover:shadow-2xl flex items-center justify-center gap-2 ring-2 ring-blue-600 ring-offset-2 ring-offset-transparent cursor-pointer\">\n Comenzar el Curso\n <i data-lucide=\"arrow-right\" class=\"w-5 h-5 group-hover:translate-x-1 transition-transform\"><\/i>\n <\/button>\n <button onclick=\"scrollToSection('clase-gratis')\" class=\"px-8 py-4 rounded-full text-lg font-semibold text-white bg-white\/10 backdrop-blur-sm border border-white\/20 hover:bg-white\/20 transition-all flex items-center justify-center gap-2 cursor-pointer\">\n Ver Clase Gratis\n <i data-lucide=\"play-circle\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <\/div>\n \n <div class=\"mt-12 text-center opacity-80 hover:opacity-100 transition-all duration-500\">\n <span class=\"text-sm font-semibold text-slate-300\">Basado en el m\u00e9todo de<\/span>\n <span class=\"font-serif italic text-white text-lg ml-1.5\">Sandro Cohen<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"problema\" class=\"py-24 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">\u00bfPor qu\u00e9 es dif\u00edcil puntuar?<\/h2>\n <p class=\"text-lg text-slate-600 max-w-2xl mx-auto mb-10\">\n Nos ense\u00f1aron a escribir “de o\u00eddo”, pero el idioma tiene una estructura l\u00f3gica. Cuando entiendes la estructura, el dolor desaparece.\n <\/p>\n\n \n <div class=\"inline-block bg-slate-50 p-6 md:p-8 rounded-2xl border border-slate-200 shadow-sm max-w-xl mx-auto transform hover:scale-105 transition-transform duration-300\">\n <p class=\"text-slate-500 font-semibold mb-4 uppercase text-xs tracking-widest\">No es lo mismo:<\/p>\n <div class=\"space-y-3 font-serif text-xl md:text-2xl\">\n <p class=\"text-slate-400 line-through decoration-red-400 decoration-2 opacity-70\">\n “Comeremos ni\u00f1os todo el a\u00f1o”\n <\/p>\n <p class=\"text-slate-400 text-sm font-sans font-medium italic\">que<\/p>\n <p class=\"text-blue-700 font-bold bg-blue-50 inline-block px-4 py-1 rounded-lg\">\n “Comeremos, ni\u00f1os, todo el a\u00f1o”\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-lg transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"bg-white w-14 h-14 rounded-xl flex items-center justify-center shadow-sm mb-6 group-hover:scale-110 transition-transform duration-300 ring-1 ring-slate-100\">\n <i data-lucide=\"check-circle\" class=\"w-6 h-6 text-blue-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Adi\u00f3s a la ambig\u00fcedad<\/h3>\n <p class=\"text-slate-600 leading-relaxed\">\n Aprende a organizar tus ideas para que el lector entienda exactamente lo que quieres decir, a la primera.\n <\/p>\n <\/div>\n \n <div class=\"bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-lg transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"bg-white w-14 h-14 rounded-xl flex items-center justify-center shadow-sm mb-6 group-hover:scale-110 transition-transform duration-300 ring-1 ring-slate-100\">\n <i data-lucide=\"pen-tool\" class=\"w-6 h-6 text-blue-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">L\u00f3gica vs. Intuici\u00f3n<\/h3>\n <p class=\"text-slate-600 leading-relaxed\">\n Deja de poner comas ‘donde respiras’. Descubre la l\u00f3gica sint\u00e1ctica detr\u00e1s de cada signo de puntuaci\u00f3n.\n <\/p>\n <\/div>\n \n <div class=\"bg-slate-50 p-8 rounded-2xl border border-slate-100 hover:shadow-lg transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"bg-white w-14 h-14 rounded-xl flex items-center justify-center shadow-sm mb-6 group-hover:scale-110 transition-transform duration-300 ring-1 ring-slate-100\">\n <i data-lucide=\"award\" class=\"w-6 h-6 text-blue-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Proyecci\u00f3n Profesional<\/h3>\n <p class=\"text-slate-600 leading-relaxed\">\n Un texto limpio y bien puntuado es tu mejor carta de presentaci\u00f3n en el mundo acad\u00e9mico y laboral.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"instructor\" class=\"py-24 bg-white\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <i data-lucide=\"users\" class=\"w-12 h-12 text-blue-600 mx-auto mb-6\"><\/i>\n <h2 class=\"text-3xl font-bold text-slate-900 mb-8\">Un m\u00e9todo probado por miles<\/h2>\n \n \n <div class=\"relative max-w-4xl mx-auto mt-12\">\n \n \n <div id=\"testimonial-card\" class=\"bg-slate-50 p-8 md:p-12 rounded-3xl shadow-lg border border-slate-100 relative transition-all duration-500 ease-in-out min-h-[300px] flex flex-col justify-center fade-in\">\n \n <div class=\"absolute top-8 left-8 text-blue-200 opacity-50\">\n <svg width=\"64\" height=\"64\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M14.017 21L14.017 18C14.017 16.896 14.321 15.923 14.929 15.081C15.536 14.238 16.425 13.528 17.594 12.953L17.594 12.836C16.963 12.836 16.39 12.65 15.875 12.278C15.36 11.905 15.103 11.367 15.103 10.664C15.103 9.938 15.372 9.329 15.91 8.837C16.448 8.345 17.151 8.099 18.017 8.099C18.813 8.099 19.468 8.369 19.982 8.907C20.498 9.446 20.755 10.125 20.755 10.945C20.755 12.445 20.217 13.992 19.14 15.586C18.063 17.18 16.356 18.985 14.017 21ZM5 21L5 18C5 16.896 5.304 15.923 5.912 15.081C6.519 14.238 7.408 13.528 8.578 12.953L8.578 12.836C7.946 12.836 7.374 12.65 6.859 12.278C6.343 11.905 6.086 11.367 6.086 10.664C6.086 9.938 6.355 9.329 6.894 8.837C7.432 8.345 8.135 8.099 9 8.099C9.796 8.099 10.452 8.369 10.966 8.907C11.481 9.446 11.738 10.125 11.738 10.945C11.738 12.445 11.2 13.992 10.123 15.586C9.046 17.18 7.339 18.985 5 21Z\" \/>\n <\/svg>\n <\/div>\n\n \n <div class=\"flex justify-center gap-1 text-yellow-400 mb-6 relative z-10\">\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <i data-lucide=\"star\" class=\"w-5 h-5 fill-current\"><\/i>\n <\/div>\n\n \n <p id=\"testimonial-text\" class=\"text-xl md:text-2xl text-slate-700 mb-8 italic font-medium leading-relaxed relative z-10\">\n \n <\/p>\n\n \n <div class=\"flex items-center justify-center gap-4 relative z-10\">\n <div id=\"testimonial-avatar\" class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center font-bold text-blue-600 text-lg uppercase shadow-inner\">\n \n <\/div>\n <div class=\"text-left\">\n <div id=\"testimonial-name\" class=\"font-bold text-slate-900 text-lg\">\n \n <\/div>\n <div id=\"testimonial-handle\" class=\"text-sm text-blue-500 font-medium\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <button onclick=\"prevTestimonial()\" class=\"absolute left-0 top-1\/2 -translate-y-1\/2 -translate-x-4 md:-translate-x-12 p-3 bg-white rounded-full shadow-lg border border-slate-100 text-slate-400 hover:text-blue-600 hover:scale-110 transition-all z-20 group cursor-pointer\">\n <i data-lucide=\"chevron-left\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <button onclick=\"nextTestimonial()\" class=\"absolute right-0 top-1\/2 -translate-y-1\/2 translate-x-4 md:translate-x-12 p-3 bg-white rounded-full shadow-lg border border-slate-100 text-slate-400 hover:text-blue-600 hover:scale-110 transition-all z-20 group cursor-pointer\">\n <i data-lucide=\"chevron-right\" class=\"w-6 h-6\"><\/i>\n <\/button>\n\n \n <div id=\"testimonial-dots\" class=\"flex justify-center gap-2 mt-6\">\n \n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"clase-gratis\" class=\"py-24 bg-blue-50 border-y border-blue-100\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex flex-col lg:flex-row items-center gap-12\">\n <div class=\"flex-1 space-y-6\">\n <div class=\"inline-block bg-blue-100 text-blue-800 text-sm font-bold px-3 py-1 rounded-full mb-2\">\n VISTA PREVIA\n <\/div>\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900\">\n Entra a tu primera clase <span class=\"text-blue-600\">gratuita<\/span>\n <\/h2>\n <p class=\"text-lg text-slate-600\">\n Descubre c\u00f3mo funciona nuestro m\u00e9todo con esta lecci\u00f3n introductoria sobre “La coma del vocativo”. Haz clic para comenzar.\n <\/p>\n <ul class=\"space-y-3 pt-2\">\n <li class=\"flex items-center gap-2 text-slate-700 font-medium\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-blue-600\"><\/i>\n Contenido 100% pr\u00e1ctico\n <\/li>\n <li class=\"flex items-center gap-2 text-slate-700 font-medium\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-blue-600\"><\/i>\n Explicaci\u00f3n clara y directa\n <\/li>\n <\/ul>\n \n <button onclick=\"goToFreeClass()\" class=\"mt-4 bg-slate-900 text-white px-6 py-3 rounded-lg font-semibold hover:bg-slate-800 transition-colors flex items-center gap-2 cursor-pointer\">\n Ver lecci\u00f3n completa ahora\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n <\/button>\n <\/div>\n <div class=\"flex-1 w-full\">\n \n <div onclick=\"goToFreeClass()\" class=\"relative aspect-video bg-slate-900 rounded-2xl shadow-2xl overflow-hidden group cursor-pointer border-4 border-white\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1544716278-ca5e3f4abd8c?q=80&w=2574&auto=format&fit=crop\" \n alt=\"Clase gratuita preview\" \n class=\"w-full h-full object-cover opacity-60 group-hover:opacity-40 transition-opacity duration-300 group-hover:scale-105\"\n \/>\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <div class=\"w-20 h-20 bg-blue-600\/90 rounded-full flex items-center justify-center backdrop-blur-sm group-hover:scale-110 transition-transform shadow-lg group-hover:bg-blue-600\">\n <i data-lucide=\"play-circle\" class=\"w-10 h-10 text-white fill-current\"><\/i>\n <\/div>\n <\/div>\n <div class=\"absolute bottom-4 left-4 bg-black\/60 px-3 py-1 rounded text-white text-sm font-medium backdrop-blur-sm\">\n 12:45 min\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"temario\" class=\"py-24 bg-slate-900 text-white relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 p-12 opacity-5 pointer-events-none\">\n <i data-lucide=\"book\" class=\"w-64 h-64\"><\/i>\n <\/div>\n \n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-12 gap-6\">\n <div>\n <span class=\"text-blue-400 font-semibold tracking-wider uppercase text-sm\">Contenido del Curso<\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold mt-2 text-white\">Lo que vas a dominar<\/h2>\n <\/div>\n <p class=\"text-slate-300 max-w-md\">\n Un recorrido paso a paso desde los conceptos b\u00e1sicos hasta las sutilezas estil\u00edsticas m\u00e1s complejas.\n <\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-6\" id=\"syllabus-container\">\n \n \n <div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 p-8 rounded-2xl hover:bg-white\/10 transition-colors group\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"bg-blue-600 text-xs font-bold px-2 py-1 rounded text-white group-hover:bg-blue-500 transition-colors whitespace-nowrap\">M\u00f3dulo 1<\/span>\n <h3 class=\"text-xl font-bold text-white\">Usos de la coma y el punto<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-slate-300 text-sm\">\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>La coma serial y coma antes de conjunci\u00f3n<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma parent\u00e9tica y del vocativo<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma el\u00edptica (1\u00aa y 2\u00aa parte)<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma antes de conjunci\u00f3n adversativa<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>La coma discrecional<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma de inversi\u00f3n sint\u00e1ctica (1\u00aa y 2\u00aa parte)<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma que evita ambig\u00fcedad o confusi\u00f3n<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Inversi\u00f3n sint\u00e1ctica: gerundio, participio, condicional<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Coma de inversi\u00f3n sint\u00e1ctica de verbo absoluto<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>El uso correcto del punto<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 p-8 rounded-2xl hover:bg-white\/10 transition-colors group\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"bg-blue-600 text-xs font-bold px-2 py-1 rounded text-white group-hover:bg-blue-500 transition-colors whitespace-nowrap\">M\u00f3dulo 2<\/span>\n <h3 class=\"text-xl font-bold text-white\">Usos de punto y coma<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-slate-300 text-sm\">\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Mitos sobre el punto y coma<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Para coordinar oraciones por yuxtaposici\u00f3n<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Yuxtaposici\u00f3n de oraciones con el mismo sujeto<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Separar oraciones en serie con frases incidentales<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Elipsis o de verbo callado<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 p-8 rounded-2xl hover:bg-white\/10 transition-colors group\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"bg-blue-600 text-xs font-bold px-2 py-1 rounded text-white group-hover:bg-blue-500 transition-colors whitespace-nowrap\">M\u00f3dulo 3<\/span>\n <h3 class=\"text-xl font-bold text-white\">Usos de dos puntos<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-slate-300 text-sm\">\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Para empezar a escribir una carta<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Antes de una lista vertical u horizontal<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Antes de una cita textual<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Sugerir consecuencia, explicaci\u00f3n o conclusi\u00f3n<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Antes de giros o frases hechas<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>C\u00f3mo no deben usarse los dos puntos<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 p-8 rounded-2xl hover:bg-white\/10 transition-colors group\">\n <div class=\"flex items-center gap-3 mb-4\">\n <span class=\"bg-blue-600 text-xs font-bold px-2 py-1 rounded text-white group-hover:bg-blue-500 transition-colors whitespace-nowrap\">M\u00f3dulo 4<\/span>\n <h3 class=\"text-xl font-bold text-white\">Otros signos de puntuaci\u00f3n<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-slate-300 text-sm\">\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Puntos suspensivos<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Signos de interrogaci\u00f3n y exclamaci\u00f3n<\/li>\n <li class=\"flex items-start gap-3\"><div class=\"mt-1.5 w-1.5 h-1.5 rounded-full bg-blue-500 flex-shrink-0\"><\/div>Rayas, par\u00e9ntesis y corchetes<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"inscripcion\" class=\"py-24 bg-slate-50\">\n <div class=\"max-w-3xl mx-auto px-4 text-center\">\n <h2 class=\"text-4xl font-bold text-slate-900 mb-6\">Empieza a escribir mejor hoy<\/h2>\n <p class=\"text-lg text-slate-600 mb-10\">\n Ejercicios pr\u00e1cticos y comunidad de dudas.\n <\/p>\n \n <div class=\"bg-white border border-slate-200 rounded-3xl p-8 md:p-12 shadow-xl relative overflow-hidden hover:shadow-2xl transition-shadow\">\n <div class=\"absolute top-0 right-0 bg-blue-600 text-white text-xs font-bold px-3 py-1 rounded-bl-xl\">OFERTA ESPECIAL<\/div>\n \n <div class=\"text-sm text-slate-500 font-semibold uppercase tracking-wider mb-2\">Acceso Completo<\/div>\n <div class=\"flex items-center justify-center gap-2 mb-6\">\n <span class=\"text-5xl font-extrabold text-slate-900\">$1,199<\/span>\n <span class=\"text-2xl font-bold text-slate-900\">MXN<\/span>\n <span class=\"text-slate-500 self-end mb-2 ml-1 text-sm font-normal\">\/ pago \u00fanico<\/span>\n <\/div>\n \n <ul class=\"text-left max-w-xs mx-auto space-y-4 mb-8\">\n <li class=\"flex items-center gap-3 text-slate-700\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-green-500 flex-shrink-0\"><\/i>\n <span>27 lecciones animadas<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 text-slate-700\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-green-500 flex-shrink-0\"><\/i>\n <span>M\u00e1s de 3 horas de contenido<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 text-slate-700\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-green-500 flex-shrink-0\"><\/i>\n <span>Cuaderno de ejercicios PDF<\/span>\n <\/li>\n <li class=\"flex items-center gap-3 text-slate-700\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-green-500 flex-shrink-0\"><\/i>\n <span>Certificado de finalizaci\u00f3n<\/span>\n <\/li>\n <\/ul>\n\n <button onclick=\"goToCheckout()\" class=\"w-full bg-blue-600 text-white font-bold py-4 rounded-xl hover:bg-blue-700 transition-all hover:scale-[1.02] shadow-lg hover:shadow-blue-200 cursor-pointer\">\n Obtener Acceso Inmediato\n <\/button>\n <p class=\"mt-4 text-xs text-slate-400\">Pago seguro con tarjeta o PayPal.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n \/\/ Inicializar Iconos\n lucide.createIcons();\n\n \/\/ Navegaci\u00f3n\n function scrollToSection(id) {\n const element = document.getElementById(id);\n if (element) {\n element.scrollIntoView({ behavior: 'smooth' });\n }\n }\n\n \/\/ Checkout Link (Para los botones de compra)\n function goToCheckout() {\n window.location.href = \"https:\/\/redaccionsindolor.thinkific.com\/order?ct=93b64993-9967-41f8-9aab-0423060e2e8e\";\n }\n\n \/\/ NUEVO: Clase Gratis Link\n \/\/ Esta funci\u00f3n controla \u00fanicamente el bot\u00f3n y la imagen de la secci\u00f3n \"Clase Gratis\"\n function goToFreeClass() {\n \/\/ CAMBIA ESTE LINK por la direcci\u00f3n de tu video o clase gratuita\n \/\/ Ejemplo: un video de YouTube, una p\u00e1gina oculta de Thinkific, etc.\n window.location.href = \"https:\/\/goo.su\/iIVJIzv\";\n }\n\n \/\/ Datos Testimonios\n const testimonials = [\n {\n name: \"Claudia\",\n handle: \"@claudia_an\",\n text: \"El curso b\u00e1sico de Puntuaci\u00f3n de Redacci\u00f3n sin Dolor me permiti\u00f3 conocer otros usos de los signos de puntuaci\u00f3n, adem\u00e1s de comprender su uso correcto. Esto se refleja en mi escritura, que es m\u00e1s clara y precisa.\"\n },\n {\n name: \"Virginia\",\n handle: \"@vicky33_vicky\",\n text: \"Hab\u00eda tomado otros cursos y no los entend\u00eda, pero en este s\u00ed comprend\u00ed todo; principalmente, el uso de los signos de puntuaci\u00f3n. Lo estoy aplicando para mejorar escritos personales y de trabajo.\"\n },\n {\n name: \"Heidi\",\n handle: \"@heidiromemar\",\n text: \"Noto una diferencia: en el trabajo todos entienden lo que solicito o explico con un solo mail. Entonces, mi escritura es m\u00e1s clara.\"\n },\n {\n name: \"Remedios X\",\n handle: \"@pajtli\",\n text: \"Estoy revisando escritos que ten\u00eda antes de tomar el curso y \u00a1puf! No se imaginan todas las correcciones que he estado haciendo. Lo he recomendado a todas mis amistades y familiares.\"\n },\n {\n name: \"Macario\",\n handle: \"@macariohg\",\n text: \"En mis escritos elimin\u00e9, en promedio, 20 comas por cuartilla. Adem\u00e1s que he mejorado en la puntuaci\u00f3n. Aunque creo que debo mejorar a\u00fan m\u00e1s. Estoy en ese proceso.\"\n }\n ];\n\n let currentIdx = 0;\n\n function renderTestimonial() {\n const t = testimonials[currentIdx];\n \n \/\/ Animaci\u00f3n simple de desvanecimiento\n const card = document.getElementById('testimonial-card');\n card.style.opacity = '0';\n \n setTimeout(() => {\n document.getElementById('testimonial-text').textContent = `\"${t.text}\"`;\n document.getElementById('testimonial-name').textContent = t.name;\n document.getElementById('testimonial-handle').textContent = t.handle;\n document.getElementById('testimonial-avatar').textContent = t.name.charAt(0);\n \n \/\/ Actualizar puntos\n const dotsContainer = document.getElementById('testimonial-dots');\n dotsContainer.innerHTML = '';\n testimonials.forEach((_, idx) => {\n const dot = document.createElement('button');\n dot.className = `h-3 w-3 rounded-full transition-all duration-300 ${idx === currentIdx ? 'bg-blue-600 scale-125' : 'bg-slate-300 hover:bg-slate-400'}`;\n dot.onclick = () => { currentIdx = idx; renderTestimonial(); };\n dotsContainer.appendChild(dot);\n });\n \n card.style.opacity = '1';\n }, 200);\n }\n\n function nextTestimonial() {\n currentIdx = (currentIdx + 1) % testimonials.length;\n renderTestimonial();\n }\n\n function prevTestimonial() {\n currentIdx = (currentIdx - 1 + testimonials.length) % testimonials.length;\n renderTestimonial();\n }\n\n \/\/ Auto-play\n setInterval(nextTestimonial, 6000);\n\n \/\/ Render inicial\n renderTestimonial();\n\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<button translate=\"no\" class=\"btg-button btg-button-1 btg-bottomRight\" data-btnid=\"1\" data-url=\"https:\/\/redaccionsindolor.thinkific.com\/order?ct=ece1f2d3-65d2-4c69-8b13-2c32beca1321\" data-action=\"link\" data-target=\"_self\">COMPRAR CURSO RSD<span class=\"fas fa-cart-arrow-down btg-icon\"><\/span><\/button>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-single-page-nav-transparent-light.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>CURSO REDACCI\u00d3N SIN DOLOR | RSD<\/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:\/\/redaccionsindolor.com\/es_es\/curso-de-redaccion-sin-dolor\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CURSO REDACCI\u00d3N SIN DOLOR | RSD\" \/>\n<meta property=\"og:url\" content=\"https:\/\/redaccionsindolor.com\/es_es\/curso-de-redaccion-sin-dolor\/\" \/>\n<meta property=\"og:site_name\" content=\"RSD\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-07T03:15:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/\",\"url\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/\",\"name\":\"CURSO REDACCI\u00d3N SIN DOLOR | RSD\",\"isPartOf\":{\"@id\":\"https:\/\/redaccionsindolor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop\",\"datePublished\":\"2022-01-17T06:22:11+00:00\",\"dateModified\":\"2026-03-07T03:15:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage\",\"url\":\"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop\",\"contentUrl\":\"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/redaccionsindolor.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CURSO REDACCI\u00d3N SIN DOLOR\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/redaccionsindolor.com\/#website\",\"url\":\"https:\/\/redaccionsindolor.com\/\",\"name\":\"RSD\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/redaccionsindolor.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/redaccionsindolor.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/redaccionsindolor.com\/#organization\",\"name\":\"Lectura y redacci\u00f3n sin dolor\",\"url\":\"https:\/\/redaccionsindolor.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/redaccionsindolor.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/redaccionsindolor.com\/wp-content\/uploads\/2022\/01\/Logotipo_RSD.png\",\"contentUrl\":\"http:\/\/redaccionsindolor.com\/wp-content\/uploads\/2022\/01\/Logotipo_RSD.png\",\"width\":92,\"height\":78,\"caption\":\"Lectura y redacci\u00f3n sin dolor\"},\"image\":{\"@id\":\"https:\/\/redaccionsindolor.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"CURSO REDACCI\u00d3N SIN DOLOR | RSD","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:\/\/redaccionsindolor.com\/es_es\/curso-de-redaccion-sin-dolor\/","og_locale":"es_ES","og_type":"article","og_title":"CURSO REDACCI\u00d3N SIN DOLOR | RSD","og_url":"https:\/\/redaccionsindolor.com\/es_es\/curso-de-redaccion-sin-dolor\/","og_site_name":"RSD","article_modified_time":"2026-03-07T03:15:44+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/","url":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/","name":"CURSO REDACCI\u00d3N SIN DOLOR | RSD","isPartOf":{"@id":"https:\/\/redaccionsindolor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage"},"image":{"@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop","datePublished":"2022-01-17T06:22:11+00:00","dateModified":"2026-03-07T03:15:44+00:00","breadcrumb":{"@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop","contentUrl":"https:\/\/images.unsplash.com\/photo-1488190211105-8b0e65b80b4e?q=80&w=2070&auto=format&fit=crop"},{"@type":"BreadcrumbList","@id":"https:\/\/redaccionsindolor.com\/curso-de-redaccion-sin-dolor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/redaccionsindolor.com\/"},{"@type":"ListItem","position":2,"name":"CURSO REDACCI\u00d3N SIN DOLOR"}]},{"@type":"WebSite","@id":"https:\/\/redaccionsindolor.com\/#website","url":"https:\/\/redaccionsindolor.com\/","name":"RSD","description":"","publisher":{"@id":"https:\/\/redaccionsindolor.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/redaccionsindolor.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/redaccionsindolor.com\/#organization","name":"Lectura y redacci\u00f3n sin dolor","url":"https:\/\/redaccionsindolor.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/redaccionsindolor.com\/#\/schema\/logo\/image\/","url":"http:\/\/redaccionsindolor.com\/wp-content\/uploads\/2022\/01\/Logotipo_RSD.png","contentUrl":"http:\/\/redaccionsindolor.com\/wp-content\/uploads\/2022\/01\/Logotipo_RSD.png","width":92,"height":78,"caption":"Lectura y redacci\u00f3n sin dolor"},"image":{"@id":"https:\/\/redaccionsindolor.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":235,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1795,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages\/2\/revisions\/1795"}],"wp:attachment":[{"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}