Contacto

Contacta con JC Consultor para valorar un proyecto de software, automatización, integración o mejora de procesos empresariales.

:root { --jc-teal: #00b894; --jc-teal-dark: #008d73; --jc-teal-soft: #e6f7f4; --jc-teal-50: #f4fbf9; --jc-black: #111111; --jc-text: #171a1f; --jc-muted: #5b5d63; --jc-soft-muted: #858a91; --jc-line: #e9ecef; --jc-white: #ffffff; --jc-soft: #f7f9fa; --jc-shadow: 0 18px 60px rgba(17, 17, 17, 0.08); --jc-shadow-sm: 0 8px 24px rgba(17, 17, 17, 0.06); --jc-max: 1180px; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: var(--jc-white); color: var(--jc-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; } a { color: inherit; text-decoration: none; } button, input, select, textarea { font: inherit; } .jc-contact-page { position: relative; min-height: 100vh; overflow: hidden; background: radial-gradient( circle at 82% 17%, rgba(0, 184, 148, 0.11), transparent 22% ), linear-gradient( 180deg, #ffffff 0%, #fbfcfc 100% ); } .jc-container { position: relative; z-index: 2; width: min( var(--jc-max), calc(100% - 40px) ); margin: auto; } /* DECORACIÓN */ .jc-dot-field { position: absolute; z-index: 0; width: 150px; height: 150px; background-image: radial-gradient( var(--jc-teal) 1.3px, transparent 1.3px ); background-size: 14px 14px; opacity: 0.18; pointer-events: none; } .jc-dot-field.top-left { top: 55px; left: 25px; } .jc-contact-orb { position: absolute; z-index: 0; top: 90px; right: -230px; width: 500px; height: 500px; border: 1px solid rgba(0, 184, 148, 0.16); border-radius: 44% 56% 50% 50% / 52% 42% 58% 48%; transform: rotate(-18deg); pointer-events: none; } /* HEADER / BREADCRUMB */ .jc-top { padding-top: 56px; } .jc-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--jc-soft-muted); font-size: 12px; font-weight: 650; } .jc-breadcrumb a:hover { color: var(--jc-teal-dark); } .jc-breadcrumb span { color: #b8bcc1; } /* MAIN */ .jc-contact-main { padding: 72px 0 105px; } .jc-contact-grid { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(420px, 0.82fr); gap: 85px; align-items: start; } /* INTRO */ .jc-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 21px; 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%;