:root {
  --brand: #1E88C4;
  --brand-2: #3A6FB5;
  --brand-ink: #0F5E8C;
  --bg: #FFFFFF;
  --bg-soft: #F5F8FB;
  --surface: #FFFFFF;
  --ink: #0B1622;
  --ink-2: #44515F;
  --ink-3: #7A8796;
  --line: #E3E9EF;
  --chip: #EAF3FA;
  --shadow: 0 1px 2px rgba(11,22,34,.04), 0 8px 24px rgba(11,22,34,.06);
  --mask: url("data:image/png;base64,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");
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #3BA3E0; --brand-2: #6E9BDB; --brand-ink: #8CCBF2;
    --bg: #0A1018; --bg-soft: #0F1722; --surface: #121C28;
    --ink: #E8EEF4; --ink-2: #A7B3C0; --ink-3: #6F7D8C;
    --line: #1F2B39; --chip: #13263A;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.25);
  }
}
:root[data-theme="dark"] {
  --brand: #3BA3E0; --brand-2: #6E9BDB; --brand-ink: #8CCBF2;
  --bg: #0A1018; --bg-soft: #0F1722; --surface: #121C28;
  --ink: #E8EEF4; --ink-2: #A7B3C0; --ink-3: #6F7D8C;
  --line: #1F2B39; --chip: #13263A;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.25);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 16px/1.65 Inter, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  transition: background .3s, color .3s;
}
a { color: inherit; text-decoration: none; }
.wrap { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
h1, h2, h3 { font-family: Jost, sans-serif; font-weight: 300; letter-spacing: -.01em; margin: 0; }
h2 { font-size: clamp(30px, 4vw, 44px); line-height: 1.15; }
h3 { font-weight: 400; font-size: 20px; }
.eyebrow { font: 500 12px/1 Inter, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: var(--brand); }
.lead { color: var(--ink-2); font-size: 18px; max-width: 620px; }
section { padding: 104px 0; }
.head { display: grid; gap: 16px; margin-bottom: 56px; }

/* ---------- Logo ---------- */
.iso { display: inline-block; aspect-ratio: 179/320; background: var(--brand);
  -webkit-mask: var(--mask) center/contain no-repeat; mask: var(--mask) center/contain no-repeat; }
.logo { display: inline-flex; align-items: center; gap: 12px; color: var(--ink); }
.logo .iso { height: 40px; }
.logo .word { display: grid; line-height: 1; font-family: Jost, sans-serif; }
.logo .word b { font-weight: 300; font-size: 24px; letter-spacing: .28em; }
.logo .word span { font-weight: 400; font-size: 7.15px; letter-spacing: .5em; color: var(--brand-2); margin-top: 5px; }

/* ---------- Header ---------- */
header { position: sticky; top: 0; z-index: 20; backdrop-filter: saturate(160%) blur(14px);
  background: color-mix(in srgb, var(--bg) 82%, transparent); border-bottom: 1px solid var(--line); }
.bar { display: flex; align-items: center; justify-content: space-between; height: 72px; }
nav { display: flex; gap: 32px; font-size: 14px; color: var(--ink-2); }
nav a:hover { color: var(--ink); }
.actions { display: flex; align-items: center; gap: 12px; }
.toggle { width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface);
  color: var(--ink-2); display: grid; place-items: center; cursor: pointer; }
.toggle:hover { color: var(--ink); }
.toggle svg { width: 18px; height: 18px; }
.toggle .sun { display: none; }
:root[data-theme="dark"] .toggle .sun { display: block; }
:root[data-theme="dark"] .toggle .moon { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .toggle .sun { display: block; }
  :root:not([data-theme="light"]) .toggle .moon { display: none; }
}
.btn { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: 10px;
  font: 500 14px Inter, sans-serif; border: 1px solid transparent; cursor: pointer; transition: .2s; }
.btn-primary { background: var(--brand); color: #fff; }
.btn-primary:hover { filter: brightness(1.08); transform: translateY(-1px); }
.btn-ghost { border-color: var(--line); color: var(--ink); background: var(--surface); }
.btn-ghost:hover { border-color: var(--brand); }

/* ---------- Hero ---------- */
.hero { padding: 96px 0 88px; position: relative; overflow: hidden; }
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 56px 56px; mask-image: radial-gradient(ellipse 70% 60% at 70% 30%, #000 20%, transparent 75%); opacity: .6; }
.hero .wrap { position: relative; display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: center; }
.hero h1 { font-size: clamp(40px, 6vw, 68px); line-height: 1.04; margin: 20px 0 24px; }
.hero h1 em { font-style: normal; color: var(--brand); }
.hero .cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 36px; }
.trust { display: flex; gap: 32px; margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--line); flex-wrap: wrap; }
.trust div { display: grid; }
.trust b { font: 300 32px/1.1 Jost, sans-serif; }
.trust span { font-size: 13px; color: var(--ink-3); }

.hub { position: relative; aspect-ratio: 1; max-width: 440px; justify-self: center; width: 100%; }
.hub svg.lines { position: absolute; inset: 0; width: 100%; height: 100%; }
.hub .core { position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: 31%; aspect-ratio: 1; border-radius: 50%;
  background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); display: grid; place-items: center; }
.hub .core .iso { height: 58%; }
.node { position: absolute; translate: -50% -50%; padding: 9px 14px; border-radius: 10px; background: var(--surface);
  border: 1px solid var(--line); box-shadow: var(--shadow); font: 500 13px Inter, sans-serif; white-space: nowrap; }
.node small { display: block; font-weight: 400; font-size: 11px; color: var(--ink-3); }
.pulse { stroke: var(--brand); stroke-width: 1.5; stroke-dasharray: 4 10; animation: flow 1.6s linear infinite; }
@keyframes flow { to { stroke-dashoffset: -28; } }
@media (prefers-reduced-motion: reduce) { .pulse { animation: none; } }

/* ---------- ERP band ---------- */
.band { padding: 36px 0; border-block: 1px solid var(--line); background: var(--bg-soft); }
.band .wrap { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; justify-content: space-between; }
.band p { margin: 0; font-size: 13px; color: var(--ink-3); max-width: 200px; }
.erps { display: flex; gap: 44px; flex-wrap: wrap; font: 400 22px Jost, sans-serif; color: var(--ink-2); }

/* ---------- Services ---------- */
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.card { background: var(--surface); padding: 36px 32px; transition: background .2s; }
.card:hover { background: var(--bg-soft); }
.ico { width: 44px; height: 44px; border-radius: 10px; background: var(--chip); color: var(--brand); display: grid; place-items: center; margin-bottom: 24px; }
.ico svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.card p { color: var(--ink-2); font-size: 15px; margin: 10px 0 0; }

/* ---------- Integrations ---------- */
#integraciones { background: var(--bg-soft); }
.int { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: start; }
.feat { list-style: none; padding: 0; margin: 32px 0 0; display: grid; gap: 18px; }
.feat li { display: grid; grid-template-columns: 24px 1fr; gap: 14px; color: var(--ink-2); }
.feat li::before { content: ""; width: 20px; height: 20px; margin-top: 3px; border-radius: 50%; background: var(--chip);
  box-shadow: inset 0 0 0 6px var(--chip), inset 0 0 0 20px var(--brand); }
.feat b { color: var(--ink); font-weight: 500; }
.erp-list { display: grid; gap: 12px; }
.erp { display: grid; grid-template-columns: 1fr auto; gap: 6px 20px; align-items: center; padding: 22px 26px; border-radius: 14px;
  background: var(--surface); border: 1px solid var(--line); transition: border-color .2s, transform .2s; }
.erp:hover { border-color: var(--brand); transform: translateX(4px); }
.erp h3 { font-size: 22px; }
.erp p { grid-column: 1; margin: 0; color: var(--ink-2); font-size: 14px; }
.tag { grid-row: 1 / span 2; grid-column: 2; font: 500 11px Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase;
  padding: 6px 10px; border-radius: 6px; background: var(--chip); color: var(--brand-ink); }
.note { font-size: 12px; color: var(--ink-3); margin-top: 16px; }

/* ---------- Process ---------- */
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; counter-reset: s; }
.step { border-top: 1px solid var(--line); padding-top: 24px; position: relative; }
.step::before { counter-increment: s; content: "0" counter(s); font: 300 14px Jost, sans-serif; color: var(--brand); letter-spacing: .1em; }
.step::after { content: ""; position: absolute; top: -1px; left: 0; width: 40px; height: 2px; background: var(--brand); }
.step h3 { margin: 12px 0 8px; }
.step p { color: var(--ink-2); font-size: 15px; margin: 0; }

/* ---------- About ---------- */
.about { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.about p { color: var(--ink-2); }
.team { display: grid; gap: 16px; }
.person { display: grid; grid-template-columns: 56px 1fr; gap: 18px; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.avatar { width: 56px; height: 56px; border-radius: 50%; background: var(--chip); color: var(--brand); display: grid; place-items: center; font: 400 18px Jost, sans-serif; letter-spacing: .05em; }
.person h3 { font-size: 18px; }
.person small { color: var(--brand); font-size: 13px; }
.person p { font-size: 14px; margin: 8px 0 0; }
.skills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.skills span { font-size: 13px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); }

/* ---------- Quotes ---------- */
#clientes { background: var(--bg-soft); }
.quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
blockquote { margin: 0; padding: 32px; border-radius: 16px; background: var(--surface); border: 1px solid var(--line); display: grid; gap: 24px; align-content: space-between; }
blockquote p { margin: 0; font: 300 20px/1.45 Jost, sans-serif; }
blockquote cite { font-style: normal; font-size: 13px; color: var(--ink-3); }
blockquote cite::before { content: ""; display: inline-block; width: 18px; height: 1px; background: var(--brand); vertical-align: middle; margin-right: 10px; }

/* ---------- Contact ---------- */
.contact { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; }
.direct { display: grid; gap: 14px; margin-top: 32px; }
.direct a { display: grid; padding: 18px 22px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.direct a:hover { border-color: var(--brand); }
.direct b { font-weight: 500; font-size: 15px; }
.direct span { font-size: 14px; color: var(--ink-3); }
form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 32px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: var(--shadow); }
label { display: grid; gap: 6px; font-size: 13px; color: var(--ink-2); }
label.full { grid-column: 1 / -1; }
input, select, textarea { font: 15px Inter, sans-serif; color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; }
input:focus, select:focus, textarea:focus { outline: 2px solid color-mix(in srgb, var(--brand) 40%, transparent); border-color: var(--brand); }
textarea { min-height: 120px; resize: vertical; }
form .btn { grid-column: 1 / -1; justify-content: center; }

footer { border-top: 1px solid var(--line); padding: 40px 0; font-size: 13px; color: var(--ink-3); }
footer .wrap { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }


/* ---------- Multi-página ---------- */
nav a.on { color: var(--ink); box-shadow: inset 0 -2px 0 var(--brand); padding-bottom: 4px; }
.page-hero { padding: 88px 0 64px; border-bottom: 1px solid var(--line); position: relative; overflow: hidden; }
.page-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 56px 56px; mask-image: radial-gradient(ellipse 60% 80% at 85% 20%, #000 10%, transparent 70%); opacity: .6; }
.page-hero .wrap { position: relative; }
.page-hero h1 { font-size: clamp(36px, 5vw, 56px); line-height: 1.08; margin: 18px 0 20px; max-width: 820px; }
.page-hero h1 em, h2 em { font-style: normal; color: var(--brand); }
.alt { background: var(--bg-soft); }

/* Resultados */
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.stat { background: var(--surface); padding: 32px 28px; display: grid; gap: 8px; align-content: start; }
.stat b { font: 300 clamp(34px, 4vw, 46px)/1 Jost, sans-serif; color: var(--brand); }
.stat span { color: var(--ink-2); font-size: 14px; }
.stat small { color: var(--ink-3); font-size: 12px; }

/* Casos */
.cases { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.case { border: 1px solid var(--line); border-radius: 16px; background: var(--surface); padding: 32px; display: grid; gap: 16px; align-content: start; transition: border-color .2s, transform .2s; }
a.case:hover { border-color: var(--brand); transform: translateY(-2px); }
.case .tags { display: flex; flex-wrap: wrap; gap: 6px; }
.case .tags span { font: 500 11px Inter, sans-serif; letter-spacing: .06em; text-transform: uppercase; padding: 5px 9px; border-radius: 6px; background: var(--chip); color: var(--brand-ink); }
.case h3 { font-size: 24px; }
.case p { margin: 0; color: var(--ink-2); font-size: 15px; }
.case ul { margin: 0; padding-left: 18px; color: var(--ink-2); font-size: 14px; display: grid; gap: 4px; }
.kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding-top: 18px; border-top: 1px solid var(--line); }
.kpis div { display: grid; }
.kpis b { font: 300 26px/1.1 Jost, sans-serif; color: var(--ink); }
.kpis span { font-size: 12px; color: var(--ink-3); }
.case.wide { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; gap: 16px 48px; }
.case.wide > .side { display: grid; gap: 16px; align-content: start; }

/* Piso → indicadores */
.flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 16px; align-items: stretch; }
.flow .col { border: 1px solid var(--line); border-radius: 16px; background: var(--surface); padding: 28px; display: grid; gap: 14px; align-content: start; }
.flow .col h3 { font-size: 20px; }
.flow .col .eyebrow { font-size: 11px; }
.flow .item { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--ink-2); padding: 10px 12px; border-radius: 10px; background: var(--bg-soft); }
.flow .item i { width: 8px; height: 8px; border-radius: 50%; background: var(--brand); flex: none; box-shadow: 0 0 0 4px var(--chip); }
.flow .arrow { display: grid; place-items: center; color: var(--brand); }
.flow .arrow svg { width: 40px; height: 40px; }
.flow .col.core-col { border-color: var(--brand); box-shadow: 0 0 0 4px var(--chip); }
.compare { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.compare > div { border: 1px solid var(--line); border-radius: 16px; padding: 32px; background: var(--surface); }
.compare h3 { margin-bottom: 16px; }
.compare ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; color: var(--ink-2); font-size: 15px; }
.compare li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; }
.compare .bad li::before { content: "✕"; color: var(--ink-3); }
.compare .good { border-color: var(--brand); }
.compare .good li::before { content: "✓"; color: var(--brand); font-weight: 600; }

/* Bloque SWAT / CTA */
.cta-band { border-radius: 20px; padding: 56px; display: grid; grid-template-columns: 1.3fr auto; gap: 32px; align-items: center;
  background: linear-gradient(135deg, var(--brand-ink), var(--brand)); color: #fff; }
.cta-band h2 { color: #fff; }
.cta-band p { color: rgba(255,255,255,.85); margin: 12px 0 0; max-width: 640px; }
.cta-band .btn { background: #fff; color: #0B1622; }
:root[data-theme="dark"] .cta-band { background: linear-gradient(135deg, #0F3F5E, #1A6FA8); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .cta-band { background: linear-gradient(135deg, #0F3F5E, #1A6FA8); } }
.two { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chips span { font-size: 13px; padding: 7px 13px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); background: var(--surface); }
.values { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.values div { border-top: 2px solid var(--brand); padding-top: 18px; }
.values p { font-size: 14px; color: var(--ink-2); margin: 8px 0 0; }
.more { display: inline-flex; gap: 6px; align-items: center; color: var(--brand); font-weight: 500; font-size: 14px; margin-top: 8px; }
.more:hover { gap: 10px; }

/* Menú móvil */
.menu { display: none; }
.mnav { display: none; }

@media (max-width: 960px) {
  .menu { display: grid; }
  .mnav.open { display: grid; gap: 4px; padding: 8px 16px 20px; border-bottom: 1px solid var(--line); }
  .mnav a { padding: 12px 8px; border-radius: 8px; color: var(--ink-2); }
  .mnav a.on { color: var(--brand); background: var(--chip); }
  .stats { grid-template-columns: 1fr 1fr; }
  .cases, .compare, .two { grid-template-columns: 1fr; }
  .case.wide { grid-template-columns: 1fr; }
  .flow { grid-template-columns: 1fr; }
  .flow .arrow svg { rotate: 90deg; }
  .values { grid-template-columns: 1fr 1fr; }
  .cta-band { grid-template-columns: 1fr; padding: 36px; }
}
@media (max-width: 620px) {
  .stats, .values { grid-template-columns: 1fr; }
  .kpis { grid-template-columns: 1fr 1fr; }
  .cta-band { padding: 28px 22px; }
  .case { padding: 24px; }
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  nav { display: none; }
  .hero .wrap, .int, .about, .contact { grid-template-columns: 1fr; }
  .grid, .quotes { grid-template-columns: 1fr 1fr; }
  .steps { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .wrap { padding: 0 16px; }
  section { padding: 72px 0; }
  .grid, .quotes, .steps { grid-template-columns: 1fr; }
  form { grid-template-columns: 1fr; padding: 22px; }
  .actions .btn { display: none; }
  .node { font-size: 11px; padding: 7px 10px; }
  .erps { gap: 24px; font-size: 18px; }
}
footer .logo .iso { height: 28px; }
footer .logo .word b { font-size: 18px; }
footer .logo .word span { font-size: 5.4px; }
footer a:hover { color: var(--ink); }
.page-hero .cta { margin-top: 32px; }

/* Formulario de contacto */
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
form { position: relative; }
form .full { grid-column: 1 / -1; }
.form-msg { margin: 0; font-size: 14px; min-height: 1em; }
.form-msg.ok { color: #1E9E5A; }
.form-msg.err { color: #D14343; }
form button[disabled] { opacity: .6; cursor: wait; }