/* A shared, quieter presentation for the Argentina, Chile and Colombia sites. */
:root {
  --ink: #191d2d;
  --ink-soft: #4c5262;
  --muted: #6a7080;
  --brand: #4658bd;
  --brand-deep: #364899;
  --cyan: #6876d3;
  --canvas: #fafaf8;
  --soft: #f3f2f5;
  --line: #e4e3e9;
  --shadow: 0 18px 44px rgba(35, 39, 71, .07);
}
html { scroll-padding-top: 90px; }
body {
  padding-top: 74px;
  background: var(--canvas);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.58;
  -webkit-font-smoothing: auto;
  font-synthesis: none;
}
h1, h2, h3 { color: var(--ink); letter-spacing: -.035em; }
h2 { font-size: clamp(2.4rem, 4.35vw, 4rem); font-weight: 680; line-height: 1.09; }
h3 { font-weight: 670; }
p { color: var(--ink-soft); }
:focus-visible { outline-color: #6876d3; }
.shell { width: min(1192px, calc(100% - 64px)); }

/* An opaque fixed header keeps navigation steady while scrolling. */
.site-header {
  position: fixed;
  inset: 0 0 auto;
  height: 74px;
  border-bottom: 1px solid var(--line);
  background: #fafaf8;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.nav-shell { height: 100%; min-height: 0; gap: 22px; }
.brand img { width: 180px; }
.main-nav { gap: clamp(13px, 1.8vw, 25px); font-size: .81rem; font-weight: 620; }
.main-nav > a:not(.button):hover,
.nav-solutions-toggle:hover,
.nav-solutions-toggle[aria-expanded="true"] { color: var(--brand-deep); }
.solutions-menu {
  max-height: calc(100vh - 74px);
  border-color: var(--line);
  border-radius: 0 0 16px 16px;
  background: #fdfdfb;
  box-shadow: 0 25px 60px rgba(28, 31, 56, .12);
}
.solutions-menu-group { --menu-accent: #3d4d9b; --menu-tint: #f4f4f9; border-color: #e6e6ee; }
.solutions-menu-group.tone-indigo { --menu-accent: #4053a6; --menu-tint: #f3f4fb; }
.solutions-menu-group.tone-violet { --menu-accent: #685a9e; --menu-tint: #f6f3f9; }
.solutions-menu-group.tone-mint { --menu-accent: #505d91; --menu-tint: #f2f4f7; }
.solutions-menu-group.tone-sky { --menu-accent: #4b6b9b; --menu-tint: #f1f5f8; }
.solutions-menu-group.tone-cyan { --menu-accent: #5263a6; --menu-tint: #f3f5f9; }
.solution-link-icon { background: #fdfdfb; }
.country-toggle { height: 39px; border-color: var(--line); border-radius: 9px; background: #fdfdfb; color: var(--ink); }
.country-toggle:hover, .country-toggle[aria-expanded="true"] { border-color: #a6add3; background: #f2f2f8; }
.country-options { border-color: var(--line); background: #fdfdfb; box-shadow: 0 18px 44px rgba(28, 31, 56, .13); }
.country-option:hover, .country-option[aria-current="page"] { background: #eeeef7; color: var(--brand-deep); }

/* Shared typography, buttons and cards. */
.eyebrow { color: var(--brand-deep); font-size: .7rem; font-weight: 750; letter-spacing: .13em; }
.eyebrow-pill { border-color: #e2e2f0; padding: 9px 15px; background: #f4f3fa; }
.hero-lead { color: #555b6b; line-height: 1.65; }
.button { min-height: 51px; border-radius: 10px; box-shadow: none; font-size: .89rem; font-weight: 670; transition: background .18s, border-color .18s, color .18s; }
.button:hover { transform: none; }
.button-primary { background: #303b77; color: #fff; box-shadow: none; }
.button-primary:hover { background: #252f64; }
.button-outline { border-color: #d8d9e4; background: #fdfdfb; color: var(--ink); }
.button-outline:hover { border-color: #aab1d2; background: #f4f4f8; }
.text-link { color: var(--brand-deep); }
.section { padding-block: 104px; }
.section-soft { background: #f4f3f5; }
.section-heading { max-width: 780px; margin-bottom: 40px; }
.section-heading p:last-child { color: var(--muted); line-height: 1.68; }
.pillar, .topic-card, .journey, .contact-panel, .feature-card, .price-card, .contact-form {
  border-color: var(--line);
  border-radius: 16px;
  background: #fdfdfb;
  box-shadow: none;
}
.topic-card:hover, .country-card:hover { transform: translateY(-2px); border-color: #adb5d6; box-shadow: 0 14px 30px rgba(35, 39, 71, .06); }
.pillar-number, .journey li > span, .step-number { border-radius: 9px; background: #eeeef7; color: #45529b; }
.card-eyebrow, .country-card > span { color: var(--brand-deep); font-size: .68rem; font-weight: 760; }
.card-arrow, .price-badge { color: var(--brand-deep); }
.journey li + li { border-color: var(--line); }
.integration-board, .process-visual, .stock-flow, .dashboard-board {
  border-color: #e1e2ec;
  border-radius: 18px;
  background: #fdfdfb;
  box-shadow: 0 18px 42px rgba(35, 39, 71, .06);
}
.brand-tags span { border-color: #e4e4ee; background: #f7f7fa; }
.board-arrow { color: #5e68a5; }
.board-core, .stock-flow-result { background: #333d73; }
.board-core small, .stock-flow-result span { color: #d6dcff; }

/* Country homepages use the same spacious dashboard composition as Global. */
.home-hero { border-bottom: 1px solid var(--line); background: radial-gradient(ellipse 65% 30% at 50% 94%, rgba(116, 114, 171, .10), transparent 75%), #fafaf8; }
.home-hero-grid { display: block; width: min(1360px, calc(100% - 64px)); min-height: 0; max-width: none; padding-block: 92px 100px; text-align: center; }
.home-hero-copy { max-width: 1080px; margin-inline: auto; }
.home-hero-copy h1 { max-width: 1080px; margin: 27px auto 24px; color: #171b2b; font-size: clamp(2.7rem, 5vw, 4.3rem); font-weight: 720; letter-spacing: -.048em; line-height: 1.055; text-wrap: balance; }
.home-hero-copy h1 span { color: #626588; font-size: inherit; }
.home-hero-copy .hero-lead { max-width: 760px; margin: 0 auto; font-size: clamp(1.02rem, 1.5vw, 1.2rem); }
.home-hero-copy .actions { justify-content: center; gap: 14px; margin-top: 30px; }
.hero-footnote { margin-top: 27px; color: #797b88; font-size: .78rem; font-weight: 560; }
.hero-image { position: relative; width: 100%; max-width: 1320px; margin: 68px auto 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.hero-image picture { display: block; }
.hero-image img { width: 100%; height: auto; }
.capability-strip { border-color: var(--line); background: #f6f5f5; }
.capability-strip .shell { justify-content: center; gap: 12px 30px; padding-block: 20px; color: #727584; font-size: .71rem; font-weight: 620; }

/* Product flows keep their information and gain quieter blue/violet detail. */
.home-stock { background: #fafaf8; }
.home-dashboard, .home-accounting { background: #f4f3f5; }
.benefit-list li::before { background: #e8e9f5; color: #45529b; }
.stock-flow { background: #f6f6fa; }
.stock-flow .board-label { color: #4a559d; }
.stock-flow-row { border-color: #e7e6ee; border-radius: 11px; background: #fdfdfb; }
.stock-flow-icon { border-radius: 9px; background: #ebebf7; color: #465398; }
.dashboard-board { color: var(--ink); }
.dashboard-board-head span { color: #686f8d; }
.dashboard-preview-kpis span { border-color: #e6e6ef; border-radius: 10px; background: #f7f7fa; color: var(--ink); }
.dashboard-preview-kpis span::after, .dashboard-preview-kpis span:nth-child(n)::after { background: #7778b6; }
.dashboard-preview-details span { border-color: #e6e6ef; background: #f8f8fa; color: #5b6176; }
.dashboard-board p { color: var(--muted); }

/* Solution pages retain their module-specific accents, now in a restrained range. */
.page-hero, .solution-page .page-hero { border-bottom: 1px solid var(--line); background: radial-gradient(circle at 87% 8%, rgba(115, 116, 175, .09), transparent 37%), #fafaf8; }
.page-hero { padding-bottom: 92px; }
.breadcrumbs { color: var(--muted); }
.page-hero h1 { font-size: clamp(2.65rem, 4.65vw, 4.65rem); font-weight: 710; letter-spacing: -.048em; }
.solution-page { --page-accent: #4b5ba9; --page-ink: #39488f; --page-soft: #f3f4fa; --page-glow: #e1e4f0; }
.solution-page.theme-violet { --page-accent: #776ba6; --page-ink: #63588f; --page-soft: #f6f3f9; --page-glow: #e8e2ef; }
.solution-page.theme-mint { --page-accent: #65749f; --page-ink: #515f88; --page-soft: #f3f5f8; --page-glow: #e2e7ed; }
.solution-page.theme-sky { --page-accent: #5c78a1; --page-ink: #49668d; --page-soft: #f2f5f8; --page-glow: #e0e8ef; }
.solution-page .process-visual { border-color: var(--line); }
.solution-page .process-visual::before { height: 3px; background: linear-gradient(90deg, var(--page-accent), #9d9ac1); }
.process-visual li, .solution-page .process-visual li:nth-child(odd) { border-color: #e8e8ef; background: #f8f8fa; }
.flow-index, .solution-page .flow-index { background: var(--page-soft, #eeeef7); color: var(--page-ink, #45529b); }
.visual-result, .ai-process-visual .visual-result { background: #f1f0f8; color: #4e5184; }
.result-check, .ai-process-visual .result-check { background: #e4e2f4; }
.solution-page .feature-card { border-color: var(--line); }
.solution-page .feature-card:nth-child(4n+1) { background: linear-gradient(145deg, var(--page-soft), #fdfdfb 65%); }
.solution-page .feature-card:nth-child(4n+2) { background: linear-gradient(145deg, #f3f5f9, #fdfdfb 65%); }
.solution-page .feature-card:nth-child(4n+3) { background: linear-gradient(145deg, #f5f4f8, #fdfdfb 65%); }
.solution-page .feature-card:nth-child(4n+4) { background: linear-gradient(145deg, #f4f2f9, #fdfdfb 65%); }
.solution-page .feature-dot, .solution-page .feature-card:nth-child(n) .feature-dot { border-color: #e5e6f1; background: var(--page-accent); }
.ai-sparkles { color: #70659f; }
.ai-role-note { border-color: #e4dfee; background: #f6f3f9; box-shadow: none; }
.ai-role-note p, .ai-role-note strong { color: #514a77; }
.ai-process-visual { border-color: #e4dfee; background: #fdfdfb; }
.ai-process-visual .visual-label { color: #62588f; }
.code-panel { border: 1px solid #3e466a; background: #252d4b; box-shadow: none; }
.code-panel > span { color: #bdc5ec; }
.code-panel p { color: #cbd0e7; }
.steps { border-color: #d7daea; }
.steps .step-number, .solution-page .steps .step-number { background: #455394; color: #fff; }

/* Pricing, contact and footer follow the calmer surfaces. */
#precios { background: #f4f3f5; }
.price-card.featured { border-color: #aeb5d7; box-shadow: 0 12px 32px rgba(35, 39, 71, .06); }
.price-switch label:has(input:checked) { background: #eeeef7; color: var(--brand-deep); }
.plan-comparison { background: #fafaf8; }
.comparison-scroll { border-color: var(--line); border-radius: 16px; }
.comparison-table th, .comparison-table td { border-bottom-color: #ecebf0; }
.comparison-table thead th, .comparison-table tbody .comparison-group th, .comparison-table tbody .comparison-group td { background: #f3f2f6; }
.comparison-table thead .comparison-featured, .comparison-table tbody td:nth-child(3) { background: #f7f6fb; color: var(--ink); }
.comparison-table tbody .comparison-group th, .comparison-table tbody .comparison-group td { border-top-color: var(--line); }
.comparison-check { color: #465398; }
.faq-list, .faq-list details { border-color: #d9d8e1; }
.contact-section { background: #fafaf8; }
.contact-form input:not([type=hidden]), .contact-form textarea { border-color: #d9d9e3; background: #fdfdfb; }
.final-cta { background: #303b77; }
.final-cta h2, .final-cta .eyebrow { color: #fff; }
.final-cta p { color: #e3e6f7; }
.final-cta .button-white { background: #fdfdfb; color: #303b77; }
.final-cta .button-outline-light { border-color: #aab0d3; color: #fff; }
.site-footer { border-top: 1px solid var(--line); background: #f2f1f2; color: var(--ink); }
.footer-brand img { padding: 0; background: transparent; }
.footer-brand p, .footer-links a { color: #646979; }
.footer-brand a:last-child { color: var(--brand-deep); }
.footer-links h3 { color: var(--ink); }
.footer-links a:hover, .footer-bottom a:hover { color: var(--brand-deep); }
.footer-bottom { border-top-color: #dedde4; color: #797b88; }

@media (max-width: 1100px) {
  html { scroll-padding-top: 84px; }
  body { padding-top: 68px; }
  .site-header { height: 68px; }
  .main-nav { top: 68px; max-height: calc(100dvh - 68px); border-color: var(--line); background: #fafaf8; }
  .solutions-menu { max-height: none; }
  .menu-toggle { margin-left: 0; }
}
@media (max-width: 900px) {
  .home-hero-grid { padding-block: 78px 86px; }
  .hero-image { max-width: 760px; margin-top: 60px; }
  .section { padding-block: 84px; }
  .page-hero { padding-bottom: 75px; }
}
@media (max-width: 650px) {
  html { scroll-padding-top: 80px; }
  .shell { width: min(100% - 36px, 1192px); }
  .brand img { width: 155px; }
  .home-hero-grid { padding-block: 66px 73px; }
  .home-hero-copy h1 { margin-block: 25px 22px; font-size: clamp(2.2rem, 8.7vw, 3.1rem); line-height: 1.065; }
  .home-hero-copy h1 br { display: none; }
  .home-hero-copy .hero-lead { font-size: 1rem; line-height: 1.64; }
  .home-hero-copy .actions { gap: 10px; margin-top: 27px; }
  .hero-footnote { margin-top: 22px; }
  .hero-image { margin-top: 46px; border-radius: 0; box-shadow: none; }
  .capability-strip .shell { justify-content: flex-start; gap: 7px 16px; font-size: .7rem; }
  .section { padding-block: 70px; }
  h2 { font-size: clamp(2.2rem, 9.7vw, 3rem); }
  .pillar p { min-height: 0; }
  .dashboard-board { padding: 20px; }
  .page-hero { padding-bottom: 62px; }
  .comparison-scroll { margin-inline: -18px; border-radius: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .button, .country-card, .topic-card { transition: none; }
}