{"id":65805,"date":"2025-11-04T09:41:59","date_gmt":"2025-11-04T08:41:59","guid":{"rendered":"https:\/\/www.compsaonline.com\/?page_id=65805"},"modified":"2025-11-04T16:28:51","modified_gmt":"2025-11-04T15:28:51","slug":"planificador","status":"publish","type":"page","link":"https:\/\/www.compsaonline.com\/es\/planificador\/","title":{"rendered":"Planificador"},"content":{"rendered":"<div style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; color: #333; line-height: 1.6;\">\n<p>  <!-- Hero Section --><\/p>\n<section style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 80px 20px; text-align: center; border-radius: 8px; margin-bottom: 60px; margin-top: 180px;\">\n<h1 style=\"font-size: 3em; margin: 0 0 20px 0; font-weight: 700; line-height: 1.2; color:white;\">\n      Sistema de Gesti\u00f3n Inteligente<br \/>\n    <\/h1>\n<p style=\"font-size: 1.4em; margin: 0 0 30px 0; opacity: 0.95; max-width: 700px; margin-left: auto; margin-right: auto;\">\n      Optimiza la gesti\u00f3n de tu taller con tecnolog\u00eda de vanguardia\n    <\/p>\n<p style=\"font-size: 1.1em; margin: 0 0 40px 0; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto;\">\n      Control total de tareas, veh\u00edculos, clientes y equipos de trabajo en tiempo real\n    <\/p>\n<\/section>\n<p>  <!-- Problema\/Soluci\u00f3n --><\/p>\n<section style=\"padding: 60px 20px; text-align: center; background-color: #f8f9fa; border-radius: 8px; margin-bottom: 60px;\">\n<h2 style=\"font-size: 2.5em; margin: 0 0 30px 0; color: #2d3748;\">\n      \u00bfTu empresa sufre desorganizaci\u00f3n?<br \/>\n    <\/h2>\n<div style=\"max-width: 1000px; margin: 0 auto;\">\n<div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-bottom: 40px;\">\n<div style=\"flex: 1; min-width: 250px; padding: 20px; background: white; border-left: 4px solid #e53e3e; border-radius: 8px;\">\n<p style=\"margin: 0; font-size: 1.1em; color: #e53e3e; font-weight: 600;\">\u274c Tareas perdidas o duplicadas<\/p>\n<\/p><\/div>\n<div style=\"flex: 1; min-width: 250px; padding: 20px; background: white; border-left: 4px solid #e53e3e; border-radius: 8px;\">\n<p style=\"margin: 0; font-size: 1.1em; color: #e53e3e; font-weight: 600;\">\u274c Comunicaci\u00f3n deficiente<\/p>\n<\/p><\/div>\n<div style=\"flex: 1; min-width: 250px; padding: 20px; background: white; border-left: 4px solid #e53e3e; border-radius: 8px;\">\n<p style=\"margin: 0; font-size: 1.1em; color: #e53e3e; font-weight: 600;\">\u274c Sin control de tiempos<\/p>\n<\/p><\/div><\/div>\n<p style=\"font-size: 1.8em; font-weight: 700; color: #38a169; margin: 40px 0 20px 0;\">\n        \u2713 Nuestra soluci\u00f3n lo cambia todo\n      <\/p>\n<p style=\"font-size: 1.2em; color: #4a5568; max-width: 700px; margin: 0 auto;\">\n        Sistema completo de gesti\u00f3n dise\u00f1ado espec\u00edficamente para talleres y servicios de veh\u00edculos\n      <\/p>\n<\/p><\/div>\n<\/section>\n<p>  <!-- Caracter\u00edsticas Principales --><\/p>\n<section style=\"padding: 60px 20px; margin-bottom: 60px;\">\n<h2 style=\"font-size: 2.5em; margin: 0 0 50px 0; text-align: center; color: #2d3748;\">\n      Caracter\u00edsticas Principales<br \/>\n    <\/h2>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto;\">\n<p>      <!-- Caracter\u00edstica 1 --><\/p>\n<div style=\"background: white; padding: 35px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.3s; border-top: 4px solid #667eea;\">\n<div style=\"font-size: 3em; margin-bottom: 20px; color: #667eea;\">\ud83d\udccb<\/div>\n<h3 style=\"font-size: 1.5em; margin: 0 0 15px 0; color: #2d3748;\">Tablero Kanban Visual<\/h3>\n<p style=\"margin: 0; color: #718096; font-size: 1.05em;\">\n          Organiza tareas por estados personalizables. Arrastra y suelta para actualizar el progreso. Visualiza todo el flujo de trabajo de un vistazo.\n        <\/p>\n<\/p><\/div>\n<p>      <!-- Caracter\u00edstica 2 --><\/p>\n<div style=\"background: white; padding: 35px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.3s; border-top: 4px solid #48bb78;\">\n<div style=\"font-size: 3em; margin-bottom: 20px; color: #48bb78;\">\ud83d\udc65<\/div>\n<h3 style=\"font-size: 1.5em; margin: 0 0 15px 0; color: #2d3748;\">Gesti\u00f3n de Equipos<\/h3>\n<p style=\"margin: 0; color: #718096; font-size: 1.05em;\">\n          Asigna trabajadores y l\u00edderes de equipo. Control de roles y permisos. Notificaciones en tiempo real para cada miembro.\n        <\/p>\n<\/p><\/div>\n<p>      <!-- Caracter\u00edstica 3 --><\/p>\n<div style=\"background: white; padding: 35px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.3s; border-top: 4px solid #ed8936;\">\n<div style=\"font-size: 3em; margin-bottom: 20px; color: #ed8936;\">\ud83d\ude97<\/div>\n<h3 style=\"font-size: 1.5em; margin: 0 0 15px 0; color: #2d3748;\">Control de Veh\u00edculos<\/h3>\n<p style=\"margin: 0; color: #718096; font-size: 1.05em;\">\n          Base de datos completa de veh\u00edculos. Historial de servicios por matr\u00edcula. Informaci\u00f3n de clientes asociada autom\u00e1ticamente.\n        <\/p>\n<\/p><\/div>\n<p>      <!-- Caracter\u00edstica 4 --><\/p>\n<div style=\"background: white; padding: 35px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.3s; border-top: 4px solid #9f7aea;\">\n<div style=\"font-size: 3em; margin-bottom: 20px; color: #9f7aea;\">\ud83d\udcc5<\/div>\n<h3 style=\"font-size: 1.5em; margin: 0 0 15px 0; color: #2d3748;\">Calendario Inteligente<\/h3>\n<p style=\"margin: 0; color: #718096; font-size: 1.05em;\">\n          Vista semanal y diaria de tareas. Programaci\u00f3n de citas. Recordatorios autom\u00e1ticos de fechas importantes.\n        <\/p>\n<\/p><\/div>\n<p>      <!-- Caracter\u00edstica 5 --><\/p>\n<div style=\"background: white; padding: 35px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.3s; border-top: 4px solid #f56565;\">\n<div style=\"font-size: 3em; margin-bottom: 20px; color: #f56565;\">\u26a1<\/div>\n<h3 style=\"font-size: 1.5em; margin: 0 0 15px 0; color: #2d3748;\">Prioridades y Urgencias<\/h3>\n<p style=\"margin: 0; color: #718096; font-size: 1.05em;\">\n          Sistema de prioridades (alta, media, baja). Alertas de tareas urgentes. Filtros avanzados para enfocarte en lo importante.\n        <\/p>\n<\/p><\/div>\n<p>      <!-- Caracter\u00edstica 6 --><\/p>\n<div style=\"background: white; padding: 35px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.3s; border-top: 4px solid #38b2ac;\">\n<div style=\"font-size: 3em; margin-bottom: 20px; color: #38b2ac;\">\ud83d\udcce<\/div>\n<h3 style=\"font-size: 1.5em; margin: 0 0 15px 0; color: #2d3748;\">Documentaci\u00f3n Digital<\/h3>\n<p style=\"margin: 0; color: #718096; font-size: 1.05em;\">\n          Adjunta albaranes firmados y videos. Registro de incidencias de clientes y trabajadores. Todo organizado y accesible.\n        <\/p>\n<\/p><\/div><\/div>\n<\/section>\n<p>  <!-- Beneficios --><\/p>\n<section style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 80px 20px; border-radius: 8px; margin-bottom: 60px;\">\n<h2 style=\"font-size: 2.5em; margin: 0 0 50px 0; text-align: center;\">\n      Beneficios para tu Negocio<br \/>\n    <\/h2>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; text-align: center;\">\n<div>\n<div style=\"font-size: 3.5em; margin-bottom: 15px;\">\ud83d\ude80<\/div>\n<h3 style=\"font-size: 1.3em; margin: 0 0 10px 0;\">Aumenta Productividad<\/h3>\n<p style=\"margin: 0; opacity: 0.9; font-size: 1.05em;\">Menos tiempo buscando informaci\u00f3n, m\u00e1s tiempo trabajando<\/p>\n<\/p><\/div>\n<div>\n<div style=\"font-size: 3.5em; margin-bottom: 15px;\">\ud83d\udcb0<\/div>\n<h3 style=\"font-size: 1.3em; margin: 0 0 10px 0;\">Reduce Costos<\/h3>\n<p style=\"margin: 0; opacity: 0.9; font-size: 1.05em;\">Evita errores costosos y optimiza recursos<\/p>\n<\/p><\/div>\n<div>\n<div style=\"font-size: 3.5em; margin-bottom: 15px;\">\ud83d\ude0a<\/div>\n<h3 style=\"font-size: 1.3em; margin: 0 0 10px 0;\">Clientes Satisfechos<\/h3>\n<p style=\"margin: 0; opacity: 0.9; font-size: 1.05em;\">Mejor comunicaci\u00f3n y tiempos de respuesta<\/p>\n<\/p><\/div>\n<div>\n<div style=\"font-size: 3.5em; margin-bottom: 15px;\">\ud83d\udcca<\/div>\n<h3 style=\"font-size: 1.3em; margin: 0 0 10px 0;\">Toma Decisiones<\/h3>\n<p style=\"margin: 0; opacity: 0.9; font-size: 1.05em;\">KPIs y estad\u00edsticas en tiempo real<\/p>\n<\/p><\/div><\/div>\n<\/section>\n<p>  <!-- Recorrido Visual del Sistema --><\/p>\n<section style=\"padding: 60px 20px; margin-bottom: 60px;\">\n<h2 style=\"font-size: 2.5em; margin: 0 0 30px 0; text-align: center; color: #2d3748;\">\n      Explora el Sistema en Acci\u00f3n<br \/>\n    <\/h2>\n<p style=\"text-align: center; font-size: 1.2em; color: #718096; margin: 0 0 60px 0; max-width: 800px; margin-left: auto; margin-right: auto;\">\n      Descubre c\u00f3mo cada vista del sistema est\u00e1 dise\u00f1ada para maximizar tu eficiencia\n    <\/p>\n<div style=\"max-width: 1200px; margin: 0 auto;\">\n<p>      <!-- Dashboard --><\/p>\n<div style=\"margin-bottom: 60px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\ud83d\udcca Panel de Control (Dashboard)<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">Tu centro de mando para toda la operaci\u00f3n<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IMAGEN: Insertar captura del Dashboard aqu\u00ed --><\/p>\n<div style=\"margin-bottom: 30px; text-align: center; background: #f7fafc; padding: 20px; border-radius: 8px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-dashbaord.png\" alt=\"Dashboard CompsaOnline\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;\">\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #667eea; font-size: 1.3em;\">\u2728 Vista General Instant\u00e1nea<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Tasa de Finalizaci\u00f3n:<\/strong> Visualiza el porcentaje de tareas completadas<\/li>\n<li><strong>Tareas Vencidas:<\/strong> Alerta inmediata de tareas que necesitan atenci\u00f3n<\/li>\n<li><strong>Prioridad Urgente:<\/strong> Contador de tareas cr\u00edticas<\/li>\n<li><strong>Nuevas vs Completadas:<\/strong> An\u00e1lisis de productividad de los \u00faltimos 30 d\u00edas<\/li>\n<\/ul><\/div>\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #48bb78; font-size: 1.3em;\">\ud83d\udcc8 KPIs en Tiempo Real<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Total de Tareas:<\/strong> Visi\u00f3n completa del volumen de trabajo<\/li>\n<li><strong>Distribuci\u00f3n por Estados:<\/strong> Gr\u00e1fico circular con tareas pendientes, en proceso, completadas y vencidas<\/li>\n<li><strong>Asignaciones por Trabajador:<\/strong> Carga de trabajo de cada miembro del equipo<\/li>\n<li><strong>Saludo Personalizado:<\/strong> Mensaje de bienvenida con resumen de actividad<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #f7fafc; padding: 25px; border-radius: 8px; border-left: 4px solid #667eea;\">\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 Ventaja:<\/strong> Todo lo que necesitas saber en una sola pantalla. Detecta cuellos de botella, identifica trabajadores sobrecargados y toma decisiones informadas al instante.\n            <\/p>\n<\/p><\/div><\/div><\/div>\n<p>      <!-- Calendario --><\/p>\n<div style=\"margin-bottom: 60px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #48bb78 0%, #38a169 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\ud83d\udcc5 Calendario Semanal<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">Planificaci\u00f3n visual perfecta<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IMAGEN: Insertar captura del Calendario aqu\u00ed --><\/p>\n<div style=\"margin-bottom: 30px; text-align: center; background: #f0fff4; padding: 20px; border-radius: 8px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-calendari.png\" alt=\"Calendario Semanal CompsaOnline\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;\">\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #48bb78; font-size: 1.3em;\">\ud83d\uddd3\ufe0f Vista Semanal Completa<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Organizaci\u00f3n por D\u00edas:<\/strong> De lunes a domingo con semanas numeradas<\/li>\n<li><strong>Tarjetas de Tareas:<\/strong> Cada tarea con t\u00edtulo, cliente, fecha y estado visual<\/li>\n<li><strong>C\u00f3digos de Color:<\/strong> Identificaci\u00f3n r\u00e1pida por estado (Pendiente, Programado, Listo, Urgencia)<\/li>\n<li><strong>Iconos Informativos:<\/strong> Indicadores de equipo asignado y requisitos especiales<\/li>\n<\/ul><\/div>\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #ed8936; font-size: 1.3em;\">\ud83d\udd0d Filtros Inteligentes<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Por Rango de Fechas:<\/strong> Selecci\u00f3n flexible de semanas<\/li>\n<li><strong>Por Cliente:<\/strong> Visualiza solo tareas de clientes espec\u00edficos<\/li>\n<li><strong>Por Tipo de Tarea:<\/strong> Filtra por categor\u00eda de trabajo<\/li>\n<li><strong>Por Estado:<\/strong> Enf\u00f3cate en pendientes, en progreso o completadas<\/li>\n<li><strong>Por Trabajador:<\/strong> Ve la agenda de cada miembro del equipo<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #f0fff4; padding: 25px; border-radius: 8px; border-left: 4px solid #48bb78;\">\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 Ventaja:<\/strong> Planifica con semanas de anticipaci\u00f3n. Evita conflictos de horarios, distribuye cargas de trabajo equitativamente y nunca m\u00e1s pierdas una cita importante.\n            <\/p>\n<\/p><\/div><\/div><\/div>\n<p>      <!-- Vista Kanban --><\/p>\n<div style=\"margin-bottom: 60px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #9f7aea 0%, #805ad5 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\ud83d\udccb Vista Kanban<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">Gesti\u00f3n \u00e1gil y visual del flujo de trabajo<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IMAGEN: Insertar captura de la Vista Kanban aqu\u00ed --><\/p>\n<div style=\"margin-bottom: 30px; text-align: center; background: #faf5ff; padding: 20px; border-radius: 8px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-kanban.png\" alt=\"Vista Kanban CompsaOnline\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;\">\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #9f7aea; font-size: 1.3em;\">\ud83c\udfaf Columnas Personalizables<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Pendiente:<\/strong> Tareas nuevas esperando asignaci\u00f3n<\/li>\n<li><strong>Esperando Material:<\/strong> Trabajos bloqueados temporalmente<\/li>\n<li><strong>En Progreso:<\/strong> Tareas activas en ejecuci\u00f3n<\/li>\n<li><strong>Listo para Entrega:<\/strong> Trabajos finalizados pendientes de entrega<\/li>\n<li><strong>Completada:<\/strong> Tareas cerradas exitosamente<\/li>\n<\/ul><\/div>\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #f56565; font-size: 1.3em;\">\ud83c\udfb4 Tarjetas de Tarea<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Drag &#038; Drop:<\/strong> Arrastra tarjetas entre columnas para actualizar estado<\/li>\n<li><strong>Informaci\u00f3n Clave:<\/strong> T\u00edtulo, descripci\u00f3n, cliente y fecha visible<\/li>\n<li><strong>Prioridad Visual:<\/strong> Etiquetas de Programado o Urgencia<\/li>\n<li><strong>Avatares de Equipo:<\/strong> Ve qui\u00e9n est\u00e1 asignado a cada tarea<\/li>\n<li><strong>Iconos de Estado:<\/strong> EPIs requeridos y documentos adjuntos<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #faf5ff; padding: 25px; border-radius: 8px; border-left: 4px solid #9f7aea;\">\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 Ventaja:<\/strong> Metodolog\u00eda Kanban comprobada. Ve el flujo completo de trabajo, identifica bloqueos al instante y actualiza estados con un simple arrastre. Perfecto para equipos \u00e1giles.\n            <\/p>\n<\/p><\/div><\/div><\/div>\n<p>      <!-- Vista de Lista --><\/p>\n<div style=\"margin-bottom: 60px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #38b2ac 0%, #319795 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\ud83d\udcdd Vista de Lista<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">An\u00e1lisis detallado y b\u00fasqueda r\u00e1pida<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IMAGEN: Insertar captura de la Vista de Lista aqu\u00ed --><\/p>\n<div style=\"margin-bottom: 30px; text-align: center; background: #e6fffa; padding: 20px; border-radius: 8px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-llistat.png\" alt=\"Vista de Lista CompsaOnline\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;\">\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #38b2ac; font-size: 1.3em;\">\ud83d\udcca Tabla Completa de Informaci\u00f3n<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Columnas Organizadas:<\/strong> Tarea, Cliente, Estado, Prioridad, Fecha, Entregado, EPIs, Trabajadores y Acciones<\/li>\n<li><strong>Ordenaci\u00f3n Flexible:<\/strong> Haz clic en cualquier columna para ordenar<\/li>\n<li><strong>B\u00fasqueda Instant\u00e1nea:<\/strong> Campo de b\u00fasqueda para encontrar cualquier tarea<\/li>\n<li><strong>M\u00faltiples Filtros:<\/strong> Combina filtros de estado, prioridad, cliente, tipo y responsable<\/li>\n<\/ul><\/div>\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #ed8936; font-size: 1.3em;\">\u26a1 Acciones R\u00e1pidas<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Vista R\u00e1pida:<\/strong> Icono de ojo para ver detalles sin abrir modal<\/li>\n<li><strong>Edici\u00f3n Directa:<\/strong> Modifica tareas desde la lista<\/li>\n<li><strong>Eliminaci\u00f3n R\u00e1pida:<\/strong> Borra tareas con confirmaci\u00f3n<\/li>\n<li><strong>Exportaci\u00f3n:<\/strong> Descarga listas para an\u00e1lisis externo<\/li>\n<li><strong>Indicadores Visuales:<\/strong> Iconos de EPIs obligatorios y estado de entrega<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #e6fffa; padding: 25px; border-radius: 8px; border-left: 4px solid #38b2ac;\">\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 Ventaja:<\/strong> Ideal para b\u00fasquedas detalladas y an\u00e1lisis. Filtra miles de tareas en segundos, exporta reportes y gestiona acciones masivas con facilidad.\n            <\/p>\n<\/p><\/div><\/div><\/div>\n<p>      <!-- Gesti\u00f3n de Tareas --><\/p>\n<div style=\"margin-bottom: 60px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\u270f\ufe0f Editar Tarea &#8211; Modal Completo<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">Toda la informaci\u00f3n en un solo lugar<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IM\u00c1GENES: Insertar capturas del modal de edici\u00f3n (3 pesta\u00f1as) --><\/p>\n<div style=\"margin-bottom: 30px;\">\n<div style=\"text-align: center; margin-bottom: 20px; background: #fff5e6; padding: 20px; border-radius: 8px;\">\n<p style=\"margin: 0 0 15px 0; font-weight: 600; color: #ed8936;\">Pesta\u00f1a 1: Informaci\u00f3n<\/p>\n<p>              <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-info.png\" alt=\"Modal Editar Tarea - Informaci\u00f3n\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n            <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;\">\n<div style=\"text-align: center; background: #f0fff4; padding: 20px; border-radius: 8px;\">\n<p style=\"margin: 0 0 15px 0; font-weight: 600; color: #48bb78;\">Pesta\u00f1a 2: Documentos<\/p>\n<p>                <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-documents.png\" alt=\"Modal Editar Tarea - Documentos\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n              <\/div>\n<div style=\"text-align: center; background: #faf5ff; padding: 20px; border-radius: 8px;\">\n<p style=\"margin: 0 0 15px 0; font-weight: 600; color: #9f7aea;\">Pesta\u00f1a 3: Comentarios<\/p>\n<p>                <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-comentaris.png\" alt=\"Modal Editar Tarea - Comentarios\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n              <\/div><\/div><\/div>\n<div style=\"margin-bottom: 30px;\">\n<h4 style=\"margin: 0 0 20px 0; color: #ed8936; font-size: 1.4em; text-align: center;\">\ud83d\uddc2\ufe0f Sistema de Pesta\u00f1as Organizado<\/h4>\n<\/p><\/div>\n<div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-bottom: 30px;\">\n<div style=\"background: #fff5f5; padding: 25px; border-radius: 8px; border-top: 3px solid #f56565;\">\n<h5 style=\"margin: 0 0 15px 0; color: #f56565; font-size: 1.2em;\">\ud83d\udccb Pesta\u00f1a: Informaci\u00f3n<\/h5>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; font-size: 0.95em; line-height: 1.7;\">\n<li>Nombre de la tarea<\/li>\n<li>Descripci\u00f3n detallada<\/li>\n<li>Cliente asociado<\/li>\n<li>Veh\u00edculo vinculado<\/li>\n<li>Prioridad (Programado\/Urgencia)<\/li>\n<li>Estado\/Columna<\/li>\n<li>Tipo de tarea<\/li>\n<li>Fecha y hora de inicio<\/li>\n<li>\u00d3rdenes especiales<\/li>\n<li>Responsable principal<\/li>\n<li>Trabajadores asignados<\/li>\n<li>Checkboxes: Archivada, Entregado, Obligatorio EPIs<\/li>\n<\/ul><\/div>\n<div style=\"background: #f0fff4; padding: 25px; border-radius: 8px; border-top: 3px solid #48bb78;\">\n<h5 style=\"margin: 0 0 15px 0; color: #48bb78; font-size: 1.2em;\">\ud83d\udcce Pesta\u00f1a: Documents<\/h5>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; font-size: 0.95em; line-height: 1.7;\">\n<li>Drag &#038; Drop de archivos<\/li>\n<li>Documentos Generales<\/li>\n<li>Albaranes Firmados<\/li>\n<li>Videos de Reparaci\u00f3n<\/li>\n<li>Soporta m\u00faltiples formatos: PDF, JPG, PNG, DOC, DOCX, MP4, AVI, MOV<\/li>\n<li>Tama\u00f1o m\u00e1ximo: 10MB<\/li>\n<li>Vista previa de documentos existentes<\/li>\n<li>Descarga individual<\/li>\n<li>Eliminaci\u00f3n de archivos<\/li>\n<\/ul><\/div>\n<div style=\"background: #faf5ff; padding: 25px; border-radius: 8px; border-top: 3px solid #9f7aea;\">\n<h5 style=\"margin: 0 0 15px 0; color: #9f7aea; font-size: 1.2em;\">\ud83d\udcac Pesta\u00f1a: Comentarios<\/h5>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; font-size: 0.95em; line-height: 1.7;\">\n<li>Historial completo de comentarios<\/li>\n<li>A\u00f1adir nuevos comentarios<\/li>\n<li>Identificaci\u00f3n del autor<\/li>\n<li>Marca de tiempo<\/li>\n<li>Comunicaci\u00f3n interna del equipo<\/li>\n<li>Notas de seguimiento<\/li>\n<li>Incidencias reportadas<\/li>\n<li>Contador de comentarios totales<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #fff5e6; padding: 25px; border-radius: 8px; border-left: 4px solid #ed8936;\">\n<p style=\"margin: 0 0 15px 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 Ventaja:<\/strong> Todo centralizado en un modal intuitivo. Crea, edita y gestiona tareas completas sin cambiar de pantalla. Adjunta documentaci\u00f3n, comunica con el equipo y mant\u00e9n un registro completo.\n            <\/p>\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udd17 Bot\u00f3n Especial \u00abProtocols\u00bb:<\/strong> Accede a protocolos predefinidos para tareas recurrentes. Importa plantillas con campos precompletados y ahorra tiempo en configuraci\u00f3n.\n            <\/p>\n<\/p><\/div><\/div><\/div>\n<p>      <!-- Tareas Arxivadas --><\/p>\n<div style=\"background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #718096 0%, #4a5568 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\ud83d\udce6 Tareas Archivadas<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">Mant\u00e9n tu historial organizado sin perder informaci\u00f3n<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IMAGEN: Insertar captura de Tareas Archivadas aqu\u00ed --><\/p>\n<div style=\"margin-bottom: 30px; text-align: center; background: #f7fafc; padding: 20px; border-radius: 8px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-archivades.png\" alt=\"Tareas Archivadas CompsaOnline\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;\">\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #718096; font-size: 1.3em;\">\ud83d\uddc4\ufe0f Archivo Inteligente<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Separaci\u00f3n Clara:<\/strong> Las tareas archivadas no aparecen en vistas activas<\/li>\n<li><strong>B\u00fasqueda en Archivo:<\/strong> Filtros espec\u00edficos para encontrar tareas antiguas<\/li>\n<li><strong>Restauraci\u00f3n F\u00e1cil:<\/strong> Desarchiva tareas con un solo clic<\/li>\n<li><strong>Historial Completo:<\/strong> Mant\u00e9n registros para auditor\u00edas y referencias<\/li>\n<\/ul><\/div>\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #4a5568; font-size: 1.3em;\">\ud83d\udccb Gesti\u00f3n de Hist\u00f3rico<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Vista Limpia:<\/strong> No satures las vistas activas con tareas antiguas<\/li>\n<li><strong>Conservaci\u00f3n de Datos:<\/strong> Toda la informaci\u00f3n se mantiene intacta<\/li>\n<li><strong>Filtros Avanzados:<\/strong> Busca por nombre, cliente, responsable, trabajador o fecha<\/li>\n<li><strong>Referencia Futura:<\/strong> Consulta trabajos anteriores para estimaciones<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #f7fafc; padding: 25px; border-radius: 8px; border-left: 4px solid #718096;\">\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 Ventaja:<\/strong> Mant\u00e9n tu workspace limpio sin perder informaci\u00f3n valiosa. Archiva proyectos completados para enfocarte en lo actual, pero con la tranquilidad de que todo est\u00e1 guardado y accesible.\n            <\/p>\n<\/p><\/div><\/div><\/div><\/div>\n<\/section>\n<section style=\"padding: 60px 20px; margin-bottom: 60px;\">\n<h2 style=\"font-size: 2.5em; margin: 0 0 30px 0; text-align: center; color: #2d3748;\">\n      \ud83c\udf9b\ufe0f Panel de Administraci\u00f3n &#8211; Configuraci\u00f3n Central<br \/>\n    <\/h2>\n<p style=\"text-align: center; font-size: 1.2em; color: #718096; margin: 0 0 60px 0; max-width: 800px; margin-left: auto; margin-right: auto;\">\n      Configura una vez, aplica en todo el sistema. Cada ajuste se refleja autom\u00e1ticamente en Kanban, Calendario, Dashboard y Listas.\n    <\/p>\n<div style=\"max-width: 1200px; margin: 0 auto;\">\n<p>      <!-- Gesti\u00f3n de Usuarios --><\/p>\n<div style=\"margin-bottom: 60px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\ud83d\udc65 Gesti\u00f3n de Usuarios<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">Administra tu equipo y controla accesos<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IMAGEN --><\/p>\n<div style=\"margin-bottom: 30px; text-align: center; background: #f7fafc; padding: 20px; border-radius: 8px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-usuari.png\" alt=\"Gesti\u00f3n de Usuarios CompsaOnline\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;\">\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #667eea; font-size: 1.3em;\">\ud83d\udc64 Gesti\u00f3n Completa de Usuarios<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Crear Usuarios:<\/strong> Nombre, email, tel\u00e9fono, contrase\u00f1a<\/li>\n<li><strong>Asignar Roles:<\/strong> Administrador, Gestor, Gestor Administratiu, Oficina, Trabajador<\/li>\n<li><strong>Estado Activo\/Inactivo:<\/strong> Controla el acceso sin eliminar usuarios<\/li>\n<li><strong>Lista Organizada:<\/strong> Busca por nombre, filtra por rol y estado<\/li>\n<li><strong>Edici\u00f3n R\u00e1pida:<\/strong> Modifica datos y permisos al instante<\/li>\n<\/ul><\/div>\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #48bb78; font-size: 1.3em;\">\ud83d\udd10 Control de Permisos por Rol<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Administrador:<\/strong> Acceso total, gesti\u00f3n de usuarios y configuraci\u00f3n<\/li>\n<li><strong>Gestor:<\/strong> Crea tareas, asigna equipos, ve todos los proyectos<\/li>\n<li><strong>Oficina:<\/strong> Gesti\u00f3n administrativa, visualiza tareas archivadas<\/li>\n<li><strong>Trabajador:<\/strong> Ve y actualiza solo sus tareas asignadas<\/li>\n<li><strong>Contador de Fecha:<\/strong> Cu\u00e1ndo se cre\u00f3 cada usuario<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #f7fafc; padding: 25px; border-radius: 8px; border-left: 4px solid #667eea;\">\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 D\u00f3nde se refleja:<\/strong> Los usuarios aparecen en el selector de trabajadores al crear tareas, en filtros de Kanban\/Lista\/Calendario, en la secci\u00f3n \u00abAsignaciones por Trabajador\u00bb del Dashboard, y controlan qu\u00e9 puede ver y hacer cada persona en el sistema.\n            <\/p>\n<\/p><\/div><\/div><\/div>\n<p>      <!-- Estados de Columna --><\/p>\n<div style=\"margin-bottom: 60px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #48bb78 0%, #38a169 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\ud83c\udfa8 Estados de Columna<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">Personaliza el flujo de trabajo Kanban<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IMAGEN --><\/p>\n<div style=\"margin-bottom: 30px; text-align: center; background: #f0fff4; padding: 20px; border-radius: 8px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-columnes.png\" alt=\"Estados de Columna CompsaOnline\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;\">\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #48bb78; font-size: 1.3em;\">\ud83d\udd27 Configuraci\u00f3n de Columnas<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Crear Columnas:<\/strong> Nombre personalizado para cada estado<\/li>\n<li><strong>C\u00f3digo de Color:<\/strong> Asigna colores distintivos (hex o selector)<\/li>\n<li><strong>Reordenar Arrastrando:<\/strong> Cambia el orden de aparici\u00f3n f\u00e1cilmente<\/li>\n<li><strong>Activar\/Desactivar:<\/strong> Oculta columnas sin eliminarlas<\/li>\n<li><strong>Contador de Tareas:<\/strong> Ve cu\u00e1ntas tareas hay en cada estado<\/li>\n<li><strong>Etiquetas Especiales:<\/strong> Marca estados como \u00abInactivo\u00bb si no se usan<\/li>\n<\/ul><\/div>\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #ed8936; font-size: 1.3em;\">\ud83d\udcca Ejemplos de Estados<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Pendiente:<\/strong> Tareas nuevas sin iniciar (gris)<\/li>\n<li><strong>Esperando Material:<\/strong> Bloqueadas temporalmente (rojo)<\/li>\n<li><strong>En Progreso:<\/strong> Actualmente en ejecuci\u00f3n (azul)<\/li>\n<li><strong>Listo para Entrega:<\/strong> Finalizada, pendiente entrega (verde)<\/li>\n<li><strong>Completada:<\/strong> Cerrada exitosamente (verde oscuro)<\/li>\n<li><strong>Cancelada:<\/strong> Descartada o anulada (rojo, inactiva)<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #f0fff4; padding: 25px; border-radius: 8px; border-left: 4px solid #48bb78;\">\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 D\u00f3nde se refleja:<\/strong> Las columnas aparecen en la Vista Kanban como columnas visuales, en el Dashboard como \u00abDistribuci\u00f3n de Estados de Tareas\u00bb (gr\u00e1fico circular), en formularios de tareas como selector de estado, y en todos los filtros del sistema.\n            <\/p>\n<\/p><\/div><\/div><\/div>\n<p>      <!-- Clientes --><\/p>\n<div style=\"margin-bottom: 60px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\ud83d\udc54 Clientes<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">Base de datos centralizada de clientes<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IMAGEN --><\/p>\n<div style=\"margin-bottom: 30px; text-align: center; background: #fff5e6; padding: 20px; border-radius: 8px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-clients.png\" alt=\"Gesti\u00f3n de Clientes CompsaOnline\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;\">\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #ed8936; font-size: 1.3em;\">\ud83d\udcc7 Informaci\u00f3n Completa del Cliente<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Datos B\u00e1sicos:<\/strong> Nombre, NIF, empresa<\/li>\n<li><strong>Contacto:<\/strong> Email, tel\u00e9fono, direcci\u00f3n<\/li>\n<li><strong>Notas Internas:<\/strong> Observaciones privadas del equipo<\/li>\n<li><strong>Estado:<\/strong> Activo\/Inactivo para control de acceso<\/li>\n<li><strong>Contador de Tareas:<\/strong> Cu\u00e1ntas tareas tiene asignadas<\/li>\n<li><strong>Fecha de Creaci\u00f3n:<\/strong> Cu\u00e1ndo se registr\u00f3 en el sistema<\/li>\n<\/ul><\/div>\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #38b2ac; font-size: 1.3em;\">\ud83d\udd0d B\u00fasqueda y Filtros Potentes<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>B\u00fasqueda Instant\u00e1nea:<\/strong> Por nombre, email o NIF<\/li>\n<li><strong>Filtro por Estado:<\/strong> Solo activos, solo inactivos o todos<\/li>\n<li><strong>Ordenar por Nombre:<\/strong> Ascendente o descendente<\/li>\n<li><strong>Ver, Editar, Desactivar:<\/strong> Acciones r\u00e1pidas desde la lista<\/li>\n<li><strong>Historial de Tareas:<\/strong> Ve todas las tareas de un cliente espec\u00edfico<\/li>\n<li><strong>Contador Total:<\/strong> \u00abShowing all X clients\u00bb<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #fff5e6; padding: 25px; border-radius: 8px; border-left: 4px solid #ed8936;\">\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 D\u00f3nde se refleja:<\/strong> Los clientes aparecen en el formulario de creaci\u00f3n de tareas (selector), en la columna \u00abClient\u00bb de la Vista Lista, en filtros de Calendario\/Kanban, y permiten agrupar tareas por cliente para ver historial completo y facturaci\u00f3n.\n            <\/p>\n<\/p><\/div><\/div><\/div>\n<p>      <!-- Veh\u00edculos --><\/p>\n<div style=\"margin-bottom: 60px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #38b2ac 0%, #319795 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\ud83d\ude97 Veh\u00edculos<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">Gesti\u00f3n completa de flotas y veh\u00edculos<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IMAGEN --><\/p>\n<div style=\"margin-bottom: 30px; text-align: center; background: #e6fffa; padding: 20px; border-radius: 8px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-vehicles.png\" alt=\"Gesti\u00f3n de Veh\u00edculos CompsaOnline\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;\">\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #38b2ac; font-size: 1.3em;\">\ud83d\ude99 Datos T\u00e9cnicos del Veh\u00edculo<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Matr\u00edcula:<\/strong> Identificador \u00fanico (ej: 1122-POR)<\/li>\n<li><strong>Marca y Modelo:<\/strong> Ford Transit, Mercedes Sprinter, etc.<\/li>\n<li><strong>A\u00f1o:<\/strong> Fecha de fabricaci\u00f3n o matriculaci\u00f3n<\/li>\n<li><strong>Tipo:<\/strong> Furgoneta, Cami\u00f3n, Coche, Moto, Autob\u00fas, Remolque<\/li>\n<li><strong>VIN (Chasis):<\/strong> N\u00famero \u00fanico del veh\u00edculo<\/li>\n<li><strong>Color:<\/strong> Para identificaci\u00f3n visual<\/li>\n<\/ul><\/div>\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #9f7aea; font-size: 1.3em;\">\ud83d\udd27 Mantenimiento y Documentaci\u00f3n<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Neum\u00e1ticos:<\/strong> Cantidad, tama\u00f1o, marca<\/li>\n<li><strong>Propietario (Cliente):<\/strong> Vinculaci\u00f3n con base de clientes<\/li>\n<li><strong>Notas:<\/strong> Observaciones de mantenimiento<\/li>\n<li><strong>Seguro:<\/strong> Compa\u00f1\u00eda y fecha de vencimiento<\/li>\n<li><strong>ITV:<\/strong> Fecha de pr\u00f3xima inspecci\u00f3n t\u00e9cnica<\/li>\n<li><strong>Historial de Tareas:<\/strong> Todos los servicios realizados<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #e6fffa; padding: 25px; border-radius: 8px; border-left: 4px solid #38b2ac;\">\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 D\u00f3nde se refleja:<\/strong> Los veh\u00edculos aparecen en el formulario de tareas (selector de veh\u00edculo), permiten buscar historial de mantenimiento por matr\u00edcula, generan alertas de vencimientos de ITV\/seguro, y facilitan la gesti\u00f3n de flotas empresariales con m\u00faltiples veh\u00edculos.\n            <\/p>\n<\/p><\/div><\/div><\/div>\n<p>      <!-- Tipos de Tareas --><\/p>\n<div style=\"margin-bottom: 60px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #9f7aea 0%, #805ad5 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\ud83c\udff7\ufe0f Tipos de Tareas<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">Categoriza y organiza tipos de trabajo<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IMAGEN --><\/p>\n<div style=\"margin-bottom: 30px; text-align: center; background: #faf5ff; padding: 20px; border-radius: 8px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-tipues.png\" alt=\"Tipos de Tareas CompsaOnline\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;\">\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #9f7aea; font-size: 1.3em;\">\ud83d\udcd1 Categor\u00edas Personalizadas<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Nombre del Tipo:<\/strong> Auditor\u00eda interna, Mantenimiento preventivo, etc.<\/li>\n<li><strong>Descripci\u00f3n:<\/strong> Explica en qu\u00e9 consiste cada tipo<\/li>\n<li><strong>Estado:<\/strong> Activo\/Inactivo para control<\/li>\n<li><strong>Contador de Tareas:<\/strong> Cu\u00e1ntas tareas activas tiene cada tipo<\/li>\n<li><strong>Edici\u00f3n R\u00e1pida:<\/strong> Modifica nombres y descripciones al vuelo<\/li>\n<li><strong>Eliminaci\u00f3n Controlada:<\/strong> Solo si no hay tareas asociadas<\/li>\n<\/ul><\/div>\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #f56565; font-size: 1.3em;\">\ud83c\udfaf Ejemplos de Tipos Comunes<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Auditor\u00eda interna:<\/strong> Revisi\u00f3n de procesos y cumplimiento normativo<\/li>\n<li><strong>Capacitaci\u00f3n del personal:<\/strong> Formaci\u00f3n en seguridad o herramientas<\/li>\n<li><strong>Entrega de materiales:<\/strong> Supervisi\u00f3n y validaci\u00f3n de entregas<\/li>\n<li><strong>Evaluaci\u00f3n de riesgos:<\/strong> An\u00e1lisis de seguridad laboral<\/li>\n<li><strong>Inspecci\u00f3n de obra:<\/strong> Verificaci\u00f3n en campo<\/li>\n<li><strong>Mantenimiento preventivo:<\/strong> Tareas programadas de maquinaria<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #faf5ff; padding: 25px; border-radius: 8px; border-left: 4px solid #9f7aea;\">\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 D\u00f3nde se refleja:<\/strong> Los tipos de tareas aparecen en el formulario de creaci\u00f3n\/edici\u00f3n (selector \u00abTipo de Tarea\u00bb), en filtros avanzados de todas las vistas, en estad\u00edsticas por categor\u00eda, y permiten generar reportes agrupados por tipo de trabajo para an\u00e1lisis de productividad.\n            <\/p>\n<\/p><\/div><\/div><\/div>\n<p>      <!-- Protocolos --><\/p>\n<div style=\"margin-bottom: 60px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08);\">\n<div style=\"background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%); color: white; padding: 30px; text-align: center;\">\n<h3 style=\"margin: 0 0 10px 0; font-size: 2em;\">\ud83d\udccb Protocolos<\/h3>\n<p style=\"margin: 0; opacity: 0.95; font-size: 1.1em;\">Documentaci\u00f3n est\u00e1ndar y plantillas<\/p>\n<\/p><\/div>\n<div style=\"padding: 40px;\">\n          <!-- IMAGEN --><\/p>\n<div style=\"margin-bottom: 30px; text-align: center; background: #fff5f5; padding: 20px; border-radius: 8px;\">\n            <img decoding=\"async\" src=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-protocol.png\" alt=\"Protocolos CompsaOnline\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\">\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px;\">\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #f56565; font-size: 1.3em;\">\ud83d\udcc4 Biblioteca de Documentos<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Subir Protocolos:<\/strong> PDFs, DOCs, checklists, gu\u00edas<\/li>\n<li><strong>T\u00edtulo y Descripci\u00f3n:<\/strong> Identifica cada documento claramente<\/li>\n<li><strong>Acceso Universal:<\/strong> Disponible para todos los usuarios del sistema<\/li>\n<li><strong>Versi\u00f3n y Fecha:<\/strong> Control de actualizaciones<\/li>\n<li><strong>Descarga R\u00e1pida:<\/strong> Un clic desde cualquier tarea<\/li>\n<li><strong>Gesti\u00f3n Centralizada:<\/strong> Un solo lugar para toda la documentaci\u00f3n<\/li>\n<\/ul><\/div>\n<div>\n<h4 style=\"margin: 0 0 15px 0; color: #ed8936; font-size: 1.3em;\">\ud83d\udd16 Ejemplos de Protocolos<\/h4>\n<ul style=\"margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8;\">\n<li><strong>Normas de Seguridad:<\/strong> EPIs requeridos, procedimientos de emergencia<\/li>\n<li><strong>Checklists de Inspecci\u00f3n:<\/strong> Pasos a seguir en cada tipo de revisi\u00f3n<\/li>\n<li><strong>Gu\u00edas de Mantenimiento:<\/strong> Procedimientos paso a paso<\/li>\n<li><strong>Formularios Est\u00e1ndar:<\/strong> Plantillas de albaranes, informes<\/li>\n<li><strong>Normativas Legales:<\/strong> Regulaciones que deben cumplirse<\/li>\n<li><strong>Procedimientos ISO:<\/strong> Documentaci\u00f3n de calidad certificada<\/li>\n<\/ul><\/div><\/div>\n<div style=\"background: #fff5f5; padding: 25px; border-radius: 8px; border-left: 4px solid #f56565;\">\n<p style=\"margin: 0; color: #2d3748; font-size: 1.05em;\">\n              <strong>\ud83d\udca1 D\u00f3nde se refleja:<\/strong> Los protocolos aparecen con un bot\u00f3n \u00abProtocols\u00bb (icono de documento azul) en el modal de edici\u00f3n de tareas. Cualquier usuario puede acceder y descargar la documentaci\u00f3n necesaria sin salir de la tarea, asegurando que todos sigan los mismos est\u00e1ndares.\n            <\/p>\n<\/p><\/div><\/div><\/div>\n<p>      <!-- Resumen del Flujo --><\/p>\n<div style=\"background: linear-gradient(135deg, #4c51bf 0%, #667eea 100%); padding: 40px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); color: white;\">\n<h3 style=\"margin: 0 0 25px 0; text-align: center; font-size: 1.8em;\">\ud83d\udd04 C\u00f3mo Todo Se Conecta<\/h3>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 25px; margin-bottom: 30px;\">\n<div style=\"text-align: center; padding: 25px; background: rgba(255,255,255,0.15); border-radius: 10px; backdrop-filter: blur(10px);\">\n<div style=\"font-size: 2.5em; margin-bottom: 10px;\">1\ufe0f\u20e3<\/div>\n<h4 style=\"margin: 0 0 10px 0; font-size: 1.2em;\">Configura Administraci\u00f3n<\/h4>\n<p style=\"margin: 0; font-size: 0.95em; opacity: 0.95;\">Crea usuarios, clientes, veh\u00edculos, estados de columna, tipos de tareas, sube protocolos<\/p>\n<\/p><\/div>\n<div style=\"text-align: center; padding: 25px; background: rgba(255,255,255,0.15); border-radius: 10px; backdrop-filter: blur(10px);\">\n<div style=\"font-size: 2.5em; margin-bottom: 10px;\">2\ufe0f\u20e3<\/div>\n<h4 style=\"margin: 0 0 10px 0; font-size: 1.2em;\">Crea Tareas<\/h4>\n<p style=\"margin: 0; font-size: 0.95em; opacity: 0.95;\">Selecciona de listas ya configuradas. Asigna cliente, veh\u00edculo, tipo, trabajadores, fecha<\/p>\n<\/p><\/div>\n<div style=\"text-align: center; padding: 25px; background: rgba(255,255,255,0.15); border-radius: 10px; backdrop-filter: blur(10px);\">\n<div style=\"font-size: 2.5em; margin-bottom: 10px;\">3\ufe0f\u20e3<\/div>\n<h4 style=\"margin: 0 0 10px 0; font-size: 1.2em;\">Visualiza en Vistas<\/h4>\n<p style=\"margin: 0; font-size: 0.95em; opacity: 0.95;\">Kanban muestra columnas configuradas, Calendario filtra por usuario, Lista ordena por cliente<\/p>\n<\/p><\/div>\n<div style=\"text-align: center; padding: 25px; background: rgba(255,255,255,0.15); border-radius: 10px; backdrop-filter: blur(10px);\">\n<div style=\"font-size: 2.5em; margin-bottom: 10px;\">4\ufe0f\u20e3<\/div>\n<h4 style=\"margin: 0 0 10px 0; font-size: 1.2em;\">Analiza Dashboard<\/h4>\n<p style=\"margin: 0; font-size: 0.95em; opacity: 0.95;\">KPIs autom\u00e1ticos: distribuci\u00f3n por estados, asignaciones por trabajador, tareas por cliente<\/p>\n<\/p><\/div><\/div>\n<div style=\"margin-top: 30px; padding: 25px; background: rgba(255,255,255,0.2); border-radius: 8px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.3);\">\n<p style=\"margin: 0 0 15px 0; font-size: 1.15em;\">\n            <strong>\ud83c\udfaf La Gran Ventaja:<\/strong> Configuras UNA VEZ en Administraci\u00f3n, y el sistema aplica esa configuraci\u00f3n AUTOM\u00c1TICAMENTE en todas las vistas, filtros, reportes y estad\u00edsticas.\n          <\/p>\n<p style=\"margin: 0; opacity: 0.95;\">\n            No m\u00e1s duplicaci\u00f3n de datos ni desincronizaci\u00f3n. Un cambio en Administraci\u00f3n se refleja instant\u00e1neamente en todo el sistema. Eso es eficiencia real. Imagina cambiar el nombre de un estado de columna y verlo actualizado en Kanban, Dashboard, filtros y reportes al mismo tiempo.\n          <\/p>\n<\/p><\/div><\/div><\/div>\n<\/section>\n<p>  <!-- Roles del Sistema --><\/p>\n<section style=\"padding: 60px 20px; margin-bottom: 60px; background-color: #f8f9fa; border-radius: 8px;\">\n<h2 style=\"font-size: 2.5em; margin: 0 0 30px 0; text-align: center; color: #2d3748;\">\n      Sistema Multi-Rol<br \/>\n    <\/h2>\n<p style=\"text-align: center; font-size: 1.2em; color: #718096; margin: 0 0 50px 0; max-width: 700px; margin-left: auto; margin-right: auto;\">\n      Cada miembro de tu equipo tiene acceso personalizado seg\u00fan su funci\u00f3n\n    <\/p>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; max-width: 1200px; margin: 0 auto;\">\n<div style=\"background: white; padding: 30px; border-radius: 10px; text-align: center; box-shadow: 0 3px 15px rgba(0,0,0,0.1);\">\n<div style=\"font-size: 2.5em; margin-bottom: 15px;\">\ud83d\udc51<\/div>\n<h4 style=\"margin: 0 0 10px 0; font-size: 1.2em; color: #2d3748;\">Administrador<\/h4>\n<p style=\"margin: 0; color: #718096; font-size: 0.95em;\">Control total del sistema<\/p>\n<\/p><\/div>\n<div style=\"background: white; padding: 30px; border-radius: 10px; text-align: center; box-shadow: 0 3px 15px rgba(0,0,0,0.1);\">\n<div style=\"font-size: 2.5em; margin-bottom: 15px;\">\ud83d\udcca<\/div>\n<h4 style=\"margin: 0 0 10px 0; font-size: 1.2em; color: #2d3748;\">Gestor<\/h4>\n<p style=\"margin: 0; color: #718096; font-size: 0.95em;\">Gesti\u00f3n de equipos y tareas<\/p>\n<\/p><\/div>\n<div style=\"background: white; padding: 30px; border-radius: 10px; text-align: center; box-shadow: 0 3px 15px rgba(0,0,0,0.1);\">\n<div style=\"font-size: 2.5em; margin-bottom: 15px;\">\ud83d\udcbc<\/div>\n<h4 style=\"margin: 0 0 10px 0; font-size: 1.2em; color: #2d3748;\">Oficina<\/h4>\n<p style=\"margin: 0; color: #718096; font-size: 0.95em;\">Gesti\u00f3n administrativa<\/p>\n<\/p><\/div>\n<div style=\"background: white; padding: 30px; border-radius: 10px; text-align: center; box-shadow: 0 3px 15px rgba(0,0,0,0.1);\">\n<div style=\"font-size: 2.5em; margin-bottom: 15px;\">\ud83d\udd27<\/div>\n<h4 style=\"margin: 0 0 10px 0; font-size: 1.2em; color: #2d3748;\">Trabajador<\/h4>\n<p style=\"margin: 0; color: #718096; font-size: 0.95em;\">Ejecuci\u00f3n de tareas<\/p>\n<\/p><\/div><\/div>\n<\/section>\n<p>  <!-- Funcionalidades T\u00e9cnicas --><\/p>\n<section style=\"padding: 60px 20px; margin-bottom: 60px;\">\n<h2 style=\"font-size: 2.5em; margin: 0 0 50px 0; text-align: center; color: #2d3748;\">\n      Tecnolog\u00eda Avanzada<br \/>\n    <\/h2>\n<div style=\"max-width: 900px; margin: 0 auto;\">\n<div style=\"display: grid; gap: 25px;\">\n<div style=\"display: flex; gap: 20px; background: white; padding: 25px; border-radius: 10px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); align-items: center;\">\n<div style=\"font-size: 2.5em; min-width: 60px; text-align: center;\">\ud83d\udd04<\/div>\n<div>\n<h4 style=\"margin: 0 0 8px 0; font-size: 1.3em; color: #2d3748;\">Actualizaciones en Tiempo Real<\/h4>\n<p style=\"margin: 0; color: #718096;\">Los cambios se sincronizan instant\u00e1neamente entre todos los usuarios<\/p>\n<\/p><\/div><\/div>\n<div style=\"display: flex; gap: 20px; background: white; padding: 25px; border-radius: 10px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); align-items: center;\">\n<div style=\"font-size: 2.5em; min-width: 60px; text-align: center;\">\ud83d\udd14<\/div>\n<div>\n<h4 style=\"margin: 0 0 8px 0; font-size: 1.3em; color: #2d3748;\">Sistema de Notificaciones<\/h4>\n<p style=\"margin: 0; color: #718096;\">Alertas autom\u00e1ticas cuando te asignan tareas o hay cambios importantes<\/p>\n<\/p><\/div><\/div>\n<div style=\"display: flex; gap: 20px; background: white; padding: 25px; border-radius: 10px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); align-items: center;\">\n<div style=\"font-size: 2.5em; min-width: 60px; text-align: center;\">\ud83d\udd0d<\/div>\n<div>\n<h4 style=\"margin: 0 0 8px 0; font-size: 1.3em; color: #2d3748;\">B\u00fasqueda y Filtros Avanzados<\/h4>\n<p style=\"margin: 0; color: #718096;\">Encuentra cualquier tarea, cliente o veh\u00edculo en segundos<\/p>\n<\/p><\/div><\/div>\n<div style=\"display: flex; gap: 20px; background: white; padding: 25px; border-radius: 10px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); align-items: center;\">\n<div style=\"font-size: 2.5em; min-width: 60px; text-align: center;\">\ud83d\udcf1<\/div>\n<div>\n<h4 style=\"margin: 0 0 8px 0; font-size: 1.3em; color: #2d3748;\">Responsive y Multiplataforma<\/h4>\n<p style=\"margin: 0; color: #718096;\">Funciona perfectamente en escritorio, tablet y m\u00f3vil<\/p>\n<\/p><\/div><\/div>\n<div style=\"display: flex; gap: 20px; background: white; padding: 25px; border-radius: 10px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); align-items: center;\">\n<div style=\"font-size: 2.5em; min-width: 60px; text-align: center;\">\ud83d\udd12<\/div>\n<div>\n<h4 style=\"margin: 0 0 8px 0; font-size: 1.3em; color: #2d3748;\">Seguridad y Permisos<\/h4>\n<p style=\"margin: 0; color: #718096;\">Control granular de acceso y protecci\u00f3n de datos sensibles<\/p>\n<\/p><\/div><\/div>\n<div style=\"display: flex; gap: 20px; background: white; padding: 25px; border-radius: 10px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); align-items: center;\">\n<div style=\"font-size: 2.5em; min-width: 60px; text-align: center;\">\ud83c\udf10<\/div>\n<div>\n<h4 style=\"margin: 0 0 8px 0; font-size: 1.3em; color: #2d3748;\">Multiidioma<\/h4>\n<p style=\"margin: 0; color: #718096;\">Disponible en Espa\u00f1ol, Catal\u00e1n e Ingl\u00e9s<\/p>\n<\/p><\/div><\/div><\/div><\/div>\n<\/section>\n<p>  <!-- Casos de Uso --><\/p>\n<section style=\"background-color: #f8f9fa; padding: 60px 20px; border-radius: 8px; margin-bottom: 60px;\">\n<h2 style=\"font-size: 2.5em; margin: 0 0 30px 0; text-align: center; color: #2d3748;\">\n      Casos de Uso Reales<br \/>\n    <\/h2>\n<div style=\"max-width: 1000px; margin: 0 auto; display: grid; gap: 30px;\">\n<div style=\"background: white; padding: 35px; border-radius: 10px; border-left: 5px solid #667eea;\">\n<h3 style=\"margin: 0 0 15px 0; font-size: 1.4em; color: #667eea;\">\ud83d\udd27 Taller Mec\u00e1nico<\/h3>\n<p style=\"margin: 0 0 10px 0; color: #4a5568; font-size: 1.05em;\">\n          <strong>Situaci\u00f3n:<\/strong> Un cliente llama para programar una revisi\u00f3n de su veh\u00edculo.\n        <\/p>\n<p style=\"margin: 0; color: #718096; font-size: 1.05em;\">\n          <strong>Soluci\u00f3n:<\/strong> Creas una tarea, asignas mec\u00e1nicos, programas fecha y hora. El sistema vincula autom\u00e1ticamente el historial del veh\u00edculo. Al finalizar, adjuntas el albar\u00e1n firmado digitalmente.\n        <\/p>\n<\/p><\/div>\n<div style=\"background: white; padding: 35px; border-radius: 10px; border-left: 5px solid #48bb78;\">\n<h3 style=\"margin: 0 0 15px 0; font-size: 1.4em; color: #48bb78;\">\ud83d\ude9b Servicio de Neum\u00e1ticos<\/h3>\n<p style=\"margin: 0 0 10px 0; color: #4a5568; font-size: 1.05em;\">\n          <strong>Situaci\u00f3n:<\/strong> Gesti\u00f3n diaria de cambios de neum\u00e1ticos para flotas empresariales.\n        <\/p>\n<p style=\"margin: 0; color: #718096; font-size: 1.05em;\">\n          <strong>Soluci\u00f3n:<\/strong> Visualiza todas las tareas del d\u00eda en el calendario, asigna equipos seg\u00fan disponibilidad, y lleva el control de marca y tama\u00f1o de neum\u00e1ticos por veh\u00edculo. Los trabajadores reportan incidencias directamente en el sistema.\n        <\/p>\n<\/p><\/div>\n<div style=\"background: white; padding: 35px; border-radius: 10px; border-left: 5px solid #ed8936;\">\n<h3 style=\"margin: 0 0 15px 0; font-size: 1.4em; color: #ed8936;\">\ud83d\udccb Gesti\u00f3n de Mantenimiento<\/h3>\n<p style=\"margin: 0 0 10px 0; color: #4a5568; font-size: 1.05em;\">\n          <strong>Situaci\u00f3n:<\/strong> Control de mantenimientos peri\u00f3dicos de una flota.\n        <\/p>\n<p style=\"margin: 0; color: #718096; font-size: 1.05em;\">\n          <strong>Soluci\u00f3n:<\/strong> Almacena fechas de ITV y seguros por veh\u00edculo. El sistema te alerta de vencimientos pr\u00f3ximos. Mant\u00e9n un historial completo de cada veh\u00edculo con toda la documentaci\u00f3n.\n        <\/p>\n<\/p><\/div><\/div>\n<\/section>\n<p>  <!-- FAQ --><\/p>\n<section style=\"padding: 60px 20px; margin-bottom: 60px; background-color: #f8f9fa; border-radius: 8px;\">\n<h2 style=\"font-size: 2.5em; margin: 0 0 50px 0; text-align: center; color: #2d3748;\">\n      Preguntas Frecuentes<br \/>\n    <\/h2>\n<div style=\"max-width: 800px; margin: 0 auto;\">\n<div style=\"background: white; padding: 25px; margin-bottom: 20px; border-radius: 8px; border-left: 4px solid #667eea;\">\n<h4 style=\"margin: 0 0 10px 0; color: #2d3748; font-size: 1.2em;\">\u00bfNecesito instalar algo en mi ordenador?<\/h4>\n<p style=\"margin: 0; color: #718096;\">No. Es una aplicaci\u00f3n web que funciona directamente desde el navegador. Solo necesitas conexi\u00f3n a internet.<\/p>\n<\/p><\/div>\n<div style=\"background: white; padding: 25px; margin-bottom: 20px; border-radius: 8px; border-left: 4px solid #48bb78;\">\n<h4 style=\"margin: 0 0 10px 0; color: #2d3748; font-size: 1.2em;\">\u00bfMis datos est\u00e1n seguros?<\/h4>\n<p style=\"margin: 0; color: #718096;\">S\u00ed. Utilizamos encriptaci\u00f3n de datos, backups autom\u00e1ticos y alojamiento seguro. Cumplimos con la normativa RGPD.<\/p>\n<\/p><\/div>\n<div style=\"background: white; padding: 25px; margin-bottom: 20px; border-radius: 8px; border-left: 4px solid #ed8936;\">\n<h4 style=\"margin: 0 0 10px 0; color: #2d3748; font-size: 1.2em;\">\u00bfPuedo personalizar el sistema?<\/h4>\n<p style=\"margin: 0; color: #718096;\">Por supuesto. Los estados de columnas, tipos de tareas, campos y flujos de trabajo son completamente personalizables.<\/p>\n<\/p><\/div>\n<div style=\"background: white; padding: 25px; margin-bottom: 20px; border-radius: 8px; border-left: 4px solid #38b2ac;\">\n<h4 style=\"margin: 0 0 10px 0; color: #2d3748; font-size: 1.2em;\">\u00bfOfrecen soporte t\u00e9cnico?<\/h4>\n<p style=\"margin: 0; color: #718096;\">S\u00ed. Incluimos soporte t\u00e9cnico por email, formaci\u00f3n inicial y documentaci\u00f3n completa. Opciones premium con soporte prioritario disponibles.<\/p>\n<\/p><\/div>\n<div style=\"background: white; padding: 25px; border-radius: 8px; border-left: 4px solid #f56565;\">\n<h4 style=\"margin: 0 0 10px 0; color: #2d3748; font-size: 1.2em;\">\u00bfCu\u00e1nto tiempo lleva implementarlo?<\/h4>\n<p style=\"margin: 0; color: #718096;\">La configuraci\u00f3n b\u00e1sica se realiza en menos de 1 d\u00eda. La adaptaci\u00f3n completa a tus procesos puede tomar 1-2 semanas con nuestro acompa\u00f1amiento.<\/p>\n<\/p><\/div><\/div>\n<\/section>\n<\/div>\n<p><!-- Estilos adicionales para efectos hover (opcional - algunos temas de WordPress pueden requerir ajustes) --><\/p>\n<style>\n  \/* Efecto hover para botones *\/\n  a[href=\"#contacto\"]:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 40px rgba(0,0,0,0.3) !important;\n  }<\/p>\n<p>  \/* Efecto hover para tarjetas de caracter\u00edsticas *\/\n  [style*=\"box-shadow\"]:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;\n  }<\/p>\n<p>  \/* Responsive b\u00e1sico *\/\n  @media (max-width: 768px) {\n    [style*=\"font-size: 3em\"] {\n      font-size: 2em !important;\n    }\n    [style*=\"font-size: 2.5em\"] {\n      font-size: 1.8em !important;\n    }\n    [style*=\"padding: 80px 20px\"] {\n      padding: 40px 20px !important;\n    }\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Sistema de Gesti\u00f3n Inteligente Optimiza la gesti\u00f3n de tu taller [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-65805","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Planificador - CompsaOnline, Serveis Informatics<\/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:\/\/www.compsaonline.com\/es\/planificador\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Planificador - CompsaOnline, Serveis Informatics\" \/>\n<meta property=\"og:description\" content=\"Sistema de Gesti\u00f3n Inteligente Optimiza la gesti\u00f3n de tu taller [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.compsaonline.com\/es\/planificador\/\" \/>\n<meta property=\"og:site_name\" content=\"CompsaOnline, Serveis Informatics\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-04T15:28:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-dashbaord.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.compsaonline.com\\\/es\\\/planificador\\\/\",\"url\":\"https:\\\/\\\/www.compsaonline.com\\\/es\\\/planificador\\\/\",\"name\":\"Planificador - CompsaOnline, Serveis Informatics\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.compsaonline.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.compsaonline.com\\\/es\\\/planificador\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.compsaonline.com\\\/es\\\/planificador\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.compsaonline.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/planificar-dashbaord.png\",\"datePublished\":\"2025-11-04T08:41:59+00:00\",\"dateModified\":\"2025-11-04T15:28:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.compsaonline.com\\\/es\\\/planificador\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.compsaonline.com\\\/es\\\/planificador\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.compsaonline.com\\\/es\\\/planificador\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.compsaonline.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/planificar-dashbaord.png\",\"contentUrl\":\"https:\\\/\\\/www.compsaonline.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/planificar-dashbaord.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.compsaonline.com\\\/es\\\/planificador\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.compsaonline.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Planificador\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.compsaonline.com\\\/#website\",\"url\":\"https:\\\/\\\/www.compsaonline.com\\\/\",\"name\":\"CompsaOnline, Serveis Informatics\",\"description\":\"Serveis Informatics\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.compsaonline.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Planificador - CompsaOnline, Serveis Informatics","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:\/\/www.compsaonline.com\/es\/planificador\/","og_locale":"es_ES","og_type":"article","og_title":"Planificador - CompsaOnline, Serveis Informatics","og_description":"Sistema de Gesti\u00f3n Inteligente Optimiza la gesti\u00f3n de tu taller [&hellip;]","og_url":"https:\/\/www.compsaonline.com\/es\/planificador\/","og_site_name":"CompsaOnline, Serveis Informatics","article_modified_time":"2025-11-04T15:28:51+00:00","og_image":[{"url":"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-dashbaord.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"16 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.compsaonline.com\/es\/planificador\/","url":"https:\/\/www.compsaonline.com\/es\/planificador\/","name":"Planificador - CompsaOnline, Serveis Informatics","isPartOf":{"@id":"https:\/\/www.compsaonline.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.compsaonline.com\/es\/planificador\/#primaryimage"},"image":{"@id":"https:\/\/www.compsaonline.com\/es\/planificador\/#primaryimage"},"thumbnailUrl":"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-dashbaord.png","datePublished":"2025-11-04T08:41:59+00:00","dateModified":"2025-11-04T15:28:51+00:00","breadcrumb":{"@id":"https:\/\/www.compsaonline.com\/es\/planificador\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.compsaonline.com\/es\/planificador\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.compsaonline.com\/es\/planificador\/#primaryimage","url":"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-dashbaord.png","contentUrl":"https:\/\/www.compsaonline.com\/wp-content\/uploads\/2025\/10\/planificar-dashbaord.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.compsaonline.com\/es\/planificador\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.compsaonline.com\/es\/"},{"@type":"ListItem","position":2,"name":"Planificador"}]},{"@type":"WebSite","@id":"https:\/\/www.compsaonline.com\/#website","url":"https:\/\/www.compsaonline.com\/","name":"CompsaOnline, Serveis Informatics","description":"Serveis Informatics","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.compsaonline.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.compsaonline.com\/es\/wp-json\/wp\/v2\/pages\/65805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.compsaonline.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.compsaonline.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.compsaonline.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.compsaonline.com\/es\/wp-json\/wp\/v2\/comments?post=65805"}],"version-history":[{"count":5,"href":"https:\/\/www.compsaonline.com\/es\/wp-json\/wp\/v2\/pages\/65805\/revisions"}],"predecessor-version":[{"id":65812,"href":"https:\/\/www.compsaonline.com\/es\/wp-json\/wp\/v2\/pages\/65805\/revisions\/65812"}],"wp:attachment":[{"href":"https:\/\/www.compsaonline.com\/es\/wp-json\/wp\/v2\/media?parent=65805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}