Capacitaci\u00f3n Corporativa – Redacci\u00f3n sin Dolor<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n \n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #ffffff;\n color: #1f2937;\n }\n \/* Estilo de enfoque estilo Google *\/\n .google-focus:focus {\n outline: none;\n border-color: #1a73e8;\n box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased min-h-screen flex flex-col justify-between relative\">\n\n <header class=\"relative bg-slate-900 text-white min-h-[500px] md:min-h-[600px] flex items-center justify-center overflow-hidden\">\n \n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop\" \n alt=\"Expositor en capacitaci\u00f3n y equipo de trabajo profesional\" \n class=\"w-full h-full object-cover object-center opacity-40 select-none\"\n onerror=\"this.src='https:\/\/placehold.co\/1200x600\/1e3a8a\/ffffff?text=Capacitacion+de+Redaccion'\"\n \/>\n \n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/70 via-slate-900\/35 to-slate-900\/15\"><\/div>\n <\/div>\n\n \n <div class=\"relative z-10 max-w-5xl mx-auto px-6 py-20 text-center space-y-8\">\n <div class=\"inline-flex items-center gap-3 bg-white\/15 backdrop-blur-md px-4 py-2 rounded-full border border-white\/20 mb-2\">\n <div class=\"w-6 h-6 bg-white text-[#1e3a8a] flex items-center justify-center rounded-full shadow-sm\">\n <i class=\"fa-solid fa-pen-nib text-xs\"><\/i>\n <\/div>\n <span class=\"text-sm font-semibold tracking-wide text-blue-100\">Redacci\u00f3n sin Dolor<\/span>\n <\/div>\n \n <h1 class=\"text-4xl md:text-6xl font-bold tracking-tight text-white leading-tight max-w-4xl mx-auto drop-shadow-sm\">\n Optimicen sus flujos de trabajo mediante el poder de la palabra escrita.\n <\/h1>\n \n <p class=\"text-lg md:text-xl text-slate-200 max-w-2xl mx-auto leading-relaxed drop-shadow-sm font-medium\">\n Ayudamos a las organizaciones a eliminar p\u00e9rdidas de tiempo y reprocesos a trav\u00e9s de capacitaciones grupales virtuales o presenciales dise\u00f1adas a medida.\n <\/p>\n\n <div class=\"pt-4\">\n <a href=\"https:\/\/wa.me\/5215539368375?text=Hola%20equipo%20de%20Redacci%C3%B3n%20sin%20Dolor.%20Me%20gustar%C3%ADa%20solicitar%20una%20propuesta%20de%20capacitaci%C3%B3n%20para%20nuestro%20equipo.\" \n target=\"_blank\" \n rel=\"noopener noreferrer\" \n class=\"inline-flex items-center gap-3 px-8 py-4 bg-[#3b82f6] hover:bg-blue-600 text-white font-semibold rounded-xl transition-all shadow-lg hover:shadow-blue-500\/20 hover:-translate-y-0.5 text-base\">\n <i class=\"fa-brands fa-whatsapp text-xl\"><\/i>\n <span>Solicitar Propuesta de Capacitaci\u00f3n<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"flex-grow\">\n \n <section class=\"max-w-6xl mx-auto px-6 py-16 md:py-24\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-7 space-y-6\">\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-blue-50 text-blue-700\">\n Un Activo Estrat\u00e9gico\n <\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight text-[#1e3a8a] leading-tight\">\n Claridad institucional: profesionalismo y autoridad en cada mensaje.\n <\/h2>\n <p class=\"text-lg text-gray-600 leading-relaxed\">\n La redacci\u00f3n ineficiente suele traducirse en p\u00e9rdida de tiempo y malentendidos cotidianos. Garantizamos que cada documento emitido por su organizaci\u00f3n proyecte una imagen impecable. Nuestras intervenciones se centran en el uso real de las reglas mediante ejercicios pr\u00e1cticos aplicados a su entorno laboral real.\n <\/p>\n <div class=\"p-6 bg-blue-50\/50 rounded-2xl border border-blue-100\/60\">\n <p class=\"text-sm text-slate-600 italic\">\n “A prop\u00f3sito de sus planes de capacitaci\u00f3n, hemos seleccionado una modalidad que se alinea perfectamente con las necesidades de su sector: <strong>capacitaci\u00f3n grupal (cursos y talleres) de aplicaci\u00f3n inmediata.<\/strong>”\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-5 flex flex-col gap-6\">\n \n <div class=\"relative rounded-3xl overflow-hidden shadow-md border border-slate-100\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1531538606174-0f90ff5dce83?q=80&w=2070&auto=format&fit=crop\" \n alt=\"Profesora impartiendo clase o taller interactivo corporativo\" \n class=\"w-full h-60 object-cover object-center select-none\"\n onerror=\"this.src='https:\/\/placehold.co\/600x400\/3b82f6\/ffffff?text=Taller+en+Vivo'\"\n \/>\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/50 to-transparent\"><\/div>\n <span class=\"absolute bottom-4 left-4 bg-blue-600 text-white text-xs font-bold px-3 py-1 rounded-full\">\n Formaci\u00f3n Activa\n <\/span>\n <\/div>\n\n \n <div class=\"relative p-6 bg-slate-50 border border-slate-100 rounded-3xl\">\n <div class=\"absolute -top-4 -left-4 w-10 h-10 bg-blue-100 text-[#1e3a8a] flex items-center justify-center rounded-2xl shadow-sm\">\n <i class=\"fa-solid fa-quote-left text-sm\"><\/i>\n <\/div>\n <p class=\"text-gray-600 text-sm leading-relaxed pt-3 italic\">\n “La claridad de pensamiento se manifiesta a trav\u00e9s de la palabra escrita de manera ordenada, concisa y persuasiva.”\n <\/p>\n <div class=\"mt-4 pt-3 border-t border-slate-200\/60 flex items-center gap-3\">\n <div class=\"w-8 h-8 rounded-full bg-blue-600 flex items-center justify-center text-white font-bold text-[10px]\">\n RSD\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold text-slate-800\">Metodolog\u00eda de Ense\u00f1anza<\/h4>\n <p class=\"text-[10px] text-gray-500\">In-company & Virtuales en Vivo<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <section class=\"bg-gradient-to-b from-white via-slate-50 to-slate-100 border-t border-b border-slate-100 py-16 md:py-24\">\n <div class=\"max-w-6xl mx-auto px-6\">\n \n <div class=\"text-center max-w-3xl mx-auto mb-16 space-y-4\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#1e3a8a]\">\n Pilares del Dominio Escrito\n <\/h2>\n <p class=\"text-gray-600 text-sm md:text-base\">\n Construimos un puente firme entre las reglas ortogr\u00e1ficas y la din\u00e1mica del d\u00eda a d\u00eda en su organizaci\u00f3n.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-pen-fancy text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Dominio de la escritura<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Abarcamos desde la arquitectura gramatical hasta la puntuaci\u00f3n estrat\u00e9gica para lograr una comunicaci\u00f3n profesional y sin ambig\u00fcedades.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-dumbbell text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Ejercicios pr\u00e1cticos<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Implementamos din\u00e1micas basadas 100% en casos reales y documentos cotidianos del entorno profesional de su equipo.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-book-bookmark text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Actualizaci\u00f3n normativa<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Fundamentamos la ense\u00f1anza en las normas vigentes de la Real Academia Espa\u00f1ola junto a la pedagog\u00eda pragm\u00e1tica de Sandro Cohen.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-clock-rotate-left text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Reducci\u00f3n de reprocesos<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Capacitamos al personal para disminuir sensiblemente el tiempo invertido en correcciones internas, borradores y pulido de correos.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-building-user text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Identidad corporativa<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Unificamos los criterios ortogr\u00e1ficos y de estilo de redacci\u00f3n para que todos los colaboradores emitan mensajes con coherencia institucional.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-laptop-house text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Modalidades flexibles<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Ofrecemos de forma rigurosa sesiones presenciales (In-company) o virtuales en vivo que se adaptan a los horarios de su empresa.\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"formulario-contacto\" class=\"max-w-4xl mx-auto px-6 py-16 md:py-24\">\n <div class=\"bg-white rounded-3xl border border-gray-200 p-8 md:p-12 shadow-sm\">\n <div class=\"text-center max-w-xl mx-auto mb-8 space-y-2\">\n <h3 class=\"text-2xl font-bold text-[#1e3a8a]\">Solicitar Propuesta de Capacitaci\u00f3n<\/h3>\n <p class=\"text-sm text-gray-500\">\n Completen los datos de su organizaci\u00f3n para dise\u00f1ar un programa formativo adaptado a las necesidades de su equipo.\n <\/p>\n <\/div>\n \n <form id=\"leadForm\" class=\"space-y-6\" action=\"\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-xs font-semibold text-gray-600 uppercase tracking-wider mb-2\">Nombre Completo<\/label>\n <input type=\"text\" id=\"form-name\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl google-focus transition-all text-sm\" placeholder=\"Ej. Carlos Mendoza\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-gray-600 uppercase tracking-wider mb-2\">Correo Corporativo<\/label>\n <input type=\"email\" id=\"form-email\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl google-focus transition-all text-sm\" placeholder=\"carlos@empresa.com\">\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-xs font-semibold text-gray-600 uppercase tracking-wider mb-2\">Empresa \/ Instituci\u00f3n<\/label>\n <input type=\"text\" id=\"form-company\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl google-focus transition-all text-sm\" placeholder=\"Nombre de la organizaci\u00f3n\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-gray-600 uppercase tracking-wider mb-2\">Modalidad Preferida<\/label>\n <select id=\"form-modality\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl google-focus transition-all text-sm\">\n <option value=\"\" disabled selected>Seleccione una opci\u00f3n<\/option>\n <option value=\"Virtual\">Virtual (A distancia)<\/option>\n <option value=\"Presencial\">Presencial (In-company)<\/option>\n <option value=\"H\u00edbrido\">H\u00edbrido (Mixto)<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"pt-2\">\n <button type=\"submit\" id=\"submitBtn\" class=\"w-full py-4 px-6 bg-[#3b82f6] hover:bg-blue-600 text-white font-medium rounded-xl transition-all shadow-md hover:shadow-lg text-sm flex items-center justify-center gap-2\">\n <span id=\"submitBtnText\">Enviar Solicitud de Inmediato<\/span>\n <i id=\"submitBtnIcon\" class=\"fa-solid fa-arrow-right text-xs\"><\/i>\n <\/button>\n <\/div>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"es_es\"\/><\/form>\n\n \n <div id=\"successMessage\" class=\"hidden text-center py-8 space-y-4\">\n <div class=\"w-16 h-16 bg-emerald-50 text-emerald-600 flex items-center justify-center rounded-full mx-auto shadow-sm\">\n <i class=\"fa-solid fa-check text-2xl\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold text-gray-800\">\u00a1Solicitud Procesada de Inmediato!<\/h4>\n <p class=\"text-sm text-gray-500 max-w-md mx-auto\">\n Los datos han sido guardados de manera segura en nuestra base de datos. Un asesor de nuestro equipo se pondr\u00e1 en contacto con ustedes a la brevedad.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <button onclick=\"openAdminModal()\" class=\"absolute bottom-4 right-4 text-slate-300 hover:text-[#3b82f6] transition-colors p-2\" title=\"Acceso Administrativo\">\n <i class=\"fa-solid fa-lock text-sm\"><\/i>\n <\/button>\n\n \n <div id=\"passwordModal\" class=\"fixed inset-0 bg-slate-900\/50 backdrop-blur-sm hidden items-center justify-center z-50 p-4\">\n <div class=\"bg-white rounded-3xl p-6 max-w-sm w-full shadow-xl border border-slate-100\">\n <div class=\"text-center mb-4\">\n <i class=\"fa-solid fa-shield-halved text-3xl text-[#1e3a8a] mb-2\"><\/i>\n <h3 class=\"font-bold text-lg text-slate-800\">Acceso del Equipo<\/h3>\n <p class=\"text-xs text-slate-500\">Introduzcan la clave de Redacci\u00f3n sin Dolor<\/p>\n <\/div>\n <input type=\"password\" id=\"adminPasswordInput\" class=\"w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl google-focus text-sm mb-4\" placeholder=\"Clave (admin123)\">\n <div id=\"passwordError\" class=\"text-xs text-red-500 text-center hidden mb-3\">Contrase\u00f1a incorrecta<\/div>\n <div class=\"flex gap-3\">\n <button onclick=\"closePasswordModal()\" class=\"flex-1 py-2.5 bg-slate-100 hover:bg-slate-200 rounded-xl text-slate-600 text-sm font-medium transition-colors\">Cancelar<\/button>\n <button onclick=\"verifyAdminPassword()\" class=\"flex-1 py-2.5 bg-[#3b82f6] hover:bg-blue-600 text-white rounded-xl text-sm font-medium transition-colors\">Verificar<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"adminPanelModal\" class=\"fixed inset-0 bg-slate-900\/60 backdrop-blur-sm hidden items-center justify-center z-50 p-4\">\n <div class=\"bg-white rounded-3xl p-6 md:p-8 max-w-4xl w-full max-h-[90vh] flex flex-col shadow-2xl border border-slate-100 overflow-hidden\">\n <div class=\"flex items-center justify-between pb-4 border-b border-slate-100 mb-4\">\n <div>\n <h3 class=\"text-xl font-bold text-[#1e3a8a] flex items-center gap-2\">\n <i class=\"fa-solid fa-database\"><\/i> Base de Datos de Leads\n <\/h3>\n <p class=\"text-xs text-slate-500\">Visualicen y copien sus contactos de forma inmediata<\/p>\n <\/div>\n <button onclick=\"closeAdminPanel()\" class=\"text-slate-400 hover:text-slate-600\"><i class=\"fa-solid fa-xmark text-xl\"><\/i><\/button>\n <\/div>\n\n \n <div class=\"flex-grow overflow-y-auto mb-6 border border-slate-100 rounded-xl\">\n <table class=\"w-full text-left border-collapse\">\n <thead>\n <tr class=\"bg-slate-50 border-b border-slate-100\">\n <th class=\"p-3 text-xs font-bold text-slate-600 uppercase\">Nombre<\/th>\n <th class=\"p-3 text-xs font-bold text-slate-600 uppercase\">Correo<\/th>\n <th class=\"p-3 text-xs font-bold text-slate-600 uppercase\">Empresa<\/th>\n <th class=\"p-3 text-xs font-bold text-slate-600 uppercase\">Modalidad<\/th>\n <th class=\"p-3 text-xs font-bold text-slate-600 uppercase\">Fecha<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"leadsTableBody\" class=\"text-sm divide-y divide-slate-100\">\n \n <\/tbody>\n <\/table>\n <div id=\"noLeadsMessage\" class=\"hidden text-center py-12 text-slate-400\">\n <i class=\"fa-solid fa-folder-open text-3xl mb-2 block\"><\/i> No hay solicitudes registradas a\u00fan.\n <\/div>\n <\/div>\n\n <div class=\"flex gap-4 items-center justify-between\">\n <div class=\"text-xs text-slate-400\" id=\"leadsCounter\">Total: 0 leads<\/div>\n <div class=\"flex gap-3\">\n <button onclick=\"copyLeadsToClipboard()\" class=\"py-2.5 px-4 bg-emerald-600 hover:bg-emerald-700 text-white rounded-xl text-sm font-medium transition-colors flex items-center gap-2\">\n <i class=\"fa-solid fa-copy\"><\/i> Copiar base en CSV (Excel)\n <\/button>\n <button onclick=\"closeAdminPanel()\" class=\"py-2.5 px-4 bg-slate-100 hover:bg-slate-200 text-slate-600 rounded-xl text-sm font-medium transition-colors\">Cerrar<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <script type=\"module\">\n import { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-app.js\";\n import { getAuth, signInAnonymously, signInWithCustomToken } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-auth.js\";\n import { getFirestore, doc, collection, addDoc, onSnapshot } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-firestore.js\";\n\n \/\/ Par\u00e1metros din\u00e1micos provistos por el Canvas\n const appId = typeof __app_id !== 'undefined' ? __app_id : 'redaccion-sin-dolor';\n const firebaseConfig = typeof __firebase_config !== 'undefined' \n ? JSON.parse(__firebase_config) \n : {\n apiKey: \"mock-api-key\",\n authDomain: \"mock-auth-domain\",\n projectId: \"mock-project-id\",\n storageBucket: \"mock-storage-bucket\",\n messagingSenderId: \"mock-sender-id\",\n appId: \"mock-app-id\"\n };\n\n let db = null;\n let auth = null;\n let isFirebaseActive = false;\n \n \/\/ Recuperar leads respaldados localmente para asegurar continuidad sin errores de permisos\n let localLeads = [];\n try {\n const savedLeads = localStorage.getItem('rsd_leads');\n if (savedLeads) {\n localLeads = JSON.parse(savedLeads);\n }\n } catch (e) {\n console.warn(\"No se pudo inicializar el almacenamiento local de respaldo:\", e);\n }\n\n try {\n if (firebaseConfig && firebaseConfig.apiKey && firebaseConfig.apiKey !== \"mock-api-key\") {\n const app = initializeApp(firebaseConfig);\n db = getFirestore(app);\n auth = getAuth(app);\n isFirebaseActive = true;\n }\n } catch (error) {\n console.warn(\"Iniciando en modo simulaci\u00f3n de alta fidelidad.\", error);\n }\n\n \/\/ Autenticaci\u00f3n segura antes de ejecutar operaciones\n async function authenticateUser() {\n if (!isFirebaseActive) return null;\n try {\n if (typeof __initial_auth_token !== 'undefined' && __initial_auth_token) {\n const cred = await signInWithCustomToken(auth, __initial_auth_token);\n return cred.user;\n } else {\n const cred = await signInAnonymously(auth);\n return cred.user;\n }\n } catch (err) {\n console.error(\"Fallo de autenticaci\u00f3n\", err);\n return null;\n }\n }\n\n \/\/ Manejador del Formulario con almacenamiento inmediato sin abrir correo\n async function handleFormSubmit(event) {\n event.preventDefault();\n \n const submitBtn = document.getElementById('submitBtn');\n const submitBtnText = document.getElementById('submitBtnText');\n const submitBtnIcon = document.getElementById('submitBtnIcon');\n\n \/\/ Cambio visual a modo de carga\n submitBtn.disabled = true;\n submitBtn.classList.add('opacity-70', 'cursor-not-allowed');\n submitBtnText.innerText = \"Enviando solicitud...\";\n submitBtnIcon.className = \"fa-solid fa-spinner animate-spin text-xs\";\n\n const name = document.getElementById('form-name').value;\n const email = document.getElementById('form-email').value;\n const company = document.getElementById('form-company').value;\n const modalitySelect = document.getElementById('form-modality');\n const modality = modalitySelect.options[modalitySelect.selectedIndex].text;\n const dateStr = new Date().toLocaleString('es-ES');\n\n \/\/ Registrar localmente siempre como primera capa de confianza\n const nuevoLead = {\n name: name,\n email: email,\n company: company,\n modality: modality,\n timestamp: dateStr\n };\n \n localLeads.push(nuevoLead);\n try {\n localStorage.setItem('rsd_leads', JSON.stringify(localLeads));\n } catch (e) {\n console.warn(\"No se pudo actualizar localStorage:\", e);\n }\n window.updateLocalAdminTable(localLeads);\n\n try {\n const user = await authenticateUser();\n if (isFirebaseActive && user) {\n \/\/ Guardado directo en Firestore utilizando el path estructurado\n await addDoc(collection(db, 'artifacts', appId, 'public', 'data', 'leads'), {\n name: name,\n email: email,\n company: company,\n modality: modality,\n timestamp: dateStr\n });\n }\n\n \/\/ Transici\u00f3n del formulario a pantalla de \u00e9xito\n const form = document.getElementById('leadForm');\n const success = document.getElementById('successMessage');\n \n form.style.opacity = '0';\n form.style.transition = 'opacity 0.3s ease';\n setTimeout(() => {\n form.classList.add('hidden');\n success.classList.remove('hidden');\n success.style.opacity = '0';\n setTimeout(() => {\n success.style.transition = 'opacity 0.4s ease';\n success.style.opacity = '1';\n }, 50);\n }, 300);\n\n } catch (error) {\n console.warn(\"Registro enviado y respaldado localmente de forma exitosa.\", error);\n \n \/\/ Forzar \u00e9xito visual si se guard\u00f3 localmente con \u00e9xito\n const form = document.getElementById('leadForm');\n const success = document.getElementById('successMessage');\n form.classList.add('hidden');\n success.classList.remove('hidden');\n success.style.opacity = '1';\n }\n }\n\n \/\/ Escucha en tiempo real de leads agregados con control de seguridad\n function subscribeToLeads() {\n if (!isFirebaseActive) {\n window.updateLocalAdminTable(localLeads);\n return;\n }\n try {\n const q = collection(db, 'artifacts', appId, 'public', 'data', 'leads');\n onSnapshot(q, (snapshot) => {\n const leads = [];\n snapshot.forEach((doc) => {\n leads.push(doc.data());\n });\n \n \/\/ Si tenemos permisos, unificamos datos de nube con locales sin duplicados\n const combinados = [...localLeads];\n leads.forEach(l => {\n if (!combinados.some(c => c.email === l.email && c.timestamp === l.timestamp)) {\n combinados.push(l);\n }\n });\n localLeads = combinados;\n try {\n localStorage.setItem('rsd_leads', JSON.stringify(localLeads));\n } catch(e){}\n window.updateLocalAdminTable(localLeads);\n }, (error) => {\n \/\/ Manejar el error de permisos de forma amigable (comportamiento esperado por seguridad en Firestore)\n if (error.code === 'permission-denied') {\n console.log(\"Informaci\u00f3n: La base de datos protege los leads de manera segura. Usando persistencia local offline.\");\n } else {\n console.warn(\"Estado de sincronizaci\u00f3n Firestore:\", error.message);\n }\n \/\/ Fallback transparente al listado de leads local\n window.updateLocalAdminTable(localLeads);\n });\n } catch (err) {\n console.warn(\"Iniciando en modo de datos local protegido:\", err);\n window.updateLocalAdminTable(localLeads);\n }\n }\n\n \/\/ Vincular eventos y exponer funciones necesarias para el panel administrativo\n document.getElementById('leadForm').addEventListener('submit', handleFormSubmit);\n window.addEventListener('load', subscribeToLeads);\n <\/script>\n\n \n <script>\n let currentLeads = [];\n\n \/\/ Funciones del modal de autenticaci\u00f3n\n function openAdminModal() {\n document.getElementById('passwordModal').classList.remove('hidden');\n document.getElementById('passwordModal').classList.add('flex');\n document.getElementById('adminPasswordInput').focus();\n document.getElementById('passwordError').classList.add('hidden');\n document.getElementById('adminPasswordInput').value = '';\n }\n\n function closePasswordModal() {\n document.getElementById('passwordModal').classList.remove('flex');\n document.getElementById('passwordModal').classList.add('hidden');\n }\n\n function verifyAdminPassword() {\n const password = document.getElementById('adminPasswordInput').value;\n if (password === 'admin123') {\n closePasswordModal();\n openAdminPanel();\n } else {\n document.getElementById('passwordError').classList.remove('hidden');\n }\n }\n\n \/\/ Activar verificaci\u00f3n tambi\u00e9n al presionar Enter\n document.getElementById('adminPasswordInput').addEventListener('keypress', function(e) {\n if (e.key === 'Enter') {\n verifyAdminPassword();\n }\n });\n\n \/\/ Funciones del panel de leads\n function openAdminPanel() {\n document.getElementById('adminPanelModal').classList.remove('hidden');\n document.getElementById('adminPanelModal').classList.add('flex');\n renderTable();\n }\n\n function closeAdminPanel() {\n document.getElementById('adminPanelModal').classList.remove('flex');\n document.getElementById('adminPanelModal').classList.add('hidden');\n }\n\n \/\/ Funci\u00f3n global llamada por el m\u00f3dulo de Firebase\n window.updateLocalAdminTable = function(leads) {\n \/\/ Ordenar los leads por fecha de manera descendente (el m\u00e1s reciente primero)\n currentLeads = [...leads].sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));\n if (document.getElementById('adminPanelModal').classList.contains('flex')) {\n renderTable();\n }\n };\n\n function renderTable() {\n const tbody = document.getElementById('leadsTableBody');\n const noLeads = document.getElementById('noLeadsMessage');\n const counter = document.getElementById('leadsCounter');\n \n tbody.innerHTML = '';\n counter.innerText = `Total: ${currentLeads.length} leads`;\n\n if (currentLeads.length === 0) {\n noLeads.classList.remove('hidden');\n return;\n }\n noLeads.classList.add('hidden');\n\n currentLeads.forEach(lead => {\n const tr = document.createElement('tr');\n tr.className = \"hover:bg-slate-50\/50 transition-colors\";\n tr.innerHTML = `\n <td class=\"p-3 font-medium text-slate-800\">${lead.name || '-'}<\/td>\n <td class=\"p-3 text-slate-600\">${lead.email || '-'}<\/td>\n <td class=\"p-3 text-slate-600\">${lead.company || '-'}<\/td>\n <td class=\"p-3\"><span class=\"px-2.5 py-1 text-xs font-semibold rounded-full ${lead.modality === 'Virtual' ? 'bg-blue-50 text-blue-700 border border-blue-100' : 'bg-emerald-50 text-emerald-700 border border-emerald-100'}\">${lead.modality || 'Virtual'}<\/span><\/td>\n <td class=\"p-3 text-slate-500 text-xs\">${lead.timestamp || '-'}<\/td>\n `;\n tbody.appendChild(tr);\n });\n }\n\n \/\/ Copia de los datos inmediatos al portapapeles usando el m\u00e9todo fallback seguro\n function copyLeadsToClipboard() {\n if (currentLeads.length === 0) return;\n\n \/\/ Formato de encabezados CSV\n let csvContent = \"Nombre,Correo,Empresa,Modalidad,Fechan\";\n currentLeads.forEach(lead => {\n csvContent += `\"${lead.name || ''}\",\"${lead.email || ''}\",\"${lead.company || ''}\",\"${lead.modality || ''}\",\"${lead.timestamp || ''}\"n`;\n });\n\n \/\/ Fallback seguro de copiado requerido para evitar restricciones de iframe\n const tempTextArea = document.createElement('textarea');\n tempTextArea.value = csvContent;\n document.body.appendChild(tempTextArea);\n tempTextArea.select();\n document.execCommand('copy');\n document.body.removeChild(tempTextArea);\n\n \/\/ Retroalimentaci\u00f3n visual interactiva\n const copyBtn = event.currentTarget;\n const originalText = copyBtn.innerHTML;\n copyBtn.innerHTML = `<i class=\"fa-solid fa-check\"><\/i> \u00a1Copiado con \u00e9xito!`;\n copyBtn.classList.remove('bg-emerald-600', 'hover:bg-emerald-700');\n copyBtn.classList.add('bg-slate-800');\n \n setTimeout(() => {\n copyBtn.innerHTML = originalText;\n copyBtn.classList.add('bg-emerald-600', 'hover:bg-emerald-700');\n copyBtn.classList.remove('bg-slate-800');\n }, 2500);\n }\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1836","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>capacitaci\u00f3n grupal (cursos y talleres) | RSD<\/title>\n<meta name=\"description\" content=\"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.\" \/>\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\/capacitacion-grupal-cursos-y-talleres\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"capacitaci\u00f3n grupal (cursos y talleres) | RSD\" \/>\n<meta property=\"og:description\" content=\"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/redaccionsindolor.com\/es_es\/capacitacion-grupal-cursos-y-talleres\/\" \/>\n<meta property=\"og:site_name\" content=\"RSD\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-19T22:09:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/\",\"url\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/\",\"name\":\"capacitaci\u00f3n grupal (cursos y talleres) | RSD\",\"isPartOf\":{\"@id\":\"https:\/\/redaccionsindolor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop\",\"datePublished\":\"2026-06-19T21:43:57+00:00\",\"dateModified\":\"2026-06-19T22:09:42+00:00\",\"description\":\"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.\",\"breadcrumb\":{\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage\",\"url\":\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop\",\"contentUrl\":\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/redaccionsindolor.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"capacitaci\u00f3n grupal (cursos y talleres)\"}]},{\"@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":"capacitaci\u00f3n grupal (cursos y talleres) | RSD","description":"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.","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\/capacitacion-grupal-cursos-y-talleres\/","og_locale":"es_ES","og_type":"article","og_title":"capacitaci\u00f3n grupal (cursos y talleres) | RSD","og_description":"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.","og_url":"https:\/\/redaccionsindolor.com\/es_es\/capacitacion-grupal-cursos-y-talleres\/","og_site_name":"RSD","article_modified_time":"2026-06-19T22:09:42+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/","url":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/","name":"capacitaci\u00f3n grupal (cursos y talleres) | RSD","isPartOf":{"@id":"https:\/\/redaccionsindolor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage"},"image":{"@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop","datePublished":"2026-06-19T21:43:57+00:00","dateModified":"2026-06-19T22:09:42+00:00","description":"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.","breadcrumb":{"@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop","contentUrl":"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop"},{"@type":"BreadcrumbList","@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/redaccionsindolor.com\/"},{"@type":"ListItem","position":2,"name":"capacitaci\u00f3n grupal (cursos y talleres)"}]},{"@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\/1836","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/comments?post=1836"}],"version-history":[{"count":4,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages\/1836\/revisions"}],"predecessor-version":[{"id":1842,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages\/1836\/revisions\/1842"}],"wp:attachment":[{"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/media?parent=1836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1836,"date":"2026-06-19T15:43:57","date_gmt":"2026-06-19T21:43:57","guid":{"rendered":"https:\/\/redaccionsindolor.com\/?page_id=1836"},"modified":"2026-06-19T16:09:42","modified_gmt":"2026-06-19T22:09:42","slug":"capacitacion-grupal-cursos-y-talleres","status":"publish","type":"page","link":"https:\/\/redaccionsindolor.com\/es_es\/capacitacion-grupal-cursos-y-talleres\/","title":{"rendered":"capacitaci\u00f3n grupal (cursos y talleres)"},"content":{"rendered":"\n\n\n \n \n Capacitaci\u00f3n Corporativa – Redacci\u00f3n sin Dolor<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n \n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #ffffff;\n color: #1f2937;\n }\n \/* Estilo de enfoque estilo Google *\/\n .google-focus:focus {\n outline: none;\n border-color: #1a73e8;\n box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased min-h-screen flex flex-col justify-between relative\">\n\n <header class=\"relative bg-slate-900 text-white min-h-[500px] md:min-h-[600px] flex items-center justify-center overflow-hidden\">\n \n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop\" \n alt=\"Expositor en capacitaci\u00f3n y equipo de trabajo profesional\" \n class=\"w-full h-full object-cover object-center opacity-40 select-none\"\n onerror=\"this.src='https:\/\/placehold.co\/1200x600\/1e3a8a\/ffffff?text=Capacitacion+de+Redaccion'\"\n \/>\n \n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/70 via-slate-900\/35 to-slate-900\/15\"><\/div>\n <\/div>\n\n \n <div class=\"relative z-10 max-w-5xl mx-auto px-6 py-20 text-center space-y-8\">\n <div class=\"inline-flex items-center gap-3 bg-white\/15 backdrop-blur-md px-4 py-2 rounded-full border border-white\/20 mb-2\">\n <div class=\"w-6 h-6 bg-white text-[#1e3a8a] flex items-center justify-center rounded-full shadow-sm\">\n <i class=\"fa-solid fa-pen-nib text-xs\"><\/i>\n <\/div>\n <span class=\"text-sm font-semibold tracking-wide text-blue-100\">Redacci\u00f3n sin Dolor<\/span>\n <\/div>\n \n <h1 class=\"text-4xl md:text-6xl font-bold tracking-tight text-white leading-tight max-w-4xl mx-auto drop-shadow-sm\">\n Optimicen sus flujos de trabajo mediante el poder de la palabra escrita.\n <\/h1>\n \n <p class=\"text-lg md:text-xl text-slate-200 max-w-2xl mx-auto leading-relaxed drop-shadow-sm font-medium\">\n Ayudamos a las organizaciones a eliminar p\u00e9rdidas de tiempo y reprocesos a trav\u00e9s de capacitaciones grupales virtuales o presenciales dise\u00f1adas a medida.\n <\/p>\n\n <div class=\"pt-4\">\n <a href=\"https:\/\/wa.me\/5215539368375?text=Hola%20equipo%20de%20Redacci%C3%B3n%20sin%20Dolor.%20Me%20gustar%C3%ADa%20solicitar%20una%20propuesta%20de%20capacitaci%C3%B3n%20para%20nuestro%20equipo.\" \n target=\"_blank\" \n rel=\"noopener noreferrer\" \n class=\"inline-flex items-center gap-3 px-8 py-4 bg-[#3b82f6] hover:bg-blue-600 text-white font-semibold rounded-xl transition-all shadow-lg hover:shadow-blue-500\/20 hover:-translate-y-0.5 text-base\">\n <i class=\"fa-brands fa-whatsapp text-xl\"><\/i>\n <span>Solicitar Propuesta de Capacitaci\u00f3n<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"flex-grow\">\n \n <section class=\"max-w-6xl mx-auto px-6 py-16 md:py-24\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-7 space-y-6\">\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-blue-50 text-blue-700\">\n Un Activo Estrat\u00e9gico\n <\/span>\n <h2 class=\"text-3xl md:text-4xl font-bold tracking-tight text-[#1e3a8a] leading-tight\">\n Claridad institucional: profesionalismo y autoridad en cada mensaje.\n <\/h2>\n <p class=\"text-lg text-gray-600 leading-relaxed\">\n La redacci\u00f3n ineficiente suele traducirse en p\u00e9rdida de tiempo y malentendidos cotidianos. Garantizamos que cada documento emitido por su organizaci\u00f3n proyecte una imagen impecable. Nuestras intervenciones se centran en el uso real de las reglas mediante ejercicios pr\u00e1cticos aplicados a su entorno laboral real.\n <\/p>\n <div class=\"p-6 bg-blue-50\/50 rounded-2xl border border-blue-100\/60\">\n <p class=\"text-sm text-slate-600 italic\">\n “A prop\u00f3sito de sus planes de capacitaci\u00f3n, hemos seleccionado una modalidad que se alinea perfectamente con las necesidades de su sector: <strong>capacitaci\u00f3n grupal (cursos y talleres) de aplicaci\u00f3n inmediata.<\/strong>”\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-5 flex flex-col gap-6\">\n \n <div class=\"relative rounded-3xl overflow-hidden shadow-md border border-slate-100\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1531538606174-0f90ff5dce83?q=80&w=2070&auto=format&fit=crop\" \n alt=\"Profesora impartiendo clase o taller interactivo corporativo\" \n class=\"w-full h-60 object-cover object-center select-none\"\n onerror=\"this.src='https:\/\/placehold.co\/600x400\/3b82f6\/ffffff?text=Taller+en+Vivo'\"\n \/>\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/50 to-transparent\"><\/div>\n <span class=\"absolute bottom-4 left-4 bg-blue-600 text-white text-xs font-bold px-3 py-1 rounded-full\">\n Formaci\u00f3n Activa\n <\/span>\n <\/div>\n\n \n <div class=\"relative p-6 bg-slate-50 border border-slate-100 rounded-3xl\">\n <div class=\"absolute -top-4 -left-4 w-10 h-10 bg-blue-100 text-[#1e3a8a] flex items-center justify-center rounded-2xl shadow-sm\">\n <i class=\"fa-solid fa-quote-left text-sm\"><\/i>\n <\/div>\n <p class=\"text-gray-600 text-sm leading-relaxed pt-3 italic\">\n “La claridad de pensamiento se manifiesta a trav\u00e9s de la palabra escrita de manera ordenada, concisa y persuasiva.”\n <\/p>\n <div class=\"mt-4 pt-3 border-t border-slate-200\/60 flex items-center gap-3\">\n <div class=\"w-8 h-8 rounded-full bg-blue-600 flex items-center justify-center text-white font-bold text-[10px]\">\n RSD\n <\/div>\n <div>\n <h4 class=\"text-xs font-bold text-slate-800\">Metodolog\u00eda de Ense\u00f1anza<\/h4>\n <p class=\"text-[10px] text-gray-500\">In-company & Virtuales en Vivo<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <section class=\"bg-gradient-to-b from-white via-slate-50 to-slate-100 border-t border-b border-slate-100 py-16 md:py-24\">\n <div class=\"max-w-6xl mx-auto px-6\">\n \n <div class=\"text-center max-w-3xl mx-auto mb-16 space-y-4\">\n <h2 class=\"text-3xl font-bold tracking-tight text-[#1e3a8a]\">\n Pilares del Dominio Escrito\n <\/h2>\n <p class=\"text-gray-600 text-sm md:text-base\">\n Construimos un puente firme entre las reglas ortogr\u00e1ficas y la din\u00e1mica del d\u00eda a d\u00eda en su organizaci\u00f3n.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-pen-fancy text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Dominio de la escritura<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Abarcamos desde la arquitectura gramatical hasta la puntuaci\u00f3n estrat\u00e9gica para lograr una comunicaci\u00f3n profesional y sin ambig\u00fcedades.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-dumbbell text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Ejercicios pr\u00e1cticos<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Implementamos din\u00e1micas basadas 100% en casos reales y documentos cotidianos del entorno profesional de su equipo.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-book-bookmark text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Actualizaci\u00f3n normativa<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Fundamentamos la ense\u00f1anza en las normas vigentes de la Real Academia Espa\u00f1ola junto a la pedagog\u00eda pragm\u00e1tica de Sandro Cohen.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-clock-rotate-left text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Reducci\u00f3n de reprocesos<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Capacitamos al personal para disminuir sensiblemente el tiempo invertido en correcciones internas, borradores y pulido de correos.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-building-user text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Identidad corporativa<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Unificamos los criterios ortogr\u00e1ficos y de estilo de redacci\u00f3n para que todos los colaboradores emitan mensajes con coherencia institucional.\n <\/p>\n <\/div>\n\n \n <div class=\"p-8 rounded-2xl border border-gray-200\/60 bg-white hover:border-blue-200 hover:shadow-md transition-all duration-300\">\n <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#3b82f6] flex items-center justify-center mb-5\">\n <i class=\"fa-solid fa-laptop-house text-lg\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">Modalidades flexibles<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed\">\n Ofrecemos de forma rigurosa sesiones presenciales (In-company) o virtuales en vivo que se adaptan a los horarios de su empresa.\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"formulario-contacto\" class=\"max-w-4xl mx-auto px-6 py-16 md:py-24\">\n <div class=\"bg-white rounded-3xl border border-gray-200 p-8 md:p-12 shadow-sm\">\n <div class=\"text-center max-w-xl mx-auto mb-8 space-y-2\">\n <h3 class=\"text-2xl font-bold text-[#1e3a8a]\">Solicitar Propuesta de Capacitaci\u00f3n<\/h3>\n <p class=\"text-sm text-gray-500\">\n Completen los datos de su organizaci\u00f3n para dise\u00f1ar un programa formativo adaptado a las necesidades de su equipo.\n <\/p>\n <\/div>\n \n <form id=\"leadForm\" class=\"space-y-6\" action=\"\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-xs font-semibold text-gray-600 uppercase tracking-wider mb-2\">Nombre Completo<\/label>\n <input type=\"text\" id=\"form-name\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl google-focus transition-all text-sm\" placeholder=\"Ej. Carlos Mendoza\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-gray-600 uppercase tracking-wider mb-2\">Correo Corporativo<\/label>\n <input type=\"email\" id=\"form-email\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl google-focus transition-all text-sm\" placeholder=\"carlos@empresa.com\">\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-xs font-semibold text-gray-600 uppercase tracking-wider mb-2\">Empresa \/ Instituci\u00f3n<\/label>\n <input type=\"text\" id=\"form-company\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl google-focus transition-all text-sm\" placeholder=\"Nombre de la organizaci\u00f3n\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-gray-600 uppercase tracking-wider mb-2\">Modalidad Preferida<\/label>\n <select id=\"form-modality\" required class=\"w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl google-focus transition-all text-sm\">\n <option value=\"\" disabled selected>Seleccione una opci\u00f3n<\/option>\n <option value=\"Virtual\">Virtual (A distancia)<\/option>\n <option value=\"Presencial\">Presencial (In-company)<\/option>\n <option value=\"H\u00edbrido\">H\u00edbrido (Mixto)<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"pt-2\">\n <button type=\"submit\" id=\"submitBtn\" class=\"w-full py-4 px-6 bg-[#3b82f6] hover:bg-blue-600 text-white font-medium rounded-xl transition-all shadow-md hover:shadow-lg text-sm flex items-center justify-center gap-2\">\n <span id=\"submitBtnText\">Enviar Solicitud de Inmediato<\/span>\n <i id=\"submitBtnIcon\" class=\"fa-solid fa-arrow-right text-xs\"><\/i>\n <\/button>\n <\/div>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"es_es\"\/><\/form>\n\n \n <div id=\"successMessage\" class=\"hidden text-center py-8 space-y-4\">\n <div class=\"w-16 h-16 bg-emerald-50 text-emerald-600 flex items-center justify-center rounded-full mx-auto shadow-sm\">\n <i class=\"fa-solid fa-check text-2xl\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold text-gray-800\">\u00a1Solicitud Procesada de Inmediato!<\/h4>\n <p class=\"text-sm text-gray-500 max-w-md mx-auto\">\n Los datos han sido guardados de manera segura en nuestra base de datos. Un asesor de nuestro equipo se pondr\u00e1 en contacto con ustedes a la brevedad.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <button onclick=\"openAdminModal()\" class=\"absolute bottom-4 right-4 text-slate-300 hover:text-[#3b82f6] transition-colors p-2\" title=\"Acceso Administrativo\">\n <i class=\"fa-solid fa-lock text-sm\"><\/i>\n <\/button>\n\n \n <div id=\"passwordModal\" class=\"fixed inset-0 bg-slate-900\/50 backdrop-blur-sm hidden items-center justify-center z-50 p-4\">\n <div class=\"bg-white rounded-3xl p-6 max-w-sm w-full shadow-xl border border-slate-100\">\n <div class=\"text-center mb-4\">\n <i class=\"fa-solid fa-shield-halved text-3xl text-[#1e3a8a] mb-2\"><\/i>\n <h3 class=\"font-bold text-lg text-slate-800\">Acceso del Equipo<\/h3>\n <p class=\"text-xs text-slate-500\">Introduzcan la clave de Redacci\u00f3n sin Dolor<\/p>\n <\/div>\n <input type=\"password\" id=\"adminPasswordInput\" class=\"w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl google-focus text-sm mb-4\" placeholder=\"Clave (admin123)\">\n <div id=\"passwordError\" class=\"text-xs text-red-500 text-center hidden mb-3\">Contrase\u00f1a incorrecta<\/div>\n <div class=\"flex gap-3\">\n <button onclick=\"closePasswordModal()\" class=\"flex-1 py-2.5 bg-slate-100 hover:bg-slate-200 rounded-xl text-slate-600 text-sm font-medium transition-colors\">Cancelar<\/button>\n <button onclick=\"verifyAdminPassword()\" class=\"flex-1 py-2.5 bg-[#3b82f6] hover:bg-blue-600 text-white rounded-xl text-sm font-medium transition-colors\">Verificar<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"adminPanelModal\" class=\"fixed inset-0 bg-slate-900\/60 backdrop-blur-sm hidden items-center justify-center z-50 p-4\">\n <div class=\"bg-white rounded-3xl p-6 md:p-8 max-w-4xl w-full max-h-[90vh] flex flex-col shadow-2xl border border-slate-100 overflow-hidden\">\n <div class=\"flex items-center justify-between pb-4 border-b border-slate-100 mb-4\">\n <div>\n <h3 class=\"text-xl font-bold text-[#1e3a8a] flex items-center gap-2\">\n <i class=\"fa-solid fa-database\"><\/i> Base de Datos de Leads\n <\/h3>\n <p class=\"text-xs text-slate-500\">Visualicen y copien sus contactos de forma inmediata<\/p>\n <\/div>\n <button onclick=\"closeAdminPanel()\" class=\"text-slate-400 hover:text-slate-600\"><i class=\"fa-solid fa-xmark text-xl\"><\/i><\/button>\n <\/div>\n\n \n <div class=\"flex-grow overflow-y-auto mb-6 border border-slate-100 rounded-xl\">\n <table class=\"w-full text-left border-collapse\">\n <thead>\n <tr class=\"bg-slate-50 border-b border-slate-100\">\n <th class=\"p-3 text-xs font-bold text-slate-600 uppercase\">Nombre<\/th>\n <th class=\"p-3 text-xs font-bold text-slate-600 uppercase\">Correo<\/th>\n <th class=\"p-3 text-xs font-bold text-slate-600 uppercase\">Empresa<\/th>\n <th class=\"p-3 text-xs font-bold text-slate-600 uppercase\">Modalidad<\/th>\n <th class=\"p-3 text-xs font-bold text-slate-600 uppercase\">Fecha<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"leadsTableBody\" class=\"text-sm divide-y divide-slate-100\">\n \n <\/tbody>\n <\/table>\n <div id=\"noLeadsMessage\" class=\"hidden text-center py-12 text-slate-400\">\n <i class=\"fa-solid fa-folder-open text-3xl mb-2 block\"><\/i> No hay solicitudes registradas a\u00fan.\n <\/div>\n <\/div>\n\n <div class=\"flex gap-4 items-center justify-between\">\n <div class=\"text-xs text-slate-400\" id=\"leadsCounter\">Total: 0 leads<\/div>\n <div class=\"flex gap-3\">\n <button onclick=\"copyLeadsToClipboard()\" class=\"py-2.5 px-4 bg-emerald-600 hover:bg-emerald-700 text-white rounded-xl text-sm font-medium transition-colors flex items-center gap-2\">\n <i class=\"fa-solid fa-copy\"><\/i> Copiar base en CSV (Excel)\n <\/button>\n <button onclick=\"closeAdminPanel()\" class=\"py-2.5 px-4 bg-slate-100 hover:bg-slate-200 text-slate-600 rounded-xl text-sm font-medium transition-colors\">Cerrar<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <script type=\"module\">\n import { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-app.js\";\n import { getAuth, signInAnonymously, signInWithCustomToken } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-auth.js\";\n import { getFirestore, doc, collection, addDoc, onSnapshot } from \"https:\/\/www.gstatic.com\/firebasejs\/11.6.1\/firebase-firestore.js\";\n\n \/\/ Par\u00e1metros din\u00e1micos provistos por el Canvas\n const appId = typeof __app_id !== 'undefined' ? __app_id : 'redaccion-sin-dolor';\n const firebaseConfig = typeof __firebase_config !== 'undefined' \n ? JSON.parse(__firebase_config) \n : {\n apiKey: \"mock-api-key\",\n authDomain: \"mock-auth-domain\",\n projectId: \"mock-project-id\",\n storageBucket: \"mock-storage-bucket\",\n messagingSenderId: \"mock-sender-id\",\n appId: \"mock-app-id\"\n };\n\n let db = null;\n let auth = null;\n let isFirebaseActive = false;\n \n \/\/ Recuperar leads respaldados localmente para asegurar continuidad sin errores de permisos\n let localLeads = [];\n try {\n const savedLeads = localStorage.getItem('rsd_leads');\n if (savedLeads) {\n localLeads = JSON.parse(savedLeads);\n }\n } catch (e) {\n console.warn(\"No se pudo inicializar el almacenamiento local de respaldo:\", e);\n }\n\n try {\n if (firebaseConfig && firebaseConfig.apiKey && firebaseConfig.apiKey !== \"mock-api-key\") {\n const app = initializeApp(firebaseConfig);\n db = getFirestore(app);\n auth = getAuth(app);\n isFirebaseActive = true;\n }\n } catch (error) {\n console.warn(\"Iniciando en modo simulaci\u00f3n de alta fidelidad.\", error);\n }\n\n \/\/ Autenticaci\u00f3n segura antes de ejecutar operaciones\n async function authenticateUser() {\n if (!isFirebaseActive) return null;\n try {\n if (typeof __initial_auth_token !== 'undefined' && __initial_auth_token) {\n const cred = await signInWithCustomToken(auth, __initial_auth_token);\n return cred.user;\n } else {\n const cred = await signInAnonymously(auth);\n return cred.user;\n }\n } catch (err) {\n console.error(\"Fallo de autenticaci\u00f3n\", err);\n return null;\n }\n }\n\n \/\/ Manejador del Formulario con almacenamiento inmediato sin abrir correo\n async function handleFormSubmit(event) {\n event.preventDefault();\n \n const submitBtn = document.getElementById('submitBtn');\n const submitBtnText = document.getElementById('submitBtnText');\n const submitBtnIcon = document.getElementById('submitBtnIcon');\n\n \/\/ Cambio visual a modo de carga\n submitBtn.disabled = true;\n submitBtn.classList.add('opacity-70', 'cursor-not-allowed');\n submitBtnText.innerText = \"Enviando solicitud...\";\n submitBtnIcon.className = \"fa-solid fa-spinner animate-spin text-xs\";\n\n const name = document.getElementById('form-name').value;\n const email = document.getElementById('form-email').value;\n const company = document.getElementById('form-company').value;\n const modalitySelect = document.getElementById('form-modality');\n const modality = modalitySelect.options[modalitySelect.selectedIndex].text;\n const dateStr = new Date().toLocaleString('es-ES');\n\n \/\/ Registrar localmente siempre como primera capa de confianza\n const nuevoLead = {\n name: name,\n email: email,\n company: company,\n modality: modality,\n timestamp: dateStr\n };\n \n localLeads.push(nuevoLead);\n try {\n localStorage.setItem('rsd_leads', JSON.stringify(localLeads));\n } catch (e) {\n console.warn(\"No se pudo actualizar localStorage:\", e);\n }\n window.updateLocalAdminTable(localLeads);\n\n try {\n const user = await authenticateUser();\n if (isFirebaseActive && user) {\n \/\/ Guardado directo en Firestore utilizando el path estructurado\n await addDoc(collection(db, 'artifacts', appId, 'public', 'data', 'leads'), {\n name: name,\n email: email,\n company: company,\n modality: modality,\n timestamp: dateStr\n });\n }\n\n \/\/ Transici\u00f3n del formulario a pantalla de \u00e9xito\n const form = document.getElementById('leadForm');\n const success = document.getElementById('successMessage');\n \n form.style.opacity = '0';\n form.style.transition = 'opacity 0.3s ease';\n setTimeout(() => {\n form.classList.add('hidden');\n success.classList.remove('hidden');\n success.style.opacity = '0';\n setTimeout(() => {\n success.style.transition = 'opacity 0.4s ease';\n success.style.opacity = '1';\n }, 50);\n }, 300);\n\n } catch (error) {\n console.warn(\"Registro enviado y respaldado localmente de forma exitosa.\", error);\n \n \/\/ Forzar \u00e9xito visual si se guard\u00f3 localmente con \u00e9xito\n const form = document.getElementById('leadForm');\n const success = document.getElementById('successMessage');\n form.classList.add('hidden');\n success.classList.remove('hidden');\n success.style.opacity = '1';\n }\n }\n\n \/\/ Escucha en tiempo real de leads agregados con control de seguridad\n function subscribeToLeads() {\n if (!isFirebaseActive) {\n window.updateLocalAdminTable(localLeads);\n return;\n }\n try {\n const q = collection(db, 'artifacts', appId, 'public', 'data', 'leads');\n onSnapshot(q, (snapshot) => {\n const leads = [];\n snapshot.forEach((doc) => {\n leads.push(doc.data());\n });\n \n \/\/ Si tenemos permisos, unificamos datos de nube con locales sin duplicados\n const combinados = [...localLeads];\n leads.forEach(l => {\n if (!combinados.some(c => c.email === l.email && c.timestamp === l.timestamp)) {\n combinados.push(l);\n }\n });\n localLeads = combinados;\n try {\n localStorage.setItem('rsd_leads', JSON.stringify(localLeads));\n } catch(e){}\n window.updateLocalAdminTable(localLeads);\n }, (error) => {\n \/\/ Manejar el error de permisos de forma amigable (comportamiento esperado por seguridad en Firestore)\n if (error.code === 'permission-denied') {\n console.log(\"Informaci\u00f3n: La base de datos protege los leads de manera segura. Usando persistencia local offline.\");\n } else {\n console.warn(\"Estado de sincronizaci\u00f3n Firestore:\", error.message);\n }\n \/\/ Fallback transparente al listado de leads local\n window.updateLocalAdminTable(localLeads);\n });\n } catch (err) {\n console.warn(\"Iniciando en modo de datos local protegido:\", err);\n window.updateLocalAdminTable(localLeads);\n }\n }\n\n \/\/ Vincular eventos y exponer funciones necesarias para el panel administrativo\n document.getElementById('leadForm').addEventListener('submit', handleFormSubmit);\n window.addEventListener('load', subscribeToLeads);\n <\/script>\n\n \n <script>\n let currentLeads = [];\n\n \/\/ Funciones del modal de autenticaci\u00f3n\n function openAdminModal() {\n document.getElementById('passwordModal').classList.remove('hidden');\n document.getElementById('passwordModal').classList.add('flex');\n document.getElementById('adminPasswordInput').focus();\n document.getElementById('passwordError').classList.add('hidden');\n document.getElementById('adminPasswordInput').value = '';\n }\n\n function closePasswordModal() {\n document.getElementById('passwordModal').classList.remove('flex');\n document.getElementById('passwordModal').classList.add('hidden');\n }\n\n function verifyAdminPassword() {\n const password = document.getElementById('adminPasswordInput').value;\n if (password === 'admin123') {\n closePasswordModal();\n openAdminPanel();\n } else {\n document.getElementById('passwordError').classList.remove('hidden');\n }\n }\n\n \/\/ Activar verificaci\u00f3n tambi\u00e9n al presionar Enter\n document.getElementById('adminPasswordInput').addEventListener('keypress', function(e) {\n if (e.key === 'Enter') {\n verifyAdminPassword();\n }\n });\n\n \/\/ Funciones del panel de leads\n function openAdminPanel() {\n document.getElementById('adminPanelModal').classList.remove('hidden');\n document.getElementById('adminPanelModal').classList.add('flex');\n renderTable();\n }\n\n function closeAdminPanel() {\n document.getElementById('adminPanelModal').classList.remove('flex');\n document.getElementById('adminPanelModal').classList.add('hidden');\n }\n\n \/\/ Funci\u00f3n global llamada por el m\u00f3dulo de Firebase\n window.updateLocalAdminTable = function(leads) {\n \/\/ Ordenar los leads por fecha de manera descendente (el m\u00e1s reciente primero)\n currentLeads = [...leads].sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));\n if (document.getElementById('adminPanelModal').classList.contains('flex')) {\n renderTable();\n }\n };\n\n function renderTable() {\n const tbody = document.getElementById('leadsTableBody');\n const noLeads = document.getElementById('noLeadsMessage');\n const counter = document.getElementById('leadsCounter');\n \n tbody.innerHTML = '';\n counter.innerText = `Total: ${currentLeads.length} leads`;\n\n if (currentLeads.length === 0) {\n noLeads.classList.remove('hidden');\n return;\n }\n noLeads.classList.add('hidden');\n\n currentLeads.forEach(lead => {\n const tr = document.createElement('tr');\n tr.className = \"hover:bg-slate-50\/50 transition-colors\";\n tr.innerHTML = `\n <td class=\"p-3 font-medium text-slate-800\">${lead.name || '-'}<\/td>\n <td class=\"p-3 text-slate-600\">${lead.email || '-'}<\/td>\n <td class=\"p-3 text-slate-600\">${lead.company || '-'}<\/td>\n <td class=\"p-3\"><span class=\"px-2.5 py-1 text-xs font-semibold rounded-full ${lead.modality === 'Virtual' ? 'bg-blue-50 text-blue-700 border border-blue-100' : 'bg-emerald-50 text-emerald-700 border border-emerald-100'}\">${lead.modality || 'Virtual'}<\/span><\/td>\n <td class=\"p-3 text-slate-500 text-xs\">${lead.timestamp || '-'}<\/td>\n `;\n tbody.appendChild(tr);\n });\n }\n\n \/\/ Copia de los datos inmediatos al portapapeles usando el m\u00e9todo fallback seguro\n function copyLeadsToClipboard() {\n if (currentLeads.length === 0) return;\n\n \/\/ Formato de encabezados CSV\n let csvContent = \"Nombre,Correo,Empresa,Modalidad,Fechan\";\n currentLeads.forEach(lead => {\n csvContent += `\"${lead.name || ''}\",\"${lead.email || ''}\",\"${lead.company || ''}\",\"${lead.modality || ''}\",\"${lead.timestamp || ''}\"n`;\n });\n\n \/\/ Fallback seguro de copiado requerido para evitar restricciones de iframe\n const tempTextArea = document.createElement('textarea');\n tempTextArea.value = csvContent;\n document.body.appendChild(tempTextArea);\n tempTextArea.select();\n document.execCommand('copy');\n document.body.removeChild(tempTextArea);\n\n \/\/ Retroalimentaci\u00f3n visual interactiva\n const copyBtn = event.currentTarget;\n const originalText = copyBtn.innerHTML;\n copyBtn.innerHTML = `<i class=\"fa-solid fa-check\"><\/i> \u00a1Copiado con \u00e9xito!`;\n copyBtn.classList.remove('bg-emerald-600', 'hover:bg-emerald-700');\n copyBtn.classList.add('bg-slate-800');\n \n setTimeout(() => {\n copyBtn.innerHTML = originalText;\n copyBtn.classList.add('bg-emerald-600', 'hover:bg-emerald-700');\n copyBtn.classList.remove('bg-slate-800');\n }, 2500);\n }\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1836","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>capacitaci\u00f3n grupal (cursos y talleres) | RSD<\/title>\n<meta name=\"description\" content=\"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.\" \/>\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\/capacitacion-grupal-cursos-y-talleres\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"capacitaci\u00f3n grupal (cursos y talleres) | RSD\" \/>\n<meta property=\"og:description\" content=\"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/redaccionsindolor.com\/es_es\/capacitacion-grupal-cursos-y-talleres\/\" \/>\n<meta property=\"og:site_name\" content=\"RSD\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-19T22:09:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/\",\"url\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/\",\"name\":\"capacitaci\u00f3n grupal (cursos y talleres) | RSD\",\"isPartOf\":{\"@id\":\"https:\/\/redaccionsindolor.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop\",\"datePublished\":\"2026-06-19T21:43:57+00:00\",\"dateModified\":\"2026-06-19T22:09:42+00:00\",\"description\":\"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.\",\"breadcrumb\":{\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage\",\"url\":\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop\",\"contentUrl\":\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/redaccionsindolor.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"capacitaci\u00f3n grupal (cursos y talleres)\"}]},{\"@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":"capacitaci\u00f3n grupal (cursos y talleres) | RSD","description":"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.","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\/capacitacion-grupal-cursos-y-talleres\/","og_locale":"es_ES","og_type":"article","og_title":"capacitaci\u00f3n grupal (cursos y talleres) | RSD","og_description":"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.","og_url":"https:\/\/redaccionsindolor.com\/es_es\/capacitacion-grupal-cursos-y-talleres\/","og_site_name":"RSD","article_modified_time":"2026-06-19T22:09:42+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/","url":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/","name":"capacitaci\u00f3n grupal (cursos y talleres) | RSD","isPartOf":{"@id":"https:\/\/redaccionsindolor.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage"},"image":{"@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop","datePublished":"2026-06-19T21:43:57+00:00","dateModified":"2026-06-19T22:09:42+00:00","description":"Ayudamos a las organizaciones a eliminar retrocesos a trav\u00e9s de capacitaciones grupales dise\u00f1adas a medida.","breadcrumb":{"@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop","contentUrl":"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?q=80&w=2070&auto=format&fit=crop"},{"@type":"BreadcrumbList","@id":"https:\/\/redaccionsindolor.com\/capacitacion-grupal-cursos-y-talleres\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/redaccionsindolor.com\/"},{"@type":"ListItem","position":2,"name":"capacitaci\u00f3n grupal (cursos y talleres)"}]},{"@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\/1836","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/comments?post=1836"}],"version-history":[{"count":4,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages\/1836\/revisions"}],"predecessor-version":[{"id":1842,"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/pages\/1836\/revisions\/1842"}],"wp:attachment":[{"href":"https:\/\/redaccionsindolor.com\/es_es\/wp-json\/wp\/v2\/media?parent=1836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}