{"id":8,"date":"2026-08-31T21:48:12","date_gmt":"2026-08-31T21:48:12","guid":{"rendered":"https:\/\/navicore.red\/workcontrol\/landing-workcontrol\/"},"modified":"2026-08-31T21:48:12","modified_gmt":"2026-08-31T21:48:12","slug":"landing-workcontrol","status":"publish","type":"page","link":"https:\/\/navicore.red\/workcontrol\/","title":{"rendered":"Landing WorkControl"},"content":{"rendered":"<header id=\"wc-navbar\" class=\"fixed inset-x-0 top-0 z-50 transition-all duration-300 bg-transparent\">\n    <nav class=\"mx-auto flex h-16 max-w-8xl items-center justify-between px-5 sm:px-8 lg:h-[var(--wc-nav)]\">\n        <a href=\"https:\/\/navicore.red\/workcontrol\/\" class=\"flex items-center gap-2.5 group\">\n            \n            <img decoding=\"async\" src=\"wclogo2.png\" alt=\"loiiiii\"  width=\"196\" height=\"35\">\n            \n        <\/a>\n\n        <ul class=\"hidden items-center gap-7 lg:flex wc-nav-links\">\n            <li><a href=\"#proceso\" class=\"text-sm font-medium text-slate-600 transition-colors hover:text-primary-600\">C\u00f3mo funciona<\/a><\/li>\n            <li><a href=\"#casos\" class=\"text-sm font-medium text-slate-600 transition-colors hover:text-primary-600\">Casos de uso<\/a><\/li>\n            <li><a href=\"#industrias\" class=\"text-sm font-medium text-slate-600 transition-colors hover:text-primary-600\">Industrias<\/a><\/li>\n           \n            <li><a href=\"#faq\" class=\"text-sm font-medium text-slate-600 transition-colors hover:text-primary-600\">Preguntas<\/a><\/li>\n        <\/ul>\n\n        <div class=\"hidden lg:block\">\n            <a href=\"#contacto\" class=\"inline-flex items-center justify-center rounded-full bg-primary-600 px-5 py-2.5 text-sm font-semibold text-white shadow-lg shadow-primary-600\/25 transition-all hover:bg-primary-700 hover:shadow-xl hover:-translate-y-0.5\">\n                Solicitar demo            <\/a>\n        <\/div>\n\n        <button class=\"inline-flex h-10 w-10 items-center justify-center rounded-lg text-slate-700 lg:hidden\" id=\"wc-menu-toggle\" aria-label=\"Men\u00fa\" aria-expanded=\"false\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"wc-menu-open\"><line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"\/><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/><line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"\/><\/svg>\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"wc-menu-close hidden\"><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><\/svg>\n        <\/button>\n    <\/nav>\n\n    <!-- Mobile menu -->\n    <div id=\"wc-mobile-menu\" class=\"lg:hidden overflow-hidden bg-white border-b border-slate-200 transition-all duration-300 max-h-0 opacity-0\">\n        <ul class=\"flex flex-col gap-1 px-5 py-4\">\n            <li><a href=\"#proceso\" class=\"wc-mobile-link block rounded-lg px-3 py-3 text-base font-medium text-slate-700 hover:bg-primary-50 hover:text-primary-700\">C\u00f3mo funciona<\/a><\/li>\n            <li><a href=\"#casos\" class=\"wc-mobile-link block rounded-lg px-3 py-3 text-base font-medium text-slate-700 hover:bg-primary-50 hover:text-primary-700\">Casos de uso<\/a><\/li>\n            <li><a href=\"#industrias\" class=\"wc-mobile-link block rounded-lg px-3 py-3 text-base font-medium text-slate-700 hover:bg-primary-50 hover:text-primary-700\">Industrias<\/a><\/li>\n            <li><a href=\"#roles\" class=\"wc-mobile-link block rounded-lg px-3 py-3 text-base font-medium text-slate-700 hover:bg-primary-50 hover:text-primary-700\">Roles<\/a><\/li>\n            <li><a href=\"#faq\" class=\"wc-mobile-link block rounded-lg px-3 py-3 text-base font-medium text-slate-700 hover:bg-primary-50 hover:text-primary-700\">Preguntas<\/a><\/li>\n            <li class=\"mt-2\"><a href=\"#contacto\" class=\"wc-mobile-link block rounded-full bg-primary-600 px-5 py-3 text-center text-base font-semibold text-white\">Solicitar demo<\/a><\/li>\n        <\/ul>\n    <\/div>\n<\/header>\n\n<section id=\"inicio\" class=\"relative overflow-hidden bg-slate-950 pt-28 pb-20 sm:pt-36 lg:pt-40\">\n    <div class=\"absolute inset-0 bg-gradient-to-b from-slate-950 via-slate-900 to-slate-900\"><\/div>\n    <div class=\"absolute inset-0 dot-bg opacity-50\"><\/div>\n    <div class=\"absolute -top-32 -left-32 h-96 w-96 rounded-full bg-primary-600\/20 blur-3xl\"><\/div>\n    <div class=\"absolute top-20 -right-20 h-80 w-80 rounded-full bg-secondary-600\/20 blur-3xl\"><\/div>\n    <div class=\"absolute inset-x-0 bottom-0 h-40 bg-gradient-to-t from-slate-900 to-transparent\"><\/div>\n\n    <div class=\"relative mx-auto grid max-w-8xl items-center gap-12 px-5 sm:px-8 lg:grid-cols-12 lg:gap-10\">\n        <div class=\"lg:col-span-6 reveal\">\n            <span class=\"inline-flex items-center gap-2 rounded-full border border-primary-400\/30 bg-primary-500\/10 px-4 py-1.5 text-xs font-semibold text-primary-300\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l1.9 5.8a2 2 0 0 0 1.3 1.3L21 12l-5.8 1.9a2 2 0 0 0-1.3 1.3L12 21l-1.9-5.8a2 2 0 0 0-1.3-1.3L3 12l5.8-1.9a2 2 0 0 0 1.3-1.3z\"\/><\/svg>\n                Gesti\u00f3n inteligente de informes            <\/span>\n\n            <h1 class=\"mt-6 font-display text-4xl font-extrabold leading-[1.05] text-white text-balance sm:text-5xl lg:text-6xl\">\n                Controla lo que ocurre en                <span class=\"gradient-text\">campo<\/span>.<br class=\"hidden sm:block\">\n                Desde                <span class=\"gradient-text\">cualquier lugar<\/span>.\n            <\/h1>\n\n            <p class=\"mt-6 max-w-xl text-lg leading-relaxed text-slate-300\">\n                WorkControl sustituye el papel, chats informales y hojas de calculo dispersas por una Plataforma Digital especializada para el control de los trabajadores fuera de la oficina.            <\/p>\n\n            <ul class=\"mt-7 flex flex-wrap gap-x-6 gap-y-2\">\n                                    <li class=\"flex items-center gap-2 text-sm font-medium text-slate-200\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2dd4bf\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                        Digitalizaci\u00f3n de procesos                    <\/li>\n                                    <li class=\"flex items-center gap-2 text-sm font-medium text-slate-200\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2dd4bf\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                        Rastreo satelital de los colaboradores                    <\/li>\n                                    <li class=\"flex items-center gap-2 text-sm font-medium text-slate-200\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2dd4bf\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                        Generaci\u00f3n de informes con evidecias                    <\/li>\n                                    <li class=\"flex items-center gap-2 text-sm font-medium text-slate-200\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2dd4bf\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                        Control de operaciones de campo en tiempo real                    <\/li>\n                                    <li class=\"flex items-center gap-2 text-sm font-medium text-slate-200\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2dd4bf\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                        Generaci\u00f3n automatica de reportes en pdf y excel                    <\/li>\n                                    <li class=\"flex items-center gap-2 text-sm font-medium text-slate-200\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2dd4bf\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                        Optimizaci\u00f3n de recursos                    <\/li>\n                            <\/ul>\n\n            <div class=\"mt-9 flex flex-col gap-3 sm:flex-row sm:items-center\">\n                \n            <\/div>\n        <\/div>\n\n        <div class=\"lg:col-span-6 reveal\" style=\"transition-delay: 120ms;\">\n            <div class=\"relative mx-auto max-w-lg lg:max-w-none\">\n                <div class=\"relative overflow-hidden rounded-3xl border border-white\/10 shadow-2xl shadow-primary-900\/40\">\n                    <img decoding=\"async\" src=\"https:\/\/navicore.red\/workcontrol\/222.jpg?auto=compress&cs=tinysrgb&w=1100\" alt=\"Ingeniera usando tablet en sitio de construcci\u00f3n\" class=\"aspect-[4\/5] w-full object-cover sm:aspect-[5\/5] lg:aspect-[4\/4.4]\" loading=\"eager\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950\/70 via-transparent to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 left-4 right-4 flex items-center justify-between rounded-2xl bg-white\/10 px-4 py-3 backdrop-blur-md\">\n                        <div class=\"flex items-center gap-2.5\">\n                            <span class=\"flex h-9 w-9 items-center justify-center rounded-lg bg-primary-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\n                            <\/span>\n                            <div>\n                                <p class=\"text-xs font-semibold text-white\">Informe #248<\/p>\n                                <p class=\"text-[11px] text-slate-300\">Inspecci\u00f3n de obra<\/p>\n                            <\/div>\n                        <\/div>\n                        <span class=\"rounded-full bg-primary-400\/20 px-2.5 py-1 text-[11px] font-semibold text-primary-200\">Completado<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"absolute -left-3 top-8 hidden animate-float-slow rounded-2xl border border-white\/10 bg-white\/95 p-3.5 shadow-xl sm:flex sm:items-center sm:gap-3\">\n                    <span class=\"flex h-10 w-10 items-center justify-center rounded-xl bg-secondary-100\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                    <\/span>\n                    <div>\n                        <p class=\"text-xs font-bold text-slate-900\">Geolocalizado<\/p>\n                        <p class=\"text-[11px] text-slate-500\">Visita registrada en campo<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"absolute -right-3 bottom-24 hidden animate-float-slow rounded-2xl border border-white\/10 bg-white\/95 p-3.5 shadow-xl sm:flex sm:items-center sm:gap-3\" style=\"animation-delay: 1.5s;\">\n                    <span class=\"flex h-10 w-10 items-center justify-center rounded-xl bg-primary-100\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d9488\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"\/><circle cx=\"12\" cy=\"13\" r=\"4\"\/><\/svg>\n                    <\/span>\n                    <div>\n                        <p class=\"text-xs font-bold text-slate-900\">Evidencia<\/p>\n                        <p class=\"text-[11px] text-slate-500\">Fotos adjuntas al informe<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"absolute inset-x-0 bottom-0 leading-[0]\">\n        <svg viewBox=\"0 0 1440 80\" fill=\"none\" preserveAspectRatio=\"none\" class=\"h-12 w-full sm:h-16\"><path d=\"M0,80 L0,40 C240,10 480,10 720,30 C960,50 1200,70 1440,40 L1440,80 Z\" fill=\"#ffffff\"\/><\/svg>\n    <\/div>\n<\/section>\n\n<section class=\"relative bg-white py-20 sm:py-28\">\n    <div class=\"mx-auto max-w-8xl px-5 sm:px-8\">\n        <div class=\"grid items-center gap-12 lg:grid-cols-2 lg:gap-16\">\n            <div class=\"reveal order-2 lg:order-1\">\n                <div class=\"relative\">\n                    <div class=\"absolute -inset-3 rounded-3xl bg-gradient-to-br from-primary-100 to-secondary-100 opacity-70 blur-xl\"><\/div>\n                    <div class=\"relative overflow-hidden rounded-3xl shadow-2xl shadow-slate-300\/60 ring-1 ring-slate-200\">\n                        <img decoding=\"async\" src=\"https:\/\/navicore.red\/workcontrol\/111.jpg?auto=compress&cs=tinysrgb&w=1100\" alt=\"Equipo revisando informes en oficina\" class=\"aspect-[4\/3] w-full object-cover\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"absolute -bottom-5 -right-3 rounded-2xl bg-white p-4 shadow-xl ring-1 ring-slate-100 sm:-right-5\">\n                        <p class=\"text-3xl font-extrabold text-primary-600 font-display\" >85%<\/p>\n                        <p class=\"text-xs font-medium text-slate-500 max-w-[8rem]\">del trabajo en campo se registra tarde o nunca<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"reveal order-1 lg:order-2\" style=\"transition-delay: 120ms;\">\n                <span class=\"inline-block text-xs font-bold uppercase tracking-[0.18em] mb-3 text-primary-600\">El Problema<\/span>\n                <h2 class=\"font-display text-3xl sm:text-4xl lg:text-[2.7rem] font-extrabold leading-[1.1] text-balance text-slate-900\">\n                    \u00bfTu empresa todav\u00eda depende de papel, WhatsApp o Excel?                <\/h2>\n                <p class=\"mt-4 text-lg leading-relaxed text-slate-600\">\n                    Cuando los equipos trabajan fuera de la oficina, mantener el control puede convertirse en un desaf\u00edo.                <\/p>\n\n                                <div class=\"mt-8 grid gap-3 sm:grid-cols-2\">\n                                            <div class=\"flex items-center gap-3 rounded-xl border border-slate-200 bg-slate-50\/60 px-4 py-3\">\n                            <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-red-50 text-red-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"\/><\/svg>\n                            <\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Formularios diferentes<\/span>\n                        <\/div>\n                                            <div class=\"flex items-center gap-3 rounded-xl border border-slate-200 bg-slate-50\/60 px-4 py-3\">\n                            <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-red-50 text-red-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n                            <\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Informaci\u00f3n por WhatsApp<\/span>\n                        <\/div>\n                                            <div class=\"flex items-center gap-3 rounded-xl border border-slate-200 bg-slate-50\/60 px-4 py-3\">\n                            <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-red-50 text-red-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"9\" cy=\"9\" r=\"2\"\/><path d=\"M21 15l-5-5L5 21\"\/><line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"21\"\/><\/svg>\n                            <\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Fotograf\u00edas que se pierden<\/span>\n                        <\/div>\n                                            <div class=\"flex items-center gap-3 rounded-xl border border-slate-200 bg-slate-50\/60 px-4 py-3\">\n                            <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-red-50 text-red-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n                            <\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Correos y Excel dispersos<\/span>\n                        <\/div>\n                                            <div class=\"flex items-center gap-3 rounded-xl border border-slate-200 bg-slate-50\/60 px-4 py-3\">\n                            <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-red-50 text-red-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"19\"\/><line x1=\"15\" y1=\"13\" x2=\"9\" y2=\"19\"\/><\/svg>\n                            <\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Informes atrasados<\/span>\n                        <\/div>\n                                            <div class=\"flex items-center gap-3 rounded-xl border border-slate-200 bg-slate-50\/60 px-4 py-3\">\n                            <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-red-50 text-red-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n                            <\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Dif\u00edcil supervisi\u00f3n<\/span>\n                        <\/div>\n                                            <div class=\"flex items-center gap-3 rounded-xl border border-slate-200 bg-slate-50\/60 px-4 py-3\">\n                            <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-red-50 text-red-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"19\"\/><line x1=\"15\" y1=\"13\" x2=\"9\" y2=\"19\"\/><\/svg>\n                            <\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Documentos extraviados<\/span>\n                        <\/div>\n                                            <div class=\"flex items-center gap-3 rounded-xl border border-slate-200 bg-slate-50\/60 px-4 py-3\">\n                            <span class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-red-50 text-red-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"\/><\/svg>\n                            <\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Incremento de los costos<\/span>\n                        <\/div>\n                                    <\/div>\n\n                \n                \n                <\/div>\n            <\/div>\n            <div class=\"reveal order-3 lg:order-2\" style=\"transition-delay: 120ms;\">\n             <div class=\"mt-8 rounded-2xl border-l-4 border-primary-500 bg-primary-50\/60 p-5\">\n                    <p class=\"font-display text-lg font-bold text-slate-900\">WorkControl cambia esa realidad.<\/p>\n                    <p class=\"mt-1.5 text-slate-600\">Centraliza la informaci\u00f3n de tus actividades en una sola plataforma y convierte el trabajo realizado en datos organizados que puedes consultar, revisar y gestionar.<\/p>\n        <\/div><\/div>\n        \n      \n        \n        \n    <\/div>\n<\/section>\n\n<section id=\"proceso\" class=\"nav-offset relative bg-slate-50 py-20 sm:py-28\">\n    <div class=\"absolute inset-0 grid-bg opacity-60\"><\/div>\n    <div class=\"relative mx-auto max-w-8xl px-5 sm:px-8\">\n        <div class=\"reveal mx-auto max-w-3xl text-center\">\n            <span class=\"inline-block text-xs font-bold uppercase tracking-[0.18em] mb-3 text-primary-600\">C\u00f3mo funciona<\/span>\n            <h2 class=\"font-display text-3xl sm:text-4xl lg:text-[2.7rem] font-extrabold leading-[1.1] text-balance text-slate-900\">Todo el trabajo de campo bajo control<\/h2>\n            <p class=\"mt-4 text-lg leading-relaxed text-slate-600\">Digitaliza los procesos que requieren recopilaci\u00f3n de informaci\u00f3n directamente desde el lugar donde ocurre la actividad.<\/p>\n        <\/div>\n\n        <div class=\"mt-14 grid gap-5 sm:grid-cols-2 lg:grid-cols-5\">\n                            <div class=\"reveal group relative rounded-2xl border border-slate-200 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl\" style=\"transition-delay: 0ms;\">\n                    <div class=\"flex items-center justify-between\">\n                        <span class=\"flex h-12 w-12 items-center justify-center rounded-xl bg-primary-600 text-white shadow-lg transition-transform group-hover:scale-110\" style=\"box-shadow: 0 8px 20px -6px #0d948866\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><line x1=\"9\" y1=\"12\" x2=\"15\" y2=\"12\"\/><line x1=\"9\" y1=\"16\" x2=\"13\" y2=\"16\"\/><\/svg>\n                        <\/span>\n                        <span class=\"font-display text-4xl font-extrabold text-slate-100 transition-colors group-hover:text-slate-200\">01<\/span>\n                    <\/div>\n                    <h3 class=\"mt-5 font-display text-xl font-bold text-slate-900\">Crea<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-600\">Dise\u00f1a formularios adaptados a los procesos de tu empresa, mediante arrastrar y soltar. Configura validaciones avanzadas, obligatorierdad y estructura de datos sin escribir codigo.<\/p>\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"absolute -right-3.5 top-1\/2 hidden h-6 w-6 -translate-y-1\/2 text-slate-300 lg:block\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                                    <\/div>\n                            <div class=\"reveal group relative rounded-2xl border border-slate-200 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl\" style=\"transition-delay: 80ms;\">\n                    <div class=\"flex items-center justify-between\">\n                        <span class=\"flex h-12 w-12 items-center justify-center rounded-xl bg-secondary-600 text-white shadow-lg transition-transform group-hover:scale-110\" style=\"box-shadow: 0 8px 20px -6px #2563eb66\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n                        <\/span>\n                        <span class=\"font-display text-4xl font-extrabold text-slate-100 transition-colors group-hover:text-slate-200\">02<\/span>\n                    <\/div>\n                    <h3 class=\"mt-5 font-display text-xl font-bold text-slate-900\">Asigna<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-600\">Define qu\u00e9 colaboradores deben realizar cada actividad.<\/p>\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"absolute -right-3.5 top-1\/2 hidden h-6 w-6 -translate-y-1\/2 text-slate-300 lg:block\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                                    <\/div>\n                            <div class=\"reveal group relative rounded-2xl border border-slate-200 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl\" style=\"transition-delay: 160ms;\">\n                    <div class=\"flex items-center justify-between\">\n                        <span class=\"flex h-12 w-12 items-center justify-center rounded-xl bg-primary-600 text-white shadow-lg transition-transform group-hover:scale-110\" style=\"box-shadow: 0 8px 20px -6px #0d948866\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"18\"\/><\/svg>\n                        <\/span>\n                        <span class=\"font-display text-4xl font-extrabold text-slate-100 transition-colors group-hover:text-slate-200\">03<\/span>\n                    <\/div>\n                    <h3 class=\"mt-5 font-display text-xl font-bold text-slate-900\">Ejecuta<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-600\">Tu equipo en campo completa los informes desde dispositivos m\u00f3biles.<\/p>\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"absolute -right-3.5 top-1\/2 hidden h-6 w-6 -translate-y-1\/2 text-slate-300 lg:block\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                                    <\/div>\n                            <div class=\"reveal group relative rounded-2xl border border-slate-200 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl\" style=\"transition-delay: 240ms;\">\n                    <div class=\"flex items-center justify-between\">\n                        <span class=\"flex h-12 w-12 items-center justify-center rounded-xl bg-secondary-600 text-white shadow-lg transition-transform group-hover:scale-110\" style=\"box-shadow: 0 8px 20px -6px #2563eb66\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><\/svg>\n                        <\/span>\n                        <span class=\"font-display text-4xl font-extrabold text-slate-100 transition-colors group-hover:text-slate-200\">04<\/span>\n                    <\/div>\n                    <h3 class=\"mt-5 font-display text-xl font-bold text-slate-900\">Registra<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-600\">Toda la informaci\u00f3n de actividades realizadas incluyendo evidencias como capturas de fotografias con camara nativa, firma manuscrita digital, coordenadas gps y subida de archivos adjuntos. La informaci\u00f3n queda organizada y disponible desde cualquier lugar.<\/p>\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"absolute -right-3.5 top-1\/2 hidden h-6 w-6 -translate-y-1\/2 text-slate-300 lg:block\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                                    <\/div>\n                            <div class=\"reveal group relative rounded-2xl border border-slate-200 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl\" style=\"transition-delay: 320ms;\">\n                    <div class=\"flex items-center justify-between\">\n                        <span class=\"flex h-12 w-12 items-center justify-center rounded-xl bg-primary-600 text-white shadow-lg transition-transform group-hover:scale-110\" style=\"box-shadow: 0 8px 20px -6px #0d948866\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                        <\/span>\n                        <span class=\"font-display text-4xl font-extrabold text-slate-100 transition-colors group-hover:text-slate-200\">05<\/span>\n                    <\/div>\n                    <h3 class=\"mt-5 font-display text-xl font-bold text-slate-900\">Supervisa<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-600\">Los responsables consultan y dan seguimiento a las actividades.<\/p>\n                                    <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<section id=\"casos\" class=\"nav-offset relative bg-white py-20 sm:py-28\">\n    <div class=\"mx-auto max-w-8xl px-5 sm:px-8\">\n        <div class=\"reveal mx-auto max-w-3xl text-center\">\n            <span class=\"inline-block text-xs font-bold uppercase tracking-[0.18em] mb-3 text-primary-600\">Usos Empresariales<\/span>\n            <h2 class=\"font-display text-3xl sm:text-4xl lg:text-[2.7rem] font-extrabold leading-[1.1] text-balance text-slate-900\">Una plataforma con infinitas posibilidades.<\/h2>\n           \n        <\/div>\n\n        <div class=\"mt-14 grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n                            <div class=\"reveal group relative overflow-hidden rounded-2xl border border-slate-200 bg-gradient-to-b from-white to-slate-50\/50 p-6 transition-all duration-300 hover:-translate-y-1 hover:border-primary-200 hover:shadow-xl\" style=\"transition-delay: 0ms;\">\n                    <div class=\"absolute -right-8 -top-8 h-24 w-24 rounded-full bg-primary-50 transition-transform duration-500 group-hover:scale-150\"><\/div>\n                    <span class=\"relative flex h-12 w-12 items-center justify-center rounded-xl bg-primary-600 text-white shadow-md shadow-primary-600\/30\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"relative mt-5 font-display text-lg font-bold text-slate-900\">Visitas de campo<\/h3>\n                    <p class=\"relative mt-2 text-sm leading-relaxed text-slate-600\">Registra visitas, actividades realizadas, observaciones y resultados.<\/p>\n                <\/div>\n                            <div class=\"reveal group relative overflow-hidden rounded-2xl border border-slate-200 bg-gradient-to-b from-white to-slate-50\/50 p-6 transition-all duration-300 hover:-translate-y-1 hover:border-primary-200 hover:shadow-xl\" style=\"transition-delay: 70ms;\">\n                    <div class=\"absolute -right-8 -top-8 h-24 w-24 rounded-full bg-primary-50 transition-transform duration-500 group-hover:scale-150\"><\/div>\n                    <span class=\"relative flex h-12 w-12 items-center justify-center rounded-xl bg-primary-600 text-white shadow-md shadow-primary-600\/30\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"relative mt-5 font-display text-lg font-bold text-slate-900\">Inspecciones<\/h3>\n                    <p class=\"relative mt-2 text-sm leading-relaxed text-slate-600\">Estandariza inspecciones y evita que informaci\u00f3n importante quede fuera.<\/p>\n                <\/div>\n                            <div class=\"reveal group relative overflow-hidden rounded-2xl border border-slate-200 bg-gradient-to-b from-white to-slate-50\/50 p-6 transition-all duration-300 hover:-translate-y-1 hover:border-primary-200 hover:shadow-xl\" style=\"transition-delay: 140ms;\">\n                    <div class=\"absolute -right-8 -top-8 h-24 w-24 rounded-full bg-primary-50 transition-transform duration-500 group-hover:scale-150\"><\/div>\n                    <span class=\"relative flex h-12 w-12 items-center justify-center rounded-xl bg-primary-600 text-white shadow-md shadow-primary-600\/30\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"relative mt-5 font-display text-lg font-bold text-slate-900\">Supervisiones<\/h3>\n                    <p class=\"relative mt-2 text-sm leading-relaxed text-slate-600\">Controla las actividades realizadas por supervisores y responsables.<\/p>\n                <\/div>\n                            <div class=\"reveal group relative overflow-hidden rounded-2xl border border-slate-200 bg-gradient-to-b from-white to-slate-50\/50 p-6 transition-all duration-300 hover:-translate-y-1 hover:border-primary-200 hover:shadow-xl\" style=\"transition-delay: 210ms;\">\n                    <div class=\"absolute -right-8 -top-8 h-24 w-24 rounded-full bg-primary-50 transition-transform duration-500 group-hover:scale-150\"><\/div>\n                    <span class=\"relative flex h-12 w-12 items-center justify-center rounded-xl bg-primary-600 text-white shadow-md shadow-primary-600\/30\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"relative mt-5 font-display text-lg font-bold text-slate-900\">Mantenimiento<\/h3>\n                    <p class=\"relative mt-2 text-sm leading-relaxed text-slate-600\">Registra trabajos realizados, incidencias y condiciones encontradas.<\/p>\n                <\/div>\n                            <div class=\"reveal group relative overflow-hidden rounded-2xl border border-slate-200 bg-gradient-to-b from-white to-slate-50\/50 p-6 transition-all duration-300 hover:-translate-y-1 hover:border-primary-200 hover:shadow-xl\" style=\"transition-delay: 0ms;\">\n                    <div class=\"absolute -right-8 -top-8 h-24 w-24 rounded-full bg-primary-50 transition-transform duration-500 group-hover:scale-150\"><\/div>\n                    <span class=\"relative flex h-12 w-12 items-center justify-center rounded-xl bg-primary-600 text-white shadow-md shadow-primary-600\/30\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"16.5\" y1=\"9.4\" x2=\"7.5\" y2=\"4.21\"\/><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"relative mt-5 font-display text-lg font-bold text-slate-900\">Entregas<\/h3>\n                    <p class=\"relative mt-2 text-sm leading-relaxed text-slate-600\">Documenta entregas y recepci\u00f3n de productos o servicios.<\/p>\n                <\/div>\n                            <div class=\"reveal group relative overflow-hidden rounded-2xl border border-slate-200 bg-gradient-to-b from-white to-slate-50\/50 p-6 transition-all duration-300 hover:-translate-y-1 hover:border-primary-200 hover:shadow-xl\" style=\"transition-delay: 70ms;\">\n                    <div class=\"absolute -right-8 -top-8 h-24 w-24 rounded-full bg-primary-50 transition-transform duration-500 group-hover:scale-150\"><\/div>\n                    <span class=\"relative flex h-12 w-12 items-center justify-center rounded-xl bg-primary-600 text-white shadow-md shadow-primary-600\/30\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"\/><line x1=\"9\" y1=\"18\" x2=\"9\" y2=\"15\"\/><line x1=\"18\" y1=\"18\" x2=\"18\" y2=\"14\"\/><line x1=\"15\" y1=\"18\" x2=\"15\" y2=\"11\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"relative mt-5 font-display text-lg font-bold text-slate-900\">Auditor\u00edas<\/h3>\n                    <p class=\"relative mt-2 text-sm leading-relaxed text-slate-600\">Digitaliza procesos de revisi\u00f3n y evaluaci\u00f3n.<\/p>\n                <\/div>\n                            <div class=\"reveal group relative overflow-hidden rounded-2xl border border-slate-200 bg-gradient-to-b from-white to-slate-50\/50 p-6 transition-all duration-300 hover:-translate-y-1 hover:border-primary-200 hover:shadow-xl\" style=\"transition-delay: 140ms;\">\n                    <div class=\"absolute -right-8 -top-8 h-24 w-24 rounded-full bg-primary-50 transition-transform duration-500 group-hover:scale-150\"><\/div>\n                    <span class=\"relative flex h-12 w-12 items-center justify-center rounded-xl bg-primary-600 text-white shadow-md shadow-primary-600\/30\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"relative mt-5 font-display text-lg font-bold text-slate-900\">Encuestas<\/h3>\n                    <p class=\"relative mt-2 text-sm leading-relaxed text-slate-600\">Recopila informaci\u00f3n directamente desde campo.<\/p>\n                <\/div>\n                            <div class=\"reveal group relative overflow-hidden rounded-2xl border border-slate-200 bg-gradient-to-b from-white to-slate-50\/50 p-6 transition-all duration-300 hover:-translate-y-1 hover:border-primary-200 hover:shadow-xl\" style=\"transition-delay: 210ms;\">\n                    <div class=\"absolute -right-8 -top-8 h-24 w-24 rounded-full bg-primary-50 transition-transform duration-500 group-hover:scale-150\"><\/div>\n                    <span class=\"relative flex h-12 w-12 items-center justify-center rounded-xl bg-primary-600 text-white shadow-md shadow-primary-600\/30\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"relative mt-5 font-display text-lg font-bold text-slate-900\">Reportes operativos<\/h3>\n                    <p class=\"relative mt-2 text-sm leading-relaxed text-slate-600\">Convierte las actividades diarias de tus colaboradores en informaci\u00f3n organizada.<\/p>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<section id=\"industrias\" class=\"nav-offset relative overflow-hidden bg-slate-950 py-20 sm:py-28\">\n    <div class=\"absolute inset-0 dot-bg opacity-40\"><\/div>\n    <div class=\"absolute -left-40 top-1\/3 h-80 w-80 rounded-full bg-primary-600\/15 blur-3xl\"><\/div>\n    <div class=\"absolute -right-40 bottom-1\/4 h-80 w-80 rounded-full bg-secondary-600\/15 blur-3xl\"><\/div>\n\n    <div class=\"relative mx-auto max-w-8xl px-5 sm:px-8\">\n        <div class=\"reveal mx-auto max-w-3xl text-center\">\n            <span class=\"inline-block text-xs font-bold uppercase tracking-[0.18em] mb-3 text-primary-300\">WorkControl<\/span>\n            <h2 class=\"font-display text-3xl sm:text-4xl lg:text-[2.7rem] font-extrabold leading-[1.1] text-balance text-white\">Dise\u00f1ado para diferentes actividades econ\u00f3micas<\/h2>\n            <p class=\"mt-4 text-lg leading-relaxed text-slate-300\">Adaptable al modelo operativo de cada sector.<\/p>\n        <\/div>\n\n        <div class=\"mt-14 grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n                            <div class=\"reveal group rounded-2xl border border-white\/10 bg-white\/[0.04] p-6 backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary-400\/40 hover:bg-white\/[0.07]\" style=\"transition-delay: 0ms;\">\n                    <span class=\"flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-primary-400\/20 to-secondary-400\/20 text-primary-300 ring-1 ring-white\/10\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"mt-4 font-display text-base font-bold text-white\">Microfinanzas<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-400\">Digitaliza visitas a clientes, verificaciones, cobranzas, inspecciones y levantamiento de informaci\u00f3n.<\/p>\n                <\/div>\n                            <div class=\"reveal group rounded-2xl border border-white\/10 bg-white\/[0.04] p-6 backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary-400\/40 hover:bg-white\/[0.07]\" style=\"transition-delay: 70ms;\">\n                    <span class=\"flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-primary-400\/20 to-secondary-400\/20 text-primary-300 ring-1 ring-white\/10\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"mt-4 font-display text-base font-bold text-white\">Transporte y log\u00edstica<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-400\">Controla inspecciones, entregas, incidencias, supervisiones y operaciones de campo.<\/p>\n                <\/div>\n                            <div class=\"reveal group rounded-2xl border border-white\/10 bg-white\/[0.04] p-6 backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary-400\/40 hover:bg-white\/[0.07]\" style=\"transition-delay: 140ms;\">\n                    <span class=\"flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-primary-400\/20 to-secondary-400\/20 text-primary-300 ring-1 ring-white\/10\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 3h6v4l4 8a2 2 0 0 1-2 3H7a2 2 0 0 1-2-3l4-8V3z\"\/><line x1=\"9\" y1=\"3\" x2=\"15\" y2=\"3\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"mt-4 font-display text-base font-bold text-white\">Agricultura<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-400\">Registra visitas t\u00e9cnicas, inspecciones de cultivos, evaluaciones y actividades agr\u00edcolas.<\/p>\n                <\/div>\n                            <div class=\"reveal group rounded-2xl border border-white\/10 bg-white\/[0.04] p-6 backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary-400\/40 hover:bg-white\/[0.07]\" style=\"transition-delay: 210ms;\">\n                    <span class=\"flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-primary-400\/20 to-secondary-400\/20 text-primary-300 ring-1 ring-white\/10\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v2z\"\/><path d=\"M10 10V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5\"\/><path d=\"M4 15v-3a6 6 0 0 1 6-6\"\/><path d=\"M14 6a6 6 0 0 1 6 6v3\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"mt-4 font-display text-base font-bold text-white\">Construcci\u00f3n<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-400\">Controla inspecciones, avances de obra, supervisiones y actividades realizadas.<\/p>\n                <\/div>\n                            <div class=\"reveal group rounded-2xl border border-white\/10 bg-white\/[0.04] p-6 backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary-400\/40 hover:bg-white\/[0.07]\" style=\"transition-delay: 0ms;\">\n                    <span class=\"flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-primary-400\/20 to-secondary-400\/20 text-primary-300 ring-1 ring-white\/10\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"\/><line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"\/><line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"\/><line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"\/><line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"\/><line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"\/><line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"\/><line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"mt-4 font-display text-base font-bold text-white\">Industria<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-400\">Digitaliza inspecciones, mantenimiento, control de calidad y procesos operativos.<\/p>\n                <\/div>\n                            <div class=\"reveal group rounded-2xl border border-white\/10 bg-white\/[0.04] p-6 backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary-400\/40 hover:bg-white\/[0.07]\" style=\"transition-delay: 70ms;\">\n                    <span class=\"flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-primary-400\/20 to-secondary-400\/20 text-primary-300 ring-1 ring-white\/10\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 7l1-4h18l1 4\"\/><path d=\"M4 7v13a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7\"\/><path d=\"M2 7h20\"\/><path d=\"M12 21V11\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"mt-4 font-display text-base font-bold text-white\">Distribuci\u00f3n<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-400\">Registra entregas, visitas comerciales, supervisi\u00f3n de puntos de venta y actividades.<\/p>\n                <\/div>\n                            <div class=\"reveal group rounded-2xl border border-white\/10 bg-white\/[0.04] p-6 backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary-400\/40 hover:bg-white\/[0.07]\" style=\"transition-delay: 140ms;\">\n                    <span class=\"flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-primary-400\/20 to-secondary-400\/20 text-primary-300 ring-1 ring-white\/10\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/><path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"mt-4 font-display text-base font-bold text-white\">Servicios t\u00e9cnicos<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-400\">Controla instalaciones, reparaciones, mantenimientos y visitas de t\u00e9cnicos.<\/p>\n                <\/div>\n                            <div class=\"reveal group rounded-2xl border border-white\/10 bg-white\/[0.04] p-6 backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-primary-400\/40 hover:bg-white\/[0.07]\" style=\"transition-delay: 210ms;\">\n                    <span class=\"flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-primary-400\/20 to-secondary-400\/20 text-primary-300 ring-1 ring-white\/10\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><path d=\"M9 22v-4h6v4\"\/><path d=\"M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"mt-4 font-display text-base font-bold text-white\">Instituciones y organizaciones<\/h3>\n                    <p class=\"mt-2 text-sm leading-relaxed text-slate-400\">Digitaliza inspecciones, supervisiones, visitas y actividades de equipos de campo.<\/p>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"relative overflow-hidden bg-slate-50 py-20 sm:py-28\">\n    <div class=\"mx-auto max-w-8xl px-5 sm:px-8\">\n        <div class=\"grid items-center gap-12 lg:grid-cols-2 lg:gap-16\">\n            <div>\n                <div class=\"reveal max-w-none text-left\">\n                    <span class=\"inline-block text-xs font-bold uppercase tracking-[0.18em] mb-3 text-primary-600\">Mejora en la rentabilidad<\/span>\n                    <h2 class=\"font-display text-3xl sm:text-4xl lg:text-[2.7rem] font-extrabold leading-[1.1] text-balance text-slate-900\">Transforma la informaci\u00f3n en resultados<\/h2>\n                    <p class=\"mt-4 text-lg leading-relaxed text-slate-600\">WorkControl convierte el trabajo de campo de tu empresa en informaci\u00f3n \u00fatil y medible, facilitando decisiones oportunas para elevar la productividad, controlar los costos y aumentar la rentabilidad.<\/p>\n                <\/div>\n\n                <div class=\"mt-8 grid gap-3 sm:grid-cols-2\">\n                                            <div class=\"reveal flex gap-3.5 rounded-2xl border border-slate-200 bg-white p-4 transition-all hover:shadow-md\" style=\"transition-delay: 0ms;\">\n                            <span class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary-100 text-primary-600\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n                            <\/span>\n                            <div>\n                                <h3 class=\"font-display text-sm font-bold text-slate-900\">M\u00e1s control<\/h3>\n                                <p class=\"mt-0.5 text-xs leading-relaxed text-slate-600\">Conoce qu\u00e9 actividades se est\u00e1n realizando.<\/p>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"reveal flex gap-3.5 rounded-2xl border border-slate-200 bg-white p-4 transition-all hover:shadow-md\" style=\"transition-delay: 80ms;\">\n                            <span class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary-100 text-primary-600\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/><\/svg>\n                            <\/span>\n                            <div>\n                                <h3 class=\"font-display text-sm font-bold text-slate-900\">M\u00e1s organizaci\u00f3n<\/h3>\n                                <p class=\"mt-0.5 text-xs leading-relaxed text-slate-600\">Centraliza la informaci\u00f3n en un solo lugar.<\/p>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"reveal flex gap-3.5 rounded-2xl border border-slate-200 bg-white p-4 transition-all hover:shadow-md\" style=\"transition-delay: 0ms;\">\n                            <span class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary-100 text-primary-600\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n                            <\/span>\n                            <div>\n                                <h3 class=\"font-display text-sm font-bold text-slate-900\">Mejora la trazabilidad<\/h3>\n                                <p class=\"mt-0.5 text-xs leading-relaxed text-slate-600\">Mant\u00e9n un registro de las actividades realizadas.<\/p>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"reveal flex gap-3.5 rounded-2xl border border-slate-200 bg-white p-4 transition-all hover:shadow-md\" style=\"transition-delay: 80ms;\">\n                            <span class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-accent-400\/20 text-accent-600\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\n                            <\/span>\n                            <div>\n                                <h3 class=\"font-display text-sm font-bold text-slate-900\">Menos papel<\/h3>\n                                <p class=\"mt-0.5 text-xs leading-relaxed text-slate-600\">Digitaliza procesos que dependen de documentos f\u00edsicos.<\/p>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"reveal flex gap-3.5 rounded-2xl border border-slate-200 bg-white p-4 transition-all hover:shadow-md\" style=\"transition-delay: 0ms;\">\n                            <span class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-accent-400\/20 text-accent-600\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                            <\/span>\n                            <div>\n                                <h3 class=\"font-display text-sm font-bold text-slate-900\">Menos trabajo administrativo<\/h3>\n                                <p class=\"mt-0.5 text-xs leading-relaxed text-slate-600\">Reduce la necesidad de recopilar y organizar informes manualmente.<\/p>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"reveal flex gap-3.5 rounded-2xl border border-slate-200 bg-white p-4 transition-all hover:shadow-md\" style=\"transition-delay: 80ms;\">\n                            <span class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary-100 text-primary-600\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"3\"\/><circle cx=\"5\" cy=\"19\" r=\"3\"\/><circle cx=\"19\" cy=\"19\" r=\"3\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"14\"\/><line x1=\"12\" y1=\"14\" x2=\"7\" y2=\"18\"\/><line x1=\"12\" y1=\"14\" x2=\"17\" y2=\"18\"\/><\/svg>\n                            <\/span>\n                            <div>\n                                <h3 class=\"font-display text-sm font-bold text-slate-900\">Mejores decisiones<\/h3>\n                                <p class=\"mt-0.5 text-xs leading-relaxed text-slate-600\">Utiliza la informaci\u00f3n de campo para supervisar y mejorar tus procesos.<\/p>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n            <div class=\"reveal\" style=\"transition-delay: 140ms;\">\n                <div class=\"relative\">\n                    <div class=\"absolute -inset-3 rounded-3xl bg-gradient-to-br from-primary-200\/50 to-secondary-200\/50 blur-2xl\"><\/div>\n                    <div class=\"relative overflow-hidden rounded-3xl shadow-2xl ring-1 ring-slate-200\">\n                        <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/12969403\/pexels-photo-12969403.jpeg?auto=compress&cs=tinysrgb&w=1100\" alt=\"Panel de informaci\u00f3n y reportes\" class=\"aspect-[4\/3] w-full object-cover\" loading=\"lazy\">\n                        <div class=\"absolute inset-x-0 bottom-0 bg-gradient-to-t from-slate-950\/80 to-transparent p-5\">\n                            <p class=\"text-sm font-semibold text-white\">Informaci\u00f3n para incrementar la rentabilidad<\/p>\n                            <p class=\"text-xs text-slate-300\">Visitas, inspecciones y reportes en un solo lugar<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"relative overflow-hidden bg-slate-50 py-20 sm:py-28\">\n    <div class=\"mx-auto max-w-8xl px-5 sm:px-8\">\n        <div class=\"grid items-center gap-12 lg:grid-cols-2 lg:gap-16\">\n            <div class=\"reveal order-2 lg:order-1\">\n                <div class=\"relative\">\n                    <div class=\"absolute -inset-3 rounded-3xl bg-gradient-to-tr from-secondary-200\/50 to-primary-200\/50 blur-2xl\"><\/div>\n                    <div class=\"relative overflow-hidden rounded-3xl shadow-2xl ring-1 ring-slate-200\">\n                        <img decoding=\"async\" src=\"https:\/\/navicore.red\/workcontrol\/mapa.png?auto=compress&cs=tinysrgb&w=1100\" alt=\"Equipo de trabajo coordinando actividades\" class=\"aspect-[4\/3] w-full object-cover\" loading=\"lazy\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"reveal order-1 lg:order-2\" style=\"transition-delay: 120ms;\">\n                <span class=\"inline-block text-xs font-bold uppercase tracking-[0.18em] mb-3 text-primary-600\">Registro de ubicaci\u00f3n<\/span>\n                <h2 class=\"font-display text-3xl sm:text-4xl lg:text-[2.7rem] font-extrabold leading-[1.1] text-balance text-slate-900\">Con WorkControl supervisas con rastreo satelital.<\/h2>\n                <p class=\"mt-4 text-lg leading-relaxed text-slate-600\">Beneficios:<\/p>\n\n              \n\n                <ul class=\"mt-4 space-y-2.5\">\n                                            <li class=\"flex items-start gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3 shadow-sm\">\n                            <span class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-primary-500\"><\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Optimizaci\u00f3n de rutas y tiempos: Ayuda a planificar los trayectos m\u00e1s cortos y r\u00e1pidos, lo que ahorra tiempo de viaje y aumenta la cantidad de visitas o servicios diarios.<\/span>\n                        <\/li>\n                                            <li class=\"flex items-start gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3 shadow-sm\">\n                            <span class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-primary-500\"><\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Ahorro de recursos: Disminuye el consumo de combustible, el desgaste de los veh\u00edculos de la flota y las horas extra innecesarias.<\/span>\n                        <\/li>\n                                            <li class=\"flex items-start gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3 shadow-sm\">\n                            <span class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-primary-500\"><\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Mayor seguridad para el trabajador: Permite localizar al personal de inmediato en caso de accidentes, robos o emergencias en zonas alejadas.<\/span>\n                        <\/li>\n                                            <li class=\"flex items-start gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3 shadow-sm\">\n                            <span class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-primary-500\"><\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Mejor atenci\u00f3n al cliente: Facilita asignar al trabajador m\u00e1s cercano a una emergencia o aviso urgente, reduciendo los tiempos de espera.<\/span>\n                        <\/li>\n                                            <li class=\"flex items-start gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3 shadow-sm\">\n                            <span class=\"mt-1.5 h-1.5 w-1.5 shrink-0 rounded-full bg-primary-500\"><\/span>\n                            <span class=\"text-sm font-medium text-slate-700\">Transparencia y control operativo: Historial de rutas con datos reales sobre el cumplimiento de las tareas asignadas y el uso adecuado de los recursos de la empresa durante la jornada laboral.<\/span>\n                        <\/li>\n                                    <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"contacto\" class=\"nav-offset relative overflow-hidden bg-slate-950 py-20 sm:py-28\">\n    <div class=\"absolute inset-0 dot-bg opacity-40\"><\/div>\n    <div class=\"absolute -left-32 top-1\/4 h-96 w-96 rounded-full bg-primary-600\/25 blur-3xl\"><\/div>\n    <div class=\"absolute -right-32 bottom-1\/4 h-96 w-96 rounded-full bg-secondary-600\/25 blur-3xl\"><\/div>\n\n    <div class=\"relative mx-auto max-w-8xl px-5 sm:px-8\">\n        <div class=\"grid items-center gap-12 lg:grid-cols-2 lg:gap-16\">\n            <!-- Copy -->\n            <div class=\"reveal\">\n                <span class=\"inline-block text-xs font-bold uppercase tracking-[0.18em] text-primary-300\">Comienza hoy<\/span>\n                <h2 class=\"mt-3 font-display text-3xl font-extrabold leading-[1.1] text-white text-balance sm:text-4xl lg:text-5xl\">Digitaliza tu operaci\u00f3n<\/h2>\n                <p class=\"mt-5 text-lg text-slate-300\">Convierte tus informes de trabajo en una herramienta de gesti\u00f3n. Descubre c\u00f3mo WorkControl puede adaptarse a los procesos de tu empresa.<\/p>\n\n                <div class=\"mt-8 flex flex-col gap-3 sm:flex-row\">\n                    \n                        \n                    <a href=\"https:\/\/wa.me\/50587686202\" class=\"group inline-flex items-center justify-center gap-2 rounded-full bg-primary-600 px-7 py-4 text-base font-semibold text-white shadow-lg shadow-primary-600\/25 transition-all hover:bg-primary-700 hover:shadow-xl hover:-translate-y-0.5\" >\n                        Hablar con un asesor                    <\/a>\n                <\/div>\n\n                <ul class=\"mt-8 space-y-2.5\">\n                                            <li class=\"flex items-center gap-3 text-sm text-slate-300\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2dd4bf\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                            Formularios adaptados a tus procesos                        <\/li>\n                                            <li class=\"flex items-center gap-3 text-sm text-slate-300\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2dd4bf\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                            Acompa\u00f1amiento en la implementaci\u00f3n                        <\/li>\n                                            <li class=\"flex items-center gap-3 text-sm text-slate-300\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2dd4bf\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                            Sin cambiar tu forma de trabajar                        <\/li>\n                                    <\/ul>\n            <\/div>\n\n            <!-- Form card -->\n            <div class=\"reveal\" id=\"formulario\" style=\"transition-delay: 120ms;\">\n                <form action=\"https:\/\/navicore.red\/workcontrol\/wp-admin\/admin-post.php\" method=\"POST\" class=\"rounded-3xl border border-white\/10 bg-white\/[0.05] p-7 backdrop-blur-xl shadow-2xl sm:p-9\">\n                    <h3 class=\"font-display text-xl font-bold text-white\">Solicita tu demostraci\u00f3n<\/h3>\n                    <p class=\"mt-1.5 text-sm text-slate-400\">Cu\u00e9ntanos sobre tu empresa y te contactaremos a la brevedad.<\/p>\n\n                    \n                    <div class=\"mt-6 space-y-4\">\n                                                    <div>\n                                <label class=\"mb-1.5 block text-xs font-semibold uppercase tracking-wide text-slate-400\">Nombre<\/label>\n                                <input type=\"text\" name=\"nombre\" required placeholder=\"Tu nombre\" class=\"w-full rounded-xl border border-white\/10 bg-white\/5 px-4 py-3 text-sm text-white placeholder-slate-500 outline-none transition focus:border-primary-400 focus:ring-2 focus:ring-primary-400\/30\">\n                            <\/div>\n                                                    <div>\n                                <label class=\"mb-1.5 block text-xs font-semibold uppercase tracking-wide text-slate-400\">Correo empresarial<\/label>\n                                <input type=\"email\" name=\"email\" required placeholder=\"tu@empresa.com\" class=\"w-full rounded-xl border border-white\/10 bg-white\/5 px-4 py-3 text-sm text-white placeholder-slate-500 outline-none transition focus:border-primary-400 focus:ring-2 focus:ring-primary-400\/30\">\n                            <\/div>\n                                                    <div>\n                                <label class=\"mb-1.5 block text-xs font-semibold uppercase tracking-wide text-slate-400\">Empresa<\/label>\n                                <input type=\"text\" name=\"empresa\" required placeholder=\"Nombre de la empresa\" class=\"w-full rounded-xl border border-white\/10 bg-white\/5 px-4 py-3 text-sm text-white placeholder-slate-500 outline-none transition focus:border-primary-400 focus:ring-2 focus:ring-primary-400\/30\">\n                            <\/div>\n                        \n                        <div>\n                            <label class=\"mb-1.5 block text-xs font-semibold uppercase tracking-wide text-slate-400\">Sector Econ\u00f3mico<\/label>\n                            <select name=\"industria\" class=\"w-full rounded-xl border border-white\/10 bg-white\/5 px-4 py-3 text-sm text-white outline-none transition focus:border-primary-400 focus:ring-2 focus:ring-primary-400\/30\">\n                                                                    <option class=\"bg-slate-800\">Microfinanzas<\/option>\n                                                                    <option class=\"bg-slate-800\">Transporte y log\u00edstica<\/option>\n                                                                    <option class=\"bg-slate-800\">Agricultura<\/option>\n                                                                    <option class=\"bg-slate-800\">Construcci\u00f3n<\/option>\n                                                                    <option class=\"bg-slate-800\">Industria<\/option>\n                                                                    <option class=\"bg-slate-800\">Distribuci\u00f3n<\/option>\n                                                                    <option class=\"bg-slate-800\">Servicios t\u00e9cnicos<\/option>\n                                                                    <option class=\"bg-slate-800\">Instituciones<\/option>\n                                                                    <option class=\"bg-slate-800\">Otra<\/option>\n                                                            <\/select>\n                        <\/div>\n\n                        <div>\n                            <label class=\"mb-1.5 block text-xs font-semibold uppercase tracking-wide text-slate-400\">Mensaje (opcional)<\/label>\n                            <textarea name=\"mensaje\" rows=\"3\" placeholder=\"\u00bfQu\u00e9 proceso te gustar\u00eda digitalizar?\" class=\"w-full rounded-xl border border-white\/10 bg-white\/5 px-4 py-3 text-sm text-white placeholder-slate-500 outline-none transition focus:border-primary-400 focus:ring-2 focus:ring-primary-400\/30\"><\/textarea>\n                        <\/div>\n                    <\/div>\n\n                    <input type=\"hidden\" id=\"wc_nonce\" name=\"wc_nonce\" value=\"399ae16be4\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/workcontrol\/wp-json\/wp\/v2\/pages\/8\" \/>                    <input type=\"hidden\" name=\"action\" value=\"wc_demo_request\">\n\n                    <button type=\"submit\" class=\"mt-6 flex w-full items-center justify-center gap-2 rounded-full bg-primary-600 px-6 py-3.5 text-sm font-semibold text-white shadow-lg shadow-primary-600\/30 transition-all hover:bg-primary-700 hover:shadow-xl\">\n                        Enviar solicitud                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                    <\/button>\n\n                    <div class=\"mt-6 flex flex-wrap gap-x-6 gap-y-2 border-t border-white\/10 pt-5 text-xs text-slate-400\">\n                        <span class=\"flex items-center gap-1.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg> Llamada de asesor\u00eda<\/span>\n                        <span class=\"flex items-center gap-1.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> Correo de respuesta<\/span>\n                        <span class=\"flex items-center gap-1.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18M5 21V7l8-4v18M19 21V11l-6-4\"\/><\/svg> Demo personalizada<\/span>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section id=\"faq\" class=\"nav-offset relative bg-slate-50 py-20 sm:py-28\">\n    <div class=\"mx-auto max-w-3xl px-5 sm:px-8\">\n        <div class=\"reveal mx-auto max-w-3xl text-center\">\n            <span class=\"inline-block text-xs font-bold uppercase tracking-[0.18em] mb-3 text-primary-600\">Dudas frecuentes<\/span>\n            <h2 class=\"font-display text-3xl sm:text-4xl lg:text-[2.7rem] font-extrabold leading-[1.1] text-balance text-slate-900\">Preguntas frecuentes<\/h2>\n            <p class=\"mt-4 text-lg leading-relaxed text-slate-600\">Necesitas saber...<\/p>\n        <\/div>\n\n        <div class=\"reveal mt-12 space-y-3\">\n                            <div class=\"wc-faq-item rounded-2xl border border-slate-200 bg-white overflow-hidden transition-shadow hover:shadow-md\">\n                    <button class=\"wc-faq-toggle flex w-full items-center justify-between gap-4 px-5 py-4 text-left sm:px-6 sm:py-5\" aria-expanded=\"true\">\n                        <span class=\"font-display font-semibold text-slate-900 text-base sm:text-lg\">\u00bfQu\u00e9 es WorkControl?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d9488\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 h-5 w-5 text-primary-600 transition-transform duration-300 wc-faq-chevron rotate-180\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/button>\n                    <div class=\"wc-faq-content grid transition-all duration-300 ease-out\" style=\"grid-template-rows: 1fr\">\n                        <div class=\"overflow-hidden\">\n                            <p class=\"px-5 pb-5 text-slate-600 leading-relaxed sm:px-6\">WorkControl es una plataforma digital para crear, gestionar y centralizar informes y actividades de trabajo de campo.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"wc-faq-item rounded-2xl border border-slate-200 bg-white overflow-hidden transition-shadow hover:shadow-md\">\n                    <button class=\"wc-faq-toggle flex w-full items-center justify-between gap-4 px-5 py-4 text-left sm:px-6 sm:py-5\" aria-expanded=\"false\">\n                        <span class=\"font-display font-semibold text-slate-900 text-base sm:text-lg\">\u00bfPara qu\u00e9 tipo de empresas est\u00e1 dise\u00f1ado?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d9488\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 h-5 w-5 text-primary-600 transition-transform duration-300 wc-faq-chevron \"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/button>\n                    <div class=\"wc-faq-content grid transition-all duration-300 ease-out\" style=\"grid-template-rows: 0fr\">\n                        <div class=\"overflow-hidden\">\n                            <p class=\"px-5 pb-5 text-slate-600 leading-relaxed sm:px-6\">Puede utilizarse en empresas que necesitan controlar actividades realizadas por empleados, t\u00e9cnicos, supervisores, vendedores, inspectores o equipos de campo.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"wc-faq-item rounded-2xl border border-slate-200 bg-white overflow-hidden transition-shadow hover:shadow-md\">\n                    <button class=\"wc-faq-toggle flex w-full items-center justify-between gap-4 px-5 py-4 text-left sm:px-6 sm:py-5\" aria-expanded=\"false\">\n                        <span class=\"font-display font-semibold text-slate-900 text-base sm:text-lg\">\u00bfPuedo crear informes personalizados?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d9488\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 h-5 w-5 text-primary-600 transition-transform duration-300 wc-faq-chevron \"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/button>\n                    <div class=\"wc-faq-content grid transition-all duration-300 ease-out\" style=\"grid-template-rows: 0fr\">\n                        <div class=\"overflow-hidden\">\n                            <p class=\"px-5 pb-5 text-slate-600 leading-relaxed sm:px-6\">S\u00ed. La propuesta de WorkControl se basa en adaptar los informes a las necesidades y procesos espec\u00edficos de cada empresa.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"wc-faq-item rounded-2xl border border-slate-200 bg-white overflow-hidden transition-shadow hover:shadow-md\">\n                    <button class=\"wc-faq-toggle flex w-full items-center justify-between gap-4 px-5 py-4 text-left sm:px-6 sm:py-5\" aria-expanded=\"false\">\n                        <span class=\"font-display font-semibold text-slate-900 text-base sm:text-lg\">\u00bfQu\u00e9 tipo de informes puedo crear?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d9488\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 h-5 w-5 text-primary-600 transition-transform duration-300 wc-faq-chevron \"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/button>\n                    <div class=\"wc-faq-content grid transition-all duration-300 ease-out\" style=\"grid-template-rows: 0fr\">\n                        <div class=\"overflow-hidden\">\n                            <p class=\"px-5 pb-5 text-slate-600 leading-relaxed sm:px-6\">Visitas, inspecciones, supervisiones, entregas, mantenimientos, auditor\u00edas, encuestas, reportes operativos y muchos otros tipos.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"wc-faq-item rounded-2xl border border-slate-200 bg-white overflow-hidden transition-shadow hover:shadow-md\">\n                    <button class=\"wc-faq-toggle flex w-full items-center justify-between gap-4 px-5 py-4 text-left sm:px-6 sm:py-5\" aria-expanded=\"false\">\n                        <span class=\"font-display font-semibold text-slate-900 text-base sm:text-lg\">\u00bfNecesito cambiar mis procesos?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d9488\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 h-5 w-5 text-primary-600 transition-transform duration-300 wc-faq-chevron \"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/button>\n                    <div class=\"wc-faq-content grid transition-all duration-300 ease-out\" style=\"grid-template-rows: 0fr\">\n                        <div class=\"overflow-hidden\">\n                            <p class=\"px-5 pb-5 text-slate-600 leading-relaxed sm:px-6\">No, el objetivo es adaptar la herramienta a la forma en que trabaja tu empresa.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"wc-faq-item rounded-2xl border border-slate-200 bg-white overflow-hidden transition-shadow hover:shadow-md\">\n                    <button class=\"wc-faq-toggle flex w-full items-center justify-between gap-4 px-5 py-4 text-left sm:px-6 sm:py-5\" aria-expanded=\"false\">\n                        <span class=\"font-display font-semibold text-slate-900 text-base sm:text-lg\">\u00bfPuede utilizarse para diferentes departamentos?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d9488\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 h-5 w-5 text-primary-600 transition-transform duration-300 wc-faq-chevron \"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/button>\n                    <div class=\"wc-faq-content grid transition-all duration-300 ease-out\" style=\"grid-template-rows: 0fr\">\n                        <div class=\"overflow-hidden\">\n                            <p class=\"px-5 pb-5 text-slate-600 leading-relaxed sm:px-6\">S\u00ed. Una misma organizaci\u00f3n puede utilizar diferentes formularios y procesos para diferentes \u00e1reas.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"wc-faq-item rounded-2xl border border-slate-200 bg-white overflow-hidden transition-shadow hover:shadow-md\">\n                    <button class=\"wc-faq-toggle flex w-full items-center justify-between gap-4 px-5 py-4 text-left sm:px-6 sm:py-5\" aria-expanded=\"false\">\n                        <span class=\"font-display font-semibold text-slate-900 text-base sm:text-lg\">\u00bfWorkControl puede utilizarse para personal de campo?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d9488\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 h-5 w-5 text-primary-600 transition-transform duration-300 wc-faq-chevron \"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/button>\n                    <div class=\"wc-faq-content grid transition-all duration-300 ease-out\" style=\"grid-template-rows: 0fr\">\n                        <div class=\"overflow-hidden\">\n                            <p class=\"px-5 pb-5 text-slate-600 leading-relaxed sm:px-6\">S\u00ed. Es especialmente \u00fatil para organizaciones cuyos colaboradores necesitan registrar actividades fuera de la oficina.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"wc-faq-item rounded-2xl border border-slate-200 bg-white overflow-hidden transition-shadow hover:shadow-md\">\n                    <button class=\"wc-faq-toggle flex w-full items-center justify-between gap-4 px-5 py-4 text-left sm:px-6 sm:py-5\" aria-expanded=\"false\">\n                        <span class=\"font-display font-semibold text-slate-900 text-base sm:text-lg\">\u00bfC\u00f3mo puedo conocer la plataforma?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d9488\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 h-5 w-5 text-primary-600 transition-transform duration-300 wc-faq-chevron \"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                    <\/button>\n                    <div class=\"wc-faq-content grid transition-all duration-300 ease-out\" style=\"grid-template-rows: 0fr\">\n                        <div class=\"overflow-hidden\">\n                            <p class=\"px-5 pb-5 text-slate-600 leading-relaxed sm:px-6\">Solicita una demostraci\u00f3n y descubre c\u00f3mo WorkControl puede adaptarse a los procesos de tu empresa.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_full_width.php","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/navicore.red\/workcontrol\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/navicore.red\/workcontrol\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/navicore.red\/workcontrol\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/navicore.red\/workcontrol\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/navicore.red\/workcontrol\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/navicore.red\/workcontrol\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/navicore.red\/workcontrol\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}