Gestión empresarial

Contenidos sobre facturación, stock, producción, clientes, indicadores, ERP y organización de empresas.

:root { --jc-teal: #00b894; --jc-teal-dark: #008d73; --jc-teal-soft: #e6f7f4; --jc-black: #111111; --jc-text: #171a1f; --jc-muted: #5b5d63; --jc-line: #e9ecef; --jc-white: #ffffff; --jc-shadow: 0 18px 60px rgba(17, 17, 17, 0.08); --jc-shadow-sm: 0 8px 24px rgba(17, 17, 17, 0.07); --jc-max: 1280px; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: white; color: var(--jc-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; } a { color: inherit; text-decoration: none; } button, input, textarea { font: inherit; } .jc-page { overflow: hidden; } .jc-container { position: relative; z-index: 2; width: min(var(--jc-max), calc(100% - 40px)); margin: auto; } .jc-section { position: relative; padding: 96px 0; border-top: 1px solid var(--jc-line); overflow: hidden; } .jc-hero { position: relative; min-height: 750px; display: flex; align-items: center; padding: 96px 0 72px; background: radial-gradient(circle at 80% 35%, rgba(0, 184, 148, 0.12), transparent 24%), white; } .jc-hero-grid, .jc-split, .jc-contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr); gap: 76px; align-items: center; } .jc-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; color: #81858c; font-size: 12px; } .jc-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px; color: var(--jc-teal-dark); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .jc-kicker::before { width: 7px; height: 7px; border-radius: 50%; background: var(--jc-teal); content: ""; } .jc-title-xl { margin: 0; font-size: clamp(48px, 6.7vw, 84px); font-weight: 720; letter-spacing: -0.065em; line-height: 0.96; } .jc-title-lg { margin: 0; font-size: clamp(36px, 4.7vw, 60px); font-weight: 680; letter-spacing: -0.05em; line-height: 1.02; } .jc-lead { max-width: 780px; margin: 24px 0 0; color: var(--jc-muted); font-size: clamp(18px, 2vw, 22px); line-height: 1.62; } .jc-accent { color: var(--jc-teal-dark); } .jc-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; } .jc-btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; border: 1px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 750; transition: 180ms eas