Productos

Descubre nuestras soluciones de facturación, control horario y gestión empresarial diseñadas para pymes y autónomos.

:root{ --jc-teal:#00B894; --jc-teal-700:#008D73; --jc-teal-100:#E6F7F4; --jc-teal-50:#F3FBFA; --jc-black:#111111; --jc-ink:#171A1F; --jc-slate:#5B5D63; --jc-muted:#80858F; --jc-line:#E9ECEF; --jc-soft:#F5F7F9; --jc-white:#FFFFFF; --jc-shadow:0 18px 60px rgba(17,17,17,.08); --jc-shadow-sm:0 8px 24px rgba(17,17,17,.07); --jc-radius-sm:10px; --jc-radius:16px; --jc-radius-lg:24px; --jc-max:1220px; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--jc-ink);background:#fff;line-height:1.6} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} .container{width:min(var(--jc-max),calc(100% - 40px));margin:auto} .section{padding:88px 0;border-top:1px solid var(--jc-line)} .section-soft{background:var(--jc-soft)} .section-dark{background:linear-gradient(145deg,#111 0%,#172421 72%,#063d35 100%);color:#fff;border-top:0} .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--jc-line);border-radius:999px;background:rgba(255,255,255,.88);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--jc-ink)} .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--jc-teal)} h1,h2,h3,h4,p{margin-top:0} h1{font-size:clamp(46px,6.4vw,82px);line-height:.98;letter-spacing:-.055em;margin-bottom:24px} h2{font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.04em;margin-bottom:18px} h3{font-size:24px;line-height:1.18;letter-spacing:-.025em;margin-bottom:12px} h4{font-size:14px;line-height:1.25;text-transform:uppercase;letter-spacing:.08em;color:var(--jc-muted);margin-bottom:10px} .lead{font-size:clamp(18px,2vw,23px);color:var(--jc-slate);max-width:820px} .section-dark .lead{color:#c8d1cf} .kicker{font-weight:850;color:var(--jc-teal-700)} .section-dark .kicker{color:#62e0c8} .breadcrumbs{padding:20px 0;font-size:13px;color:var(--jc-muted)} .breadcrumbs a{color:var(--jc-slate)} .hero{position:relative;overflow:hidden;padding:118px 0 100px;background:radial-gradient(circle at 77% 30%,rgba(0,184,148,.18),transparent 23%),linear-gradient(180deg,#fff 0%,#fbfcfc 100%)} .hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:linear-gradient(rgba(17,17,17,.028) 1px,transparent 1px),linear-gradi