{"id":5941,"date":"2025-11-17T13:35:42","date_gmt":"2025-11-17T18:35:42","guid":{"rendered":"https:\/\/inversionesguru.com\/co\/?page_id=5941"},"modified":"2026-06-29T16:50:18","modified_gmt":"2026-06-29T21:50:18","slug":"inicio-colombia","status":"publish","type":"page","link":"https:\/\/inversionesguru.com\/co\/","title":{"rendered":"Inicio Colombia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5941\" class=\"elementor elementor-5941\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b8eff1 e-con-full e-flex e-con e-parent\" data-id=\"8b8eff1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0f1350 elementor-widget elementor-widget-html\" data-id=\"e0f1350\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  #ig-home-landing {\n    --ig-ink: #17332f;\n    --ig-ink-2: #24443e;\n    --ig-muted: #5b6f68;\n    --ig-muted-2: #789088;\n    --ig-bg-a: #effbf6;\n    --ig-bg-b: #fff3ec;\n    --ig-panel: #ffffff;\n    --ig-panel-soft: rgba(255, 255, 255, 0.78);\n    --ig-line: rgba(23, 51, 47, 0.13);\n    --ig-line-strong: rgba(23, 51, 47, 0.24);\n    --ig-accent: #0f9f7a;\n    --ig-accent-dark: #08755d;\n    --ig-coral: #ef6a4a;\n    --ig-coral-dark: #c84f34;\n    --ig-gold: #b97809;\n    --ig-green-soft: #dff8ed;\n    --ig-coral-soft: #ffe2d7;\n    --ig-shadow: 0 24px 54px rgba(23, 51, 47, 0.12);\n    --ig-shadow-soft: 0 14px 34px rgba(23, 51, 47, 0.08);\n    --ig-shadow-lg: 0 40px 90px rgba(14, 36, 32, 0.2);\n    --ig-radius: 8px;\n    --ig-radius-lg: 18px;\n    --ig-phone-w: 332px;\n    display: block;\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    color: var(--ig-ink);\n    background: var(--ig-bg-a);\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    line-height: 1.5;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n  }\n\n  #ig-home-landing *,\n  #ig-home-landing *::before,\n  #ig-home-landing *::after {\n    box-sizing: border-box;\n  }\n\n  #ig-home-landing :where(h1, h2, h3, p, ul, li, figure, blockquote) {\n    margin: 0;\n    padding: 0;\n  }\n\n  #ig-home-landing a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  #ig-home-landing button,\n  #ig-home-landing input,\n  #ig-home-landing a {\n    -webkit-tap-highlight-color: transparent;\n    font: inherit;\n  }\n\n  #ig-home-landing .ig-wrap {\n    width: min(1180px, calc(100% - 32px));\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  #ig-home-landing :where(.ig-hero-copy, .ig-hero-device, .ig-hero-lab, .ig-screen-body, .ig-global-search, .ig-market-card, .ig-market-tile, .ig-route-panel, .ig-route-row, .ig-card, .ig-tool-card, .ig-post-card, .ig-route-card, .ig-category-item, .ig-quick-sim, .ig-cta-band) {\n    min-width: 0;\n  }\n\n  #ig-home-landing :where(h1, h2, h3, p, a, strong, span) {\n    overflow-wrap: break-word;\n  }\n\n  #ig-home-landing .ig-sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  #ig-home-landing [hidden] {\n    display: none !important;\n  }\n\n  \/* Section backgrounds --------------------------------------------------- *\/\n  #ig-home-landing .ig-bg-mint {\n    background:\n      linear-gradient(90deg, rgba(15, 159, 122, 0.07) 1px, transparent 1px),\n      linear-gradient(180deg, rgba(23, 51, 47, 0.05) 1px, transparent 1px),\n      var(--ig-bg-a);\n    background-size: 56px 56px, 56px 56px, auto;\n  }\n\n  #ig-home-landing .ig-bg-peach {\n    background:\n      linear-gradient(90deg, rgba(239, 106, 74, 0.06) 1px, transparent 1px),\n      linear-gradient(180deg, rgba(23, 51, 47, 0.05) 1px, transparent 1px),\n      var(--ig-bg-b);\n    background-size: 56px 56px, 56px 56px, auto;\n  }\n\n  #ig-home-landing .ig-section {\n    position: relative;\n    padding: 84px 0;\n  }\n\n  \/* Ambient orbs (parallax) ----------------------------------------------- *\/\n  #ig-home-landing .ig-bg {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    overflow: hidden;\n    pointer-events: none;\n  }\n\n  #ig-home-landing .ig-orb {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(48px);\n    opacity: 0.6;\n    transform: translate3d(0, var(--oy, 0px), 0);\n    will-change: transform;\n  }\n\n  #ig-home-landing .ig-orb.is-a {\n    top: -110px;\n    right: -70px;\n    width: 480px;\n    height: 480px;\n    background: radial-gradient(circle at 32% 30%, rgba(15, 159, 122, 0.34), transparent 68%);\n  }\n\n  #ig-home-landing .ig-orb.is-b {\n    bottom: -140px;\n    left: -120px;\n    width: 560px;\n    height: 560px;\n    background: radial-gradient(circle at 60% 40%, rgba(239, 106, 74, 0.24), transparent 66%);\n  }\n\n  #ig-home-landing .ig-orb.is-c {\n    top: 32%;\n    left: 46%;\n    width: 380px;\n    height: 380px;\n    background: radial-gradient(circle at 50% 50%, rgba(185, 120, 9, 0.16), transparent 70%);\n  }\n\n  \/* Headings & section heads --------------------------------------------- *\/\n  #ig-home-landing .ig-section-head {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 24px;\n    align-items: end;\n    margin-bottom: 34px;\n  }\n\n  #ig-home-landing .ig-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    width: fit-content;\n    min-height: 32px;\n    padding: 6px 11px;\n    border: 1px solid rgba(15, 159, 122, 0.24);\n    border-radius: var(--ig-radius);\n    background: rgba(255, 255, 255, 0.7);\n    color: var(--ig-accent-dark);\n    font-size: 12px;\n    font-weight: 850;\n    letter-spacing: 0;\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n  }\n\n  #ig-home-landing .ig-icon {\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    stroke-width: 2.2;\n  }\n\n  #ig-home-landing .ig-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--ig-coral-dark);\n    font-size: 13px;\n    font-weight: 850;\n  }\n\n  #ig-home-landing .ig-section-title {\n    max-width: 760px;\n    margin-top: 14px;\n    color: var(--ig-ink);\n    font-size: clamp(30px, 4vw, 42px);\n    line-height: 1.1;\n    font-weight: 930;\n    letter-spacing: -0.01em;\n  }\n\n  #ig-home-landing .ig-section-copy {\n    max-width: 690px;\n    margin-top: 14px;\n    color: var(--ig-muted);\n    font-size: 16px;\n    line-height: 1.72;\n  }\n\n  #ig-home-landing .ig-view-link,\n  #ig-home-landing .ig-card-link,\n  #ig-home-landing .ig-post-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--ig-accent-dark);\n    font-size: 14px;\n    font-weight: 850;\n  }\n\n  #ig-home-landing .ig-view-link .ig-icon,\n  #ig-home-landing .ig-card-link .ig-icon {\n    transition: transform 180ms ease;\n  }\n\n  #ig-home-landing .ig-view-link:hover .ig-icon,\n  #ig-home-landing .ig-card:hover .ig-card-link .ig-icon,\n  #ig-home-landing .ig-route-card:hover .ig-card-link .ig-icon {\n    transform: translateX(3px);\n  }\n\n  \/* Hero ------------------------------------------------------------------ *\/\n  #ig-home-landing .ig-hero {\n    padding: 88px 0 70px;\n    overflow: hidden;\n  }\n\n  #ig-home-landing .ig-hero-grid {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: minmax(0, 1.04fr) minmax(420px, 0.82fr);\n    gap: 40px;\n    align-items: center;\n  }\n\n  #ig-home-landing .ig-hero-copy {\n    position: relative;\n    z-index: 2;\n  }\n\n  #ig-home-landing .ig-hero h1 {\n    max-width: 720px;\n    margin-top: 18px;\n    color: var(--ig-ink);\n    font-size: clamp(40px, 5.4vw, 66px);\n    line-height: 1.02;\n    font-weight: 930;\n    letter-spacing: -0.02em;\n  }\n\n  #ig-home-landing .ig-hero h1 span {\n    color: var(--ig-coral-dark);\n  }\n\n  #ig-home-landing .ig-hero-text {\n    max-width: 620px;\n    margin-top: 22px;\n    color: var(--ig-muted);\n    font-size: clamp(16px, 1.6vw, 19px);\n    line-height: 1.72;\n  }\n\n  \/* Global search --------------------------------------------------------- *\/\n  #ig-home-landing .ig-global-search {\n    position: relative;\n    z-index: 8;\n    width: min(100%, 780px);\n    margin-top: 26px;\n  }\n\n  #ig-home-landing .ig-search-form {\n    position: relative;\n    width: 100%;\n  }\n\n  #ig-home-landing .ig-search-input-wrap {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    align-items: center;\n    min-height: 62px;\n    border: 1px solid rgba(15, 159, 122, 0.26);\n    border-radius: var(--ig-radius);\n    background: rgba(255, 255, 255, 0.92);\n    box-shadow: var(--ig-shadow-soft);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease, transform 180ms ease;\n  }\n\n  #ig-home-landing .ig-search-input-wrap:focus-within,\n  #ig-home-landing .ig-global-search.is-open .ig-search-input-wrap {\n    border-color: rgba(15, 159, 122, 0.52);\n    background: #ffffff;\n    box-shadow: 0 18px 40px rgba(23, 51, 47, 0.16);\n  }\n\n  #ig-home-landing .ig-search-input-wrap > .ig-icon {\n    width: 20px;\n    height: 20px;\n    margin-left: 18px;\n    color: var(--ig-accent-dark);\n  }\n\n  #ig-home-landing .ig-search-input {\n    width: 100%;\n    min-width: 0;\n    height: 60px;\n    padding: 0 12px;\n    border: 0;\n    outline: 0;\n    background: transparent;\n    color: var(--ig-ink);\n    font-size: 16px;\n    font-weight: 800;\n  }\n\n  #ig-home-landing .ig-search-input::placeholder {\n    color: var(--ig-muted);\n    font-weight: 700;\n  }\n\n  #ig-home-landing .ig-search-input:focus-visible {\n    outline: 0;\n  }\n\n  #ig-home-landing .ig-search-clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    margin-right: 8px;\n    border: 0;\n    border-radius: var(--ig-radius);\n    background: var(--ig-coral-soft);\n    color: var(--ig-coral-dark);\n    cursor: pointer;\n    transition: transform 180ms ease, background-color 180ms ease;\n  }\n\n  #ig-home-landing .ig-search-clear:hover {\n    transform: translateY(-1px);\n    background: rgba(239, 106, 74, 0.22);\n  }\n\n  #ig-home-landing .ig-search-clear:focus-visible,\n  #ig-home-landing .ig-search-chip:focus-visible,\n  #ig-home-landing .ig-search-card:focus-visible,\n  #ig-home-landing .ig-search-all:focus-visible,\n  #ig-home-landing .ig-journey-link:focus-visible,\n  #ig-home-landing .ig-btn:focus-visible,\n  #ig-home-landing .ig-card:focus-visible,\n  #ig-home-landing .ig-tool-card:focus-visible,\n  #ig-home-landing .ig-post-card:focus-visible,\n  #ig-home-landing .ig-route-card:focus-visible,\n  #ig-home-landing .ig-category-item:focus-visible {\n    outline: 3px solid rgba(15, 159, 122, 0.34);\n    outline-offset: 3px;\n  }\n\n  #ig-home-landing .ig-search-panel {\n    position: relative;\n    z-index: 10;\n    display: grid;\n    gap: 10px;\n    max-height: min(430px, calc(100vh - 220px));\n    margin-top: 10px;\n    padding: 12px;\n    overflow: auto;\n    border: 1px solid var(--ig-line);\n    border-radius: var(--ig-radius);\n    background: rgba(255, 255, 255, 0.97);\n    box-shadow: 0 22px 48px rgba(23, 51, 47, 0.16);\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n  }\n\n  #ig-home-landing .ig-search-state {\n    color: var(--ig-muted);\n    font-size: 13px;\n    line-height: 1.5;\n    font-weight: 780;\n  }\n\n  #ig-home-landing .ig-search-state:empty {\n    display: none;\n  }\n\n  #ig-home-landing .ig-search-state.is-loading {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--ig-accent-dark);\n  }\n\n  #ig-home-landing .ig-search-state.is-loading::before {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    border-radius: 999px;\n    background: var(--ig-accent);\n    box-shadow: 0 0 0 6px rgba(15, 159, 122, 0.12);\n    animation: ig-status-pulse 1s ease-in-out infinite;\n  }\n\n  #ig-home-landing .ig-search-suggestions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  #ig-home-landing .ig-search-chip {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 38px;\n    padding: 8px 11px;\n    border: 1px solid var(--ig-line);\n    border-radius: var(--ig-radius);\n    background: var(--ig-green-soft);\n    color: var(--ig-accent-dark);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 850;\n    transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;\n  }\n\n  #ig-home-landing .ig-search-chip:hover {\n    transform: translateY(-1px);\n    border-color: rgba(15, 159, 122, 0.38);\n    background: #ffffff;\n  }\n\n  #ig-home-landing .ig-search-results {\n    display: grid;\n    gap: 8px;\n  }\n\n  #ig-home-landing .ig-search-card {\n    display: grid;\n    grid-template-columns: 72px minmax(0, 1fr);\n    gap: 12px;\n    align-items: center;\n    min-height: 96px;\n    padding: 10px;\n    border: 1px solid var(--ig-line);\n    border-radius: var(--ig-radius);\n    background: rgba(255, 255, 255, 0.88);\n    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;\n  }\n\n  #ig-home-landing .ig-search-card:hover {\n    transform: translateY(-2px);\n    border-color: var(--ig-line-strong);\n    background: #ffffff;\n    box-shadow: var(--ig-shadow-soft);\n  }\n\n  #ig-home-landing .ig-search-thumb,\n  #ig-home-landing .ig-search-fallback {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 72px;\n    height: 72px;\n    overflow: hidden;\n    border-radius: var(--ig-radius);\n    background: linear-gradient(135deg, var(--ig-green-soft), var(--ig-coral-soft));\n    color: var(--ig-ink);\n    font-size: 24px;\n    font-weight: 930;\n  }\n\n  #ig-home-landing .ig-search-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  #ig-home-landing .ig-search-body {\n    min-width: 0;\n  }\n\n  #ig-home-landing .ig-search-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  #ig-home-landing .ig-search-badge {\n    display: inline-flex;\n    align-items: center;\n    min-height: 24px;\n    padding: 4px 8px;\n    border-radius: var(--ig-radius);\n    background: var(--ig-coral-soft);\n    color: var(--ig-coral-dark);\n    font-size: 11px;\n    line-height: 1;\n    font-weight: 900;\n  }\n\n  #ig-home-landing .ig-search-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    color: var(--ig-accent-dark);\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  #ig-home-landing .ig-search-cta .ig-icon {\n    width: 15px;\n    height: 15px;\n  }\n\n  #ig-home-landing .ig-search-title {\n    display: block;\n    margin-top: 6px;\n    color: var(--ig-ink);\n    font-size: 15px;\n    line-height: 1.28;\n    font-weight: 930;\n  }\n\n  #ig-home-landing .ig-search-excerpt {\n    display: block;\n    margin-top: 4px;\n    color: var(--ig-muted);\n    font-size: 13px;\n    line-height: 1.45;\n  }\n\n  #ig-home-landing .ig-search-all {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 46px;\n    padding: 10px 14px;\n    border: 1px solid rgba(15, 159, 122, 0.28);\n    border-radius: var(--ig-radius);\n    background: var(--ig-ink);\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 900;\n  }\n\n  \/* Buttons --------------------------------------------------------------- *\/\n  #ig-home-landing .ig-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 30px;\n  }\n\n  #ig-home-landing .ig-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 52px;\n    padding: 13px 20px;\n    border: 1px solid transparent;\n    border-radius: var(--ig-radius);\n    cursor: pointer;\n    font-size: 15px;\n    font-weight: 850;\n    transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease;\n  }\n\n  #ig-home-landing .ig-btn:hover {\n    transform: translateY(-2px);\n  }\n\n  #ig-home-landing .ig-btn-primary {\n    background: var(--ig-ink);\n    color: #ffffff;\n    box-shadow: 0 16px 30px rgba(23, 51, 47, 0.22);\n  }\n\n  #ig-home-landing .ig-btn-primary:hover {\n    background: var(--ig-accent-dark);\n  }\n\n  #ig-home-landing .ig-btn-secondary {\n    background: rgba(255, 255, 255, 0.82);\n    color: var(--ig-ink);\n    border-color: var(--ig-line);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n  }\n\n  #ig-home-landing .ig-btn-secondary:hover {\n    border-color: var(--ig-line-strong);\n    box-shadow: var(--ig-shadow-soft);\n  }\n\n  \/* Trust row + journey --------------------------------------------------- *\/\n  #ig-home-landing .ig-trust-row {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 10px;\n    max-width: 740px;\n    margin-top: 26px;\n  }\n\n  #ig-home-landing .ig-trust-pill {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    min-height: 48px;\n    padding: 10px 12px;\n    border: 1px solid var(--ig-line);\n    border-radius: var(--ig-radius);\n    background: rgba(255, 255, 255, 0.7);\n    color: var(--ig-ink-2);\n    font-size: 13px;\n    font-weight: 780;\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n  }\n\n  #ig-home-landing .ig-trust-pill .ig-icon { color: var(--ig-accent-dark); }\n\n  #ig-home-landing .ig-journey {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 10px;\n    margin-top: 28px;\n    max-width: 790px;\n  }\n\n  #ig-home-landing .ig-journey-link {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 10px;\n    align-items: center;\n    min-height: 74px;\n    padding: 12px;\n    border: 1px solid var(--ig-line);\n    border-radius: var(--ig-radius);\n    background: rgba(255, 255, 255, 0.72);\n    color: var(--ig-ink);\n    transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;\n  }\n\n  #ig-home-landing .ig-journey-link:hover,\n  #ig-home-landing .ig-journey-link.is-active {\n    transform: translateY(-2px);\n    border-color: rgba(15, 159, 122, 0.38);\n    background: #ffffff;\n    box-shadow: var(--ig-shadow-soft);\n  }\n\n  #ig-home-landing .ig-journey-step {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    border-radius: var(--ig-radius);\n    background: var(--ig-green-soft);\n    color: var(--ig-accent-dark);\n    font-size: 12px;\n    font-weight: 900;\n    transition: background-color 180ms ease, color 180ms ease;\n  }\n\n  #ig-home-landing .ig-journey-link.is-active .ig-journey-step {\n    background: var(--ig-ink);\n    color: #fff;\n  }\n\n  #ig-home-landing .ig-journey-link strong {\n    display: block;\n    color: var(--ig-ink);\n    font-size: 13px;\n    line-height: 1.18;\n    font-weight: 900;\n  }\n\n  #ig-home-landing .ig-journey-link small {\n    display: block;\n    margin-top: 3px;\n    color: var(--ig-muted);\n    font-size: 12px;\n    line-height: 1.2;\n  }\n\n  \/* Hero device (phone) --------------------------------------------------- *\/\n  #ig-home-landing .ig-hero-device {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 600px;\n    perspective: 1500px;\n  }\n\n  #ig-home-landing .ig-float {\n    position: absolute;\n    z-index: 5;\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr);\n    gap: 10px;\n    align-items: center;\n    width: 200px;\n    padding: 12px 13px;\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    border-radius: 14px;\n    background: rgba(255, 255, 255, 0.62);\n    box-shadow: 0 20px 44px rgba(23, 51, 47, 0.16);\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n    transform: translate3d(var(--fx, 0px), var(--fy, 0px), 0);\n    transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);\n    will-change: transform;\n  }\n\n  #ig-home-landing .ig-float .ig-float-ic {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 38px;\n    height: 38px;\n    border-radius: 10px;\n    background: var(--ig-green-soft);\n    color: var(--ig-accent-dark);\n  }\n\n  #ig-home-landing .ig-float.is-coral .ig-float-ic {\n    background: var(--ig-coral-soft);\n    color: var(--ig-coral-dark);\n  }\n\n  #ig-home-landing .ig-float strong {\n    display: block;\n    color: var(--ig-ink);\n    font-size: 15px;\n    line-height: 1.1;\n    font-weight: 930;\n  }\n\n  #ig-home-landing .ig-float span {\n    display: block;\n    margin-top: 2px;\n    color: var(--ig-muted);\n    font-size: 11px;\n    font-weight: 800;\n  }\n\n  #ig-home-landing .ig-float.is-tl { top: 18px; left: -22px; }\n  #ig-home-landing .ig-float.is-br { bottom: 78px; right: -26px; }\n  #ig-home-landing .ig-float.is-bl { bottom: 8px; left: -8px; width: 178px; }\n\n  #ig-home-landing .ig-phone {\n    position: relative;\n    z-index: 3;\n    width: var(--ig-phone-w);\n    transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));\n    transform-style: preserve-3d;\n    transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);\n    will-change: transform;\n  }\n\n  #ig-home-landing .ig-btn-side {\n    position: absolute;\n    border-radius: 4px;\n    background: linear-gradient(180deg, #2c4d46, #102824);\n    z-index: 1;\n  }\n\n  #ig-home-landing .ig-btn-side.is-power { right: -3px; top: 156px; width: 3px; height: 66px; }\n  #ig-home-landing .ig-btn-side.is-up { left: -3px; top: 132px; width: 3px; height: 46px; }\n  #ig-home-landing .ig-btn-side.is-down { left: -3px; top: 188px; width: 3px; height: 46px; }\n\n  \/* .ig-hero-lab IS the phone shell (keeps JS aria-busy hook) *\/\n  #ig-home-landing .ig-hero-lab {\n    position: relative;\n    padding: 13px;\n    border-radius: 52px;\n    background: linear-gradient(155deg, #2c4d46 0%, #17332f 46%, #0e2420 100%);\n    box-shadow:\n      0 2px 0 rgba(255, 255, 255, 0.16) inset,\n      0 -2px 0 rgba(0, 0, 0, 0.4) inset,\n      var(--ig-shadow-lg),\n      0 16px 30px rgba(14, 36, 32, 0.3);\n    animation: ig-float-bob 7s ease-in-out infinite;\n  }\n\n  #ig-home-landing .ig-hero-lab::before {\n    content: \"\";\n    position: absolute;\n    inset: 6px;\n    border-radius: 46px;\n    background: linear-gradient(160deg, rgba(255, 255, 255, 0.14), transparent 30%);\n    pointer-events: none;\n    z-index: 6;\n  }\n\n  #ig-home-landing .ig-screen-frame {\n    position: relative;\n    border-radius: 40px;\n    overflow: hidden;\n    background: var(--ig-bg-a);\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.35);\n  }\n\n  #ig-home-landing .ig-screen-frame::after {\n    content: \"\";\n    position: absolute;\n    top: -60%;\n    left: -45%;\n    width: 60%;\n    height: 220%;\n    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.5), transparent);\n    transform: rotate(8deg);\n    opacity: 0;\n    z-index: 9;\n    pointer-events: none;\n  }\n\n  #ig-home-landing.is-lit .ig-screen-frame::after {\n    animation: ig-screen-sweep 1500ms ease 360ms 1;\n  }\n\n  #ig-home-landing .ig-island {\n    position: absolute;\n    top: 12px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 8;\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    height: 26px;\n    padding: 0 12px 0 9px;\n    border-radius: 999px;\n    background: #0e2420;\n    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset;\n  }\n\n  #ig-home-landing .ig-island i {\n    width: 7px;\n    height: 7px;\n    border-radius: 999px;\n    background: var(--ig-accent);\n    box-shadow: 0 0 0 4px rgba(15, 159, 122, 0.28);\n    animation: ig-status-pulse 1.8s ease-in-out infinite;\n  }\n\n  #ig-home-landing .ig-island span {\n    color: rgba(255, 255, 255, 0.78);\n    font-size: 10px;\n    font-weight: 850;\n    letter-spacing: 0.02em;\n  }\n\n  #ig-home-landing .ig-status {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 22px 0;\n    color: var(--ig-ink);\n    font-size: 11px;\n    font-weight: 900;\n  }\n\n  #ig-home-landing .ig-status .ig-sigs {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n  }\n\n  #ig-home-landing .ig-status .ig-sigs b {\n    width: 4px;\n    height: 9px;\n    border-radius: 1px;\n    background: var(--ig-ink);\n    opacity: 0.85;\n  }\n\n  #ig-home-landing .ig-status .ig-sigs b:nth-child(1) { height: 5px; opacity: 0.5; }\n  #ig-home-landing .ig-status .ig-sigs b:nth-child(2) { height: 7px; opacity: 0.7; }\n\n  #ig-home-landing .ig-status .ig-batt {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  #ig-home-landing .ig-status .ig-batt em {\n    position: relative;\n    width: 18px;\n    height: 9px;\n    border: 1.5px solid var(--ig-ink);\n    border-radius: 2px;\n    opacity: 0.85;\n  }\n\n  #ig-home-landing .ig-status .ig-batt em::before {\n    content: \"\";\n    position: absolute;\n    inset: 1.5px;\n    width: 70%;\n    border-radius: 1px;\n    background: var(--ig-accent);\n  }\n\n  #ig-home-landing .ig-app-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding: 14px 18px 4px;\n  }\n\n  #ig-home-landing .ig-app-brand {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 930;\n    color: var(--ig-ink);\n  }\n\n  #ig-home-landing .ig-app-brand i.ig-brand-mark {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 26px;\n    border-radius: 8px;\n    background: var(--ig-ink);\n    color: #fff;\n  }\n\n  #ig-home-landing .ig-app-brand i.ig-brand-mark .ig-icon { width: 15px; height: 15px; }\n\n  \/* market status pill inside the phone *\/\n  #ig-home-landing .ig-lab-status {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    padding: 5px 10px;\n    border-radius: 999px;\n    background: var(--ig-green-soft);\n    color: var(--ig-accent-dark);\n    font-size: 11px;\n    font-weight: 850;\n  }\n\n  #ig-home-landing .ig-status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 999px;\n    background: var(--ig-accent);\n    box-shadow: 0 0 0 5px rgba(15, 159, 122, 0.14);\n  }\n\n  #ig-home-landing .ig-lab-status.is-loading {\n    background: rgba(185, 120, 9, 0.12);\n    color: var(--ig-gold);\n  }\n\n  #ig-home-landing .ig-lab-status.is-loading .ig-status-dot {\n    background: var(--ig-gold);\n    box-shadow: 0 0 0 5px rgba(185, 120, 9, 0.13);\n    animation: ig-status-pulse 1s ease-in-out infinite;\n  }\n\n  #ig-home-landing .ig-lab-status.is-error {\n    background: var(--ig-coral-soft);\n    color: var(--ig-coral-dark);\n  }\n\n  #ig-home-landing .ig-lab-status.is-error .ig-status-dot {\n    background: var(--ig-coral);\n    box-shadow: 0 0 0 5px rgba(239, 106, 74, 0.13);\n  }\n\n  #ig-home-landing .ig-screen-body {\n    display: grid;\n    gap: 11px;\n    padding: 12px 16px 16px;\n  }\n\n  \/* Icon boxes (shared) *\/\n  #ig-home-landing .ig-icon-box,\n  #ig-home-landing .ig-card-icon,\n  #ig-home-landing .ig-route-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 42px;\n    height: 42px;\n    border-radius: 12px;\n    color: var(--ig-accent-dark);\n    background: var(--ig-green-soft);\n  }\n\n  #ig-home-landing .ig-icon-box.is-coral,\n  #ig-home-landing .ig-card-icon.is-coral,\n  #ig-home-landing .ig-route-icon.is-coral {\n    color: var(--ig-coral-dark);\n    background: var(--ig-coral-soft);\n  }\n\n  \/* Market tiles (used inside the phone) *\/\n  #ig-home-landing .ig-market-tile {\n    padding: 13px;\n    border: 1px solid var(--ig-line);\n    border-radius: 14px;\n    background: var(--ig-panel);\n    box-shadow: 0 8px 18px rgba(23, 51, 47, 0.05);\n  }\n\n  #ig-home-landing .ig-market-meta {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--ig-muted);\n    font-size: 12px;\n    font-weight: 850;\n  }\n\n  #ig-home-landing .ig-screen-body .ig-icon-box {\n    width: 32px;\n    height: 32px;\n    border-radius: 9px;\n  }\n\n  #ig-home-landing .ig-screen-body .ig-icon-box .ig-icon { width: 16px; height: 16px; }\n\n  #ig-home-landing .ig-market-value {\n    margin-top: 10px;\n    color: var(--ig-ink);\n    font-size: 30px;\n    line-height: 1.04;\n    font-weight: 930;\n    letter-spacing: -0.01em;\n  }\n\n  #ig-home-landing .ig-screen-body .ig-market-value { font-size: 23px; }\n\n  #ig-home-landing .ig-loading-value {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: fit-content;\n    min-width: 154px;\n    min-height: 34px;\n    color: transparent !important;\n    border-radius: var(--ig-radius);\n    background: linear-gradient(90deg, rgba(23, 51, 47, 0.08), rgba(15, 159, 122, 0.14), rgba(23, 51, 47, 0.08));\n    background-size: 220% 100%;\n    animation: ig-loading-shimmer 1.15s ease-in-out infinite;\n  }\n\n  #ig-home-landing .ig-screen-body .ig-loading-value { min-width: 120px; min-height: 26px; }\n\n  #ig-home-landing .ig-loading-value::after {\n    content: attr(data-loading-label);\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--ig-muted);\n    font-size: 16px;\n    line-height: 1;\n    font-weight: 900;\n    white-space: nowrap;\n  }\n\n  #ig-home-landing .ig-screen-body .ig-loading-value::after { font-size: 13px; }\n\n  #ig-home-landing .ig-market-note {\n    margin-top: 7px;\n    color: var(--ig-muted);\n    font-size: 12px;\n    line-height: 1.45;\n  }\n\n  #ig-home-landing .ig-screen-body .ig-market-note { font-size: 11px; }\n\n  \/* Trend charts *\/\n  #ig-home-landing .ig-trend {\n    position: relative;\n    height: 64px;\n    margin-top: 10px;\n  }\n\n  #ig-home-landing .ig-screen-body .ig-trend { height: 40px; }\n\n  #ig-home-landing .ig-trend svg {\n    display: block;\n    overflow: visible;\n  }\n\n  #ig-home-landing .ig-trend-loading {\n    border-radius: var(--ig-radius);\n    overflow: hidden;\n    background: linear-gradient(90deg, rgba(23, 51, 47, 0.06), rgba(15, 159, 122, 0.12), rgba(23, 51, 47, 0.06));\n    background-size: 220% 100%;\n    animation: ig-loading-shimmer 1.15s ease-in-out infinite;\n  }\n\n  #ig-home-landing .ig-trend-loading::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 10px;\n    height: 2px;\n    border-radius: 999px;\n    background: rgba(23, 51, 47, 0.1);\n  }\n\n  #ig-home-landing .ig-chart-empty {\n    display: inline-flex;\n    align-items: center;\n    height: 100%;\n    color: var(--ig-muted-2);\n    font-size: 12px;\n    font-weight: 800;\n  }\n\n  #ig-home-landing .ig-chart-line {\n    stroke-dasharray: 145;\n    stroke-dashoffset: 145;\n    animation: ig-draw-line 1100ms ease forwards;\n  }\n\n  \/* Route panel (decorative, inside phone) *\/\n  #ig-home-landing .ig-route-panel {\n    display: grid;\n    gap: 10px;\n    padding: 13px;\n    border: 1px solid var(--ig-line);\n    border-radius: 14px;\n    background: var(--ig-panel);\n  }\n\n  #ig-home-landing .ig-route-row {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: 10px;\n    min-height: 40px;\n  }\n\n  #ig-home-landing .ig-route-row strong {\n    color: var(--ig-ink);\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  #ig-home-landing .ig-route-row > div { min-width: 0; }\n\n  #ig-home-landing .ig-route-row span {\n    color: var(--ig-muted);\n    font-size: 11px;\n  }\n\n  #ig-home-landing .ig-route-bar {\n    height: 7px;\n    border-radius: 999px;\n    background: rgba(23, 51, 47, 0.08);\n    overflow: hidden;\n  }\n\n  #ig-home-landing .ig-route-bar i {\n    display: block;\n    width: var(--ig-width, 70%);\n    height: 100%;\n    border-radius: inherit;\n    background: linear-gradient(90deg, var(--ig-accent), var(--ig-coral));\n    transform: scaleX(0);\n    transform-origin: left center;\n    animation: ig-grow-x 900ms ease forwards;\n  }\n\n  \/* phone tabbar (decorative) *\/\n  #ig-home-landing .ig-screen-tabbar {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 4px;\n    margin-top: 2px;\n    padding: 9px 6px 2px;\n    border-top: 1px solid var(--ig-line);\n  }\n\n  #ig-home-landing .ig-screen-tabbar b {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 26px;\n    border-radius: 8px;\n    color: var(--ig-muted-2);\n  }\n\n  #ig-home-landing .ig-screen-tabbar b.on {\n    color: var(--ig-accent-dark);\n    background: var(--ig-green-soft);\n  }\n\n  #ig-home-landing .ig-screen-tabbar b .ig-icon { width: 16px; height: 16px; }\n\n  \/* Below-hero market panel ---------------------------------------------- *\/\n  #ig-home-landing .ig-market-panel {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin-top: 40px;\n  }\n\n  #ig-home-landing .ig-market-card,\n  #ig-home-landing .ig-card,\n  #ig-home-landing .ig-tool-card,\n  #ig-home-landing .ig-post-card,\n  #ig-home-landing .ig-category-item,\n  #ig-home-landing .ig-quick-sim,\n  #ig-home-landing .ig-cta-band {\n    border: 1px solid var(--ig-line);\n    border-radius: var(--ig-radius);\n    background: rgba(255, 255, 255, 0.86);\n    box-shadow: var(--ig-shadow-soft);\n  }\n\n  #ig-home-landing .ig-market-card {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(180px, 0.55fr);\n    gap: 18px;\n    min-height: 184px;\n    padding: 22px;\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease, background-color 200ms ease;\n  }\n\n  #ig-home-landing .ig-market-card:hover {\n    transform: translateY(-3px);\n    border-color: var(--ig-line-strong);\n    background: #fff;\n    box-shadow: var(--ig-shadow);\n  }\n\n  #ig-home-landing .ig-market-card .ig-market-value { font-size: 26px; }\n\n  \/* Comparator cards ------------------------------------------------------ *\/\n  #ig-home-landing .ig-card-grid {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  #ig-home-landing .ig-card,\n  #ig-home-landing .ig-tool-card,\n  #ig-home-landing .ig-post-card,\n  #ig-home-landing .ig-route-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-height: 270px;\n    padding: 22px;\n    overflow: hidden;\n    transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease, background-color 200ms ease;\n  }\n\n  #ig-home-landing .ig-card::after,\n  #ig-home-landing .ig-tool-card::after,\n  #ig-home-landing .ig-post-card::after,\n  #ig-home-landing .ig-route-card::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--ig-accent), var(--ig-coral));\n    opacity: 0;\n    transition: opacity 200ms ease;\n  }\n\n  #ig-home-landing .ig-card:hover,\n  #ig-home-landing .ig-tool-card:hover,\n  #ig-home-landing .ig-post-card:hover,\n  #ig-home-landing .ig-route-card:hover {\n    transform: translateY(-5px);\n    border-color: var(--ig-line-strong);\n    background: #ffffff;\n    box-shadow: var(--ig-shadow);\n  }\n\n  #ig-home-landing .ig-card:hover::after,\n  #ig-home-landing .ig-tool-card:hover::after,\n  #ig-home-landing .ig-post-card:hover::after,\n  #ig-home-landing .ig-route-card:hover::after {\n    opacity: 1;\n  }\n\n  #ig-home-landing .ig-card-top,\n  #ig-home-landing .ig-tool-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 14px;\n  }\n\n  #ig-home-landing .ig-tag {\n    display: inline-flex;\n    align-items: center;\n    min-height: 28px;\n    padding: 4px 9px;\n    border-radius: var(--ig-radius);\n    background: var(--ig-coral-soft);\n    color: var(--ig-coral-dark);\n    font-size: 12px;\n    font-weight: 850;\n    white-space: nowrap;\n  }\n\n  #ig-home-landing .ig-tag.is-green {\n    background: var(--ig-green-soft);\n    color: var(--ig-accent-dark);\n  }\n\n  #ig-home-landing .ig-card h3,\n  #ig-home-landing .ig-tool-card h3,\n  #ig-home-landing .ig-post-card h3,\n  #ig-home-landing .ig-route-card h3 {\n    margin-top: 18px;\n    color: var(--ig-ink);\n    font-size: 19px;\n    line-height: 1.28;\n    font-weight: 900;\n    letter-spacing: -0.01em;\n  }\n\n  #ig-home-landing .ig-card p,\n  #ig-home-landing .ig-tool-card p,\n  #ig-home-landing .ig-post-card p,\n  #ig-home-landing .ig-route-card p {\n    margin-top: 10px;\n    color: var(--ig-muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  #ig-home-landing .ig-card-metrics {\n    display: grid;\n    gap: 8px;\n    margin-top: 18px;\n  }\n\n  #ig-home-landing .ig-card-metric {\n    display: grid;\n    grid-template-columns: minmax(72px, auto) 1fr;\n    gap: 10px;\n    align-items: center;\n    color: var(--ig-muted);\n    font-size: 12px;\n    font-weight: 780;\n  }\n\n  #ig-home-landing .ig-card-metric i {\n    display: block;\n    height: 7px;\n    border-radius: 999px;\n    background: rgba(23, 51, 47, 0.08);\n    overflow: hidden;\n  }\n\n  #ig-home-landing .ig-card-metric i::before {\n    content: \"\";\n    display: block;\n    width: var(--ig-width, 70%);\n    height: 100%;\n    border-radius: inherit;\n    background: var(--ig-accent);\n  }\n\n  #ig-home-landing .ig-card-link {\n    margin-top: auto;\n    padding-top: 22px;\n  }\n\n  \/* Comparator redesign: scoped only to #ig-comparadores ------------------ *\/\n  #ig-home-landing #ig-comparadores {\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 13% 4%, rgba(15, 159, 122, 0.07), transparent 28%),\n      radial-gradient(circle at 86% 16%, rgba(239, 106, 74, 0.07), transparent 30%),\n      linear-gradient(90deg, rgba(23, 51, 47, 0.035) 1px, transparent 1px),\n      linear-gradient(180deg, rgba(23, 51, 47, 0.028) 1px, transparent 1px),\n      #fffdf8;\n    background-size: auto, auto, 56px 56px, 56px 56px, auto;\n  }\n\n  #ig-home-landing #ig-comparadores > .ig-wrap {\n    position: relative;\n    z-index: 1;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-section-head {\n    margin-bottom: 40px;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-eyebrow {\n    min-height: 36px;\n    padding: 7px 13px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.76);\n    box-shadow: 0 10px 26px rgba(23, 51, 47, 0.06);\n  }\n\n  #ig-home-landing #ig-comparadores .ig-section-title {\n    max-width: 780px;\n    color: #0d1b3d;\n    font-size: clamp(34px, 4.5vw, 54px);\n    line-height: 1.05;\n    letter-spacing: -0.035em;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-section-copy {\n    max-width: 760px;\n    color: #51615d;\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-view-link,\n  #ig-home-landing #ig-comparadores .ig-card-link {\n    color: #007f79;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card-grid {\n    gap: 18px;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card {\n    min-height: 414px;\n    padding: 26px;\n    border: 1px solid rgba(13, 27, 61, 0.10);\n    border-radius: 28px;\n    background: #ffffff;\n    box-shadow:\n      0 1px 0 rgba(255, 255, 255, 0.95) inset,\n      0 18px 44px rgba(13, 27, 61, 0.08);\n    isolation: isolate;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card::before {\n    display: none;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card::after {\n    display: none;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(15, 159, 122, 0.22);\n    background: #ffffff;\n    box-shadow:\n      0 1px 0 rgba(255, 255, 255, 0.95) inset,\n      0 28px 64px rgba(13, 27, 61, 0.12);\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card-top {\n    align-items: flex-start;\n    gap: 16px;\n    min-height: 118px;\n    margin-bottom: 8px;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card-visual {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 132px;\n    height: 104px;\n    flex: 0 0 auto;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card-visual::after {\n    content: \"\";\n    position: absolute;\n    left: 16%;\n    right: 16%;\n    bottom: 4px;\n    height: 16px;\n    border-radius: 999px;\n    background: rgba(13, 27, 61, 0.12);\n    filter: blur(10px);\n    transform: scaleX(0.86);\n    z-index: -1;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card-visual img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    filter: drop-shadow(0 16px 18px rgba(13, 27, 61, 0.12));\n    transition: transform 220ms ease, filter 220ms ease;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card:hover .ig-card-visual img {\n    transform: translateY(-3px) scale(1.03);\n    filter: drop-shadow(0 20px 22px rgba(13, 27, 61, 0.16));\n  }\n\n  #ig-home-landing #ig-comparadores .ig-tag {\n    min-height: 34px;\n    padding: 6px 12px;\n    border: 1px solid rgba(239, 106, 74, 0.18);\n    border-radius: 12px;\n    background: rgba(255, 226, 215, 0.72);\n    color: var(--ig-coral-dark);\n    box-shadow: 0 8px 18px rgba(239, 106, 74, 0.08);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n\n  #ig-home-landing #ig-comparadores .ig-tag.is-green {\n    border-color: rgba(15, 159, 122, 0.16);\n    background: rgba(223, 248, 237, 0.78);\n    color: var(--ig-accent-dark);\n    box-shadow: 0 8px 18px rgba(15, 159, 122, 0.08);\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card h3 {\n    margin-top: 20px;\n    color: #0d1b3d;\n    font-size: 22px;\n    line-height: 1.18;\n    letter-spacing: -0.02em;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card p {\n    margin-top: 14px;\n    color: #53635f;\n    font-size: 15px;\n    line-height: 1.72;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card-metrics {\n    display: none !important;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card-link {\n    padding-top: 28px;\n    font-size: 15px;\n  }\n\n  @media (max-width: 1080px) {\n    #ig-home-landing #ig-comparadores .ig-card {\n      min-height: 390px;\n    }\n  }\n\n  @media (max-width: 780px) {\n    #ig-home-landing #ig-comparadores .ig-section-head {\n      margin-bottom: 26px;\n    }\n\n    #ig-home-landing #ig-comparadores .ig-section-title {\n      font-size: clamp(31px, 9vw, 42px);\n    }\n\n    #ig-home-landing #ig-comparadores .ig-card {\n      min-height: auto;\n      padding: 22px;\n      border-radius: 24px;\n    }\n\n    #ig-home-landing #ig-comparadores .ig-card-top {\n      min-height: 94px;\n    }\n\n    #ig-home-landing #ig-comparadores .ig-card-visual {\n      width: 112px;\n      height: 88px;\n    }\n  }\n\n  @media (max-width: 440px) {\n    #ig-home-landing #ig-comparadores .ig-card {\n      padding: 20px;\n    }\n\n    #ig-home-landing #ig-comparadores .ig-card-top {\n      gap: 12px;\n    }\n\n    #ig-home-landing #ig-comparadores .ig-card-visual {\n      width: 102px;\n      height: 82px;\n    }\n\n    #ig-home-landing #ig-comparadores .ig-tag {\n      min-height: 30px;\n      padding: 5px 10px;\n      font-size: 11px;\n    }\n\n    #ig-home-landing #ig-comparadores .ig-card h3 {\n      font-size: 20px;\n    }\n  }\n\n  \/* Tools ----------------------------------------------------------------- *\/\n  #ig-home-landing .ig-tools-layout {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.08fr);\n    gap: 18px;\n    align-items: stretch;\n  }\n\n  #ig-home-landing .ig-quick-sim {\n    position: relative;\n    min-height: 100%;\n    padding: 26px;\n    overflow: hidden;\n    background: linear-gradient(160deg, #214039, var(--ig-ink));\n    color: #ffffff;\n    box-shadow: 0 28px 56px rgba(23, 51, 47, 0.26);\n  }\n\n  #ig-home-landing .ig-quick-sim::before {\n    content: \"\";\n    position: absolute;\n    top: -40%;\n    right: -30%;\n    width: 70%;\n    height: 90%;\n    border-radius: 999px;\n    background: radial-gradient(circle, rgba(239, 106, 74, 0.32), transparent 70%);\n    filter: blur(20px);\n    pointer-events: none;\n  }\n\n  #ig-home-landing .ig-quick-sim > * { position: relative; z-index: 1; }\n\n  #ig-home-landing .ig-quick-sim .ig-eyebrow {\n    border-color: rgba(255, 255, 255, 0.18);\n    background: rgba(255, 255, 255, 0.08);\n    color: #dff8ed;\n  }\n\n  #ig-home-landing .ig-quick-sim h2 {\n    margin-top: 18px;\n    color: #ffffff;\n    font-size: clamp(28px, 3.4vw, 36px);\n    line-height: 1.14;\n    font-weight: 930;\n    letter-spacing: -0.01em;\n  }\n\n  #ig-home-landing .ig-quick-sim p {\n    margin-top: 12px;\n    color: rgba(255, 255, 255, 0.78);\n    font-size: 15px;\n    line-height: 1.75;\n  }\n\n  #ig-home-landing .ig-sim-panel {\n    display: grid;\n    gap: 16px;\n    margin-top: 24px;\n  }\n\n  #ig-home-landing .ig-range-row {\n    display: grid;\n    gap: 8px;\n  }\n\n  #ig-home-landing .ig-range-label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    color: rgba(255, 255, 255, 0.78);\n    font-size: 13px;\n    font-weight: 780;\n  }\n\n  #ig-home-landing .ig-range-label strong {\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 900;\n  }\n\n  #ig-home-landing .ig-range {\n    width: 100%;\n    height: 8px;\n    appearance: none;\n    -webkit-appearance: none;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--ig-coral) var(--ig-progress, 50%), rgba(255, 255, 255, 0.18) var(--ig-progress, 50%));\n    outline: 0;\n  }\n\n  #ig-home-landing .ig-range::-webkit-slider-thumb {\n    width: 22px;\n    height: 22px;\n    -webkit-appearance: none;\n    appearance: none;\n    border: 3px solid #ffffff;\n    border-radius: 999px;\n    background: var(--ig-coral);\n    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);\n    cursor: pointer;\n  }\n\n  #ig-home-landing .ig-range::-moz-range-thumb {\n    width: 18px;\n    height: 18px;\n    border: 3px solid #ffffff;\n    border-radius: 999px;\n    background: var(--ig-coral);\n    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);\n    cursor: pointer;\n  }\n\n  #ig-home-landing .ig-sim-result {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 16px;\n    align-items: end;\n    min-height: 94px;\n    padding: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.14);\n    border-radius: var(--ig-radius);\n    background: rgba(255, 255, 255, 0.08);\n  }\n\n  #ig-home-landing .ig-sim-result span {\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 12px;\n    font-weight: 800;\n  }\n\n  #ig-home-landing .ig-sim-result strong {\n    display: block;\n    margin-top: 6px;\n    color: #ffffff;\n    font-size: 28px;\n    line-height: 1.08;\n    font-weight: 930;\n    letter-spacing: -0.01em;\n  }\n\n  #ig-home-landing .ig-sim-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 70px;\n    min-height: 34px;\n    padding: 5px 8px;\n    border-radius: var(--ig-radius);\n    background: rgba(15, 159, 122, 0.22);\n    color: #dff8ed;\n    font-size: 12px;\n    font-weight: 900;\n  }\n\n  #ig-home-landing .ig-quick-sim .ig-btn-primary {\n    background: #ffffff;\n    color: var(--ig-ink);\n    box-shadow: none;\n  }\n\n  #ig-home-landing .ig-quick-sim .ig-btn-primary:hover {\n    background: var(--ig-green-soft);\n  }\n\n  #ig-home-landing .ig-tool-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  #ig-home-landing .ig-tool-card {\n    min-height: 204px;\n  }\n\n  \/* Content \/ news -------------------------------------------------------- *\/\n  #ig-home-landing .ig-content-layout {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.18fr);\n    gap: 18px;\n    align-items: start;\n  }\n\n  #ig-home-landing .ig-category-list {\n    display: grid;\n    gap: 12px;\n  }\n\n  #ig-home-landing .ig-category-item {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    gap: 12px;\n    align-items: center;\n    min-height: 82px;\n    padding: 16px;\n    transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease, background-color 200ms ease;\n  }\n\n  #ig-home-landing .ig-category-item:hover {\n    transform: translateY(-2px);\n    border-color: var(--ig-line-strong);\n    background: #ffffff;\n    box-shadow: var(--ig-shadow-soft);\n  }\n\n  #ig-home-landing .ig-category-item strong {\n    display: block;\n    color: var(--ig-ink);\n    font-size: 15px;\n    line-height: 1.2;\n    font-weight: 900;\n  }\n\n  #ig-home-landing .ig-category-item span span {\n    display: block;\n    margin-top: 4px;\n    color: var(--ig-muted);\n    font-size: 13px;\n    line-height: 1.38;\n  }\n\n  #ig-home-landing .ig-post-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  #ig-home-landing .ig-post-card {\n    min-height: 282px;\n  }\n\n  #ig-home-landing .ig-post-meta {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    width: fit-content;\n    min-height: 30px;\n    padding: 5px 9px;\n    border-radius: var(--ig-radius);\n    background: var(--ig-green-soft);\n    color: var(--ig-accent-dark);\n    font-size: 12px;\n    font-weight: 850;\n  }\n\n  #ig-home-landing .ig-post-card h3 {\n    font-size: 18px;\n  }\n\n  #ig-home-landing .ig-post-link {\n    margin-top: auto;\n    padding-top: 22px;\n  }\n\n  \/* Decision \/ routes ----------------------------------------------------- *\/\n  #ig-home-landing .ig-route-grid {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  #ig-home-landing .ig-route-card {\n    min-height: 238px;\n    border: 1px solid var(--ig-line);\n    border-radius: var(--ig-radius);\n    background: rgba(255, 255, 255, 0.86);\n    box-shadow: var(--ig-shadow-soft);\n  }\n\n  #ig-home-landing .ig-cta-band {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 24px;\n    align-items: center;\n    margin-top: 18px;\n    padding: 36px;\n    overflow: hidden;\n    background:\n      linear-gradient(135deg, rgba(239, 106, 74, 0.18), transparent 46%),\n      var(--ig-ink);\n    color: #ffffff;\n    box-shadow: 0 26px 56px rgba(23, 51, 47, 0.24);\n  }\n\n  #ig-home-landing .ig-cta-band::before {\n    content: \"\";\n    position: absolute;\n    bottom: -50%;\n    left: -10%;\n    width: 50%;\n    height: 120%;\n    border-radius: 999px;\n    background: radial-gradient(circle, rgba(15, 159, 122, 0.3), transparent 70%);\n    filter: blur(20px);\n    pointer-events: none;\n  }\n\n  #ig-home-landing .ig-cta-band > * { position: relative; z-index: 1; }\n\n  #ig-home-landing .ig-cta-band h2 {\n    color: #ffffff;\n    font-size: clamp(24px, 3vw, 33px);\n    line-height: 1.16;\n    font-weight: 930;\n    letter-spacing: -0.01em;\n  }\n\n  #ig-home-landing .ig-cta-band p {\n    max-width: 700px;\n    margin-top: 10px;\n    color: rgba(255, 255, 255, 0.76);\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  #ig-home-landing .ig-cta-band .ig-btn-primary {\n    background: #ffffff;\n    color: var(--ig-ink);\n    box-shadow: none;\n  }\n\n  #ig-home-landing .ig-cta-band .ig-btn-primary:hover {\n    background: var(--ig-green-soft);\n  }\n\n  #ig-home-landing .ig-cta-band .ig-btn-secondary {\n    background: rgba(255, 255, 255, 0.08);\n    color: #ffffff;\n    border-color: rgba(255, 255, 255, 0.2);\n  }\n\n  #ig-home-landing .ig-cta-band .ig-btn-secondary:hover {\n    border-color: rgba(255, 255, 255, 0.5);\n  }\n\n  \/* Reveal ---------------------------------------------------------------- *\/\n  #ig-home-landing .ig-reveal {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 700ms ease, transform 700ms cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  #ig-home-landing .ig-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* Keyframes ------------------------------------------------------------- *\/\n  @keyframes ig-draw-line { to { stroke-dashoffset: 0; } }\n  @keyframes ig-grow-x { to { transform: scaleX(1); } }\n  @keyframes ig-loading-shimmer {\n    0% { background-position: 120% 0; }\n    100% { background-position: -120% 0; }\n  }\n  @keyframes ig-status-pulse {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.55; }\n  }\n  @keyframes ig-float-bob {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-12px); }\n  }\n  @keyframes ig-screen-sweep {\n    0% { opacity: 0; transform: rotate(8deg) translateX(0); }\n    18% { opacity: 0.9; }\n    100% { opacity: 0; transform: rotate(8deg) translateX(380%); }\n  }\n\n  \/* Reduced motion -------------------------------------------------------- *\/\n  @media (prefers-reduced-motion: reduce) {\n    #ig-home-landing *,\n    #ig-home-landing *::before,\n    #ig-home-landing *::after {\n      animation-duration: 1ms !important;\n      animation-iteration-count: 1 !important;\n      scroll-behavior: auto !important;\n      transition-duration: 1ms !important;\n    }\n    #ig-home-landing .ig-reveal { opacity: 1; transform: none; }\n    #ig-home-landing .ig-route-bar i { transform: scaleX(1); }\n    #ig-home-landing .ig-phone { transform: none !important; }\n    #ig-home-landing .ig-hero-lab { animation: none; }\n  }\n\n  \/* Responsive ------------------------------------------------------------ *\/\n  @media (max-width: 1080px) {\n    #ig-home-landing .ig-hero-grid,\n    #ig-home-landing .ig-tools-layout,\n    #ig-home-landing .ig-content-layout {\n      grid-template-columns: 1fr;\n    }\n\n    #ig-home-landing .ig-hero {\n      padding-top: 64px;\n    }\n\n    #ig-home-landing .ig-hero-device {\n      min-height: 0;\n      margin-top: 8px;\n      --ig-phone-w: 300px;\n    }\n\n    #ig-home-landing .ig-phone { transform: none !important; }\n\n    #ig-home-landing .ig-float.is-tl { top: 6px; left: 0; }\n    #ig-home-landing .ig-float.is-br { bottom: 60px; right: 0; }\n    #ig-home-landing .ig-float.is-bl { display: none; }\n\n    #ig-home-landing .ig-global-search {\n      width: min(100%, 760px);\n    }\n\n    #ig-home-landing .ig-card-grid,\n    #ig-home-landing .ig-post-grid,\n    #ig-home-landing .ig-route-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 780px) {\n    #ig-home-landing .ig-wrap {\n      width: min(100% - 24px, 1180px);\n    }\n\n    #ig-home-landing .ig-section {\n      padding: 60px 0;\n    }\n\n    #ig-home-landing .ig-hero {\n      padding-top: 52px;\n    }\n\n    #ig-home-landing .ig-section-head {\n      grid-template-columns: 1fr;\n      align-items: start;\n      gap: 14px;\n    }\n\n    #ig-home-landing .ig-actions,\n    #ig-home-landing .ig-cta-band .ig-actions {\n      display: grid;\n      grid-template-columns: 1fr;\n      width: 100%;\n    }\n\n    #ig-home-landing .ig-btn {\n      width: 100%;\n      min-height: 52px;\n    }\n\n    #ig-home-landing .ig-global-search {\n      width: 100%;\n      margin-top: 20px;\n    }\n\n    #ig-home-landing .ig-search-input-wrap { min-height: 58px; }\n    #ig-home-landing .ig-search-input { height: 56px; font-size: 16px; }\n    #ig-home-landing .ig-search-panel { max-height: 66vh; padding: 10px; }\n    #ig-home-landing .ig-search-chip { min-height: 44px; }\n    #ig-home-landing .ig-search-card { grid-template-columns: 60px minmax(0, 1fr); min-height: 88px; gap: 10px; }\n    #ig-home-landing .ig-search-thumb,\n    #ig-home-landing .ig-search-fallback { width: 60px; height: 60px; font-size: 21px; }\n    #ig-home-landing .ig-search-all { min-height: 48px; }\n\n    #ig-home-landing .ig-trust-row,\n    #ig-home-landing .ig-journey,\n    #ig-home-landing .ig-market-panel,\n    #ig-home-landing .ig-market-card,\n    #ig-home-landing .ig-card-grid,\n    #ig-home-landing .ig-tool-grid,\n    #ig-home-landing .ig-post-grid,\n    #ig-home-landing .ig-route-grid,\n    #ig-home-landing .ig-cta-band {\n      grid-template-columns: 1fr;\n    }\n\n    #ig-home-landing .ig-card,\n    #ig-home-landing .ig-tool-card,\n    #ig-home-landing .ig-post-card,\n    #ig-home-landing .ig-route-card,\n    #ig-home-landing .ig-market-card {\n      min-height: auto;\n    }\n\n    #ig-home-landing .ig-hero-device { --ig-phone-w: 270px; }\n    #ig-home-landing .ig-route-panel { display: none; }\n    #ig-home-landing .ig-float { display: none; }\n\n    #ig-home-landing .ig-sim-result {\n      grid-template-columns: 1fr;\n      align-items: start;\n    }\n\n    #ig-home-landing .ig-cta-band { padding: 26px; }\n  }\n\n  @media (max-width: 440px) {\n    #ig-home-landing .ig-wrap { width: min(100% - 20px, 1180px); }\n    #ig-home-landing .ig-market-value { font-size: 26px; }\n    #ig-home-landing .ig-screen-body .ig-market-value { font-size: 21px; }\n    #ig-home-landing .ig-loading-value { min-width: 136px; min-height: 32px; }\n    #ig-home-landing .ig-loading-value::after { font-size: 14px; }\n    #ig-home-landing .ig-search-input-wrap > .ig-icon { margin-left: 14px; }\n    #ig-home-landing .ig-search-input { padding: 0 8px; }\n    #ig-home-landing .ig-search-clear { width: 42px; height: 42px; margin-right: 6px; }\n    #ig-home-landing .ig-search-card { grid-template-columns: 54px minmax(0, 1fr); padding: 9px; }\n    #ig-home-landing .ig-search-thumb,\n    #ig-home-landing .ig-search-fallback { width: 54px; height: 54px; font-size: 19px; }\n    #ig-home-landing .ig-search-title { font-size: 14px; }\n    #ig-home-landing .ig-search-excerpt { font-size: 12px; }\n    #ig-home-landing .ig-actions { flex-direction: column; }\n    #ig-home-landing .ig-hero-device { --ig-phone-w: 244px; }\n    #ig-home-landing .ig-quick-sim,\n    #ig-home-landing .ig-card,\n    #ig-home-landing .ig-tool-card,\n    #ig-home-landing .ig-post-card,\n    #ig-home-landing .ig-route-card { padding: 18px; }\n  }\n\n  \/* Comparator cards: white hard override ---------------------------------\n     Scoped only to #ig-comparadores. This forces a solid white card base\n     even when global card styles use translucent backgrounds. *\/\n  #ig-home-landing #ig-comparadores .ig-card,\n  #ig-home-landing #ig-comparadores .ig-card:hover,\n  #ig-home-landing #ig-comparadores .ig-card:focus,\n  #ig-home-landing #ig-comparadores .ig-card:focus-visible {\n    background: #ffffff !important;\n    background-color: #ffffff !important;\n    background-image: none !important;\n    backdrop-filter: none !important;\n    -webkit-backdrop-filter: none !important;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card {\n    border-color: rgba(13, 27, 61, 0.10) !important;\n    box-shadow: 0 18px 44px rgba(13, 27, 61, 0.08) !important;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card:hover {\n    box-shadow: 0 28px 64px rgba(13, 27, 61, 0.12) !important;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card::before {\n    content: \"\" !important;\n    position: absolute !important;\n    inset: 0 !important;\n    z-index: 0 !important;\n    display: block !important;\n    width: auto !important;\n    height: auto !important;\n    border-radius: inherit !important;\n    background: #ffffff !important;\n    background-color: #ffffff !important;\n    background-image: none !important;\n    opacity: 1 !important;\n    pointer-events: none !important;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card::after {\n    content: none !important;\n    display: none !important;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card-top,\n  #ig-home-landing #ig-comparadores .ig-card-visual {\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n  }\n\n  #ig-home-landing #ig-comparadores .ig-card-visual img {\n    mix-blend-mode: multiply;\n  }\n\n<\/style>\n\n<div id=\"ig-home-landing\">\n  <section class=\"ig-section ig-hero ig-bg-mint\" id=\"ig-radar\">\n    <div class=\"ig-bg\" aria-hidden=\"true\">\n      <span class=\"ig-orb is-a\" data-speed=\"0.06\"><\/span>\n      <span class=\"ig-orb is-b\" data-speed=\"-0.05\"><\/span>\n      <span class=\"ig-orb is-c\" data-speed=\"0.04\"><\/span>\n    <\/div>\n\n    <div class=\"ig-wrap\">\n      <div class=\"ig-hero-grid\">\n        <div class=\"ig-hero-copy ig-reveal\">\n          <span class=\"ig-eyebrow\"><i data-lucide=\"sparkles\" class=\"ig-icon\"><\/i> InversionesGuru Colombia<\/span>\n          <h1>Compara, calcula y entiende tu dinero <span>antes de decidir.<\/span><\/h1>\n          <p class=\"ig-hero-text\">\n           Compara tarjetas, cr\u00e9ditos, tasas y productos financieros con informaci\u00f3n clara, simuladores \u00fatiles y rankings pensados para ayudarte a elegir mejor.\n          <\/p>\n\n          <div class=\"ig-global-search\" role=\"search\" aria-label=\"Buscar en InversionesGuru Colombia\">\n            <form class=\"ig-search-form\" action=\"\/co\/\" method=\"get\" autocomplete=\"off\">\n              <label class=\"ig-sr-only\" for=\"ig-global-search-input\">Buscar en InversionesGuru Colombia<\/label>\n              <div class=\"ig-search-input-wrap\">\n                <i data-lucide=\"search\" class=\"ig-icon\"><\/i>\n                <input\n                  class=\"ig-search-input\"\n                  id=\"ig-global-search-input\"\n                  name=\"s\"\n                  type=\"search\"\n                  placeholder=\"Busca tarjetas, CDT, calculadoras, noticias o bancos...\"\n                  autocomplete=\"off\"\n                  aria-controls=\"ig-global-search-panel\"\n                  aria-expanded=\"false\"\n                >\n                <button class=\"ig-search-clear\" type=\"button\" aria-label=\"Limpiar busqueda\" hidden>\n                  <i data-lucide=\"x\" class=\"ig-icon\"><\/i>\n                <\/button>\n              <\/div>\n\n              <div class=\"ig-search-panel\" id=\"ig-global-search-panel\" aria-live=\"polite\" aria-busy=\"false\" hidden>\n                <div class=\"ig-search-state\" data-search-state><\/div>\n                <div class=\"ig-search-suggestions\" data-search-suggestions aria-label=\"Busquedas sugeridas\">\n                  <button class=\"ig-search-chip\" type=\"button\" data-query=\"Tarjetas de credito\">Tarjetas de cr&eacute;dito<\/button>\n                  <button class=\"ig-search-chip\" type=\"button\" data-query=\"Calculadora CDT\">Calculadora CDT<\/button>\n                  <button class=\"ig-search-chip\" type=\"button\" data-query=\"Conversor TRM\">Conversor TRM<\/button>\n                  <button class=\"ig-search-chip\" type=\"button\" data-query=\"4x1000\">4x1000<\/button>\n                  <button class=\"ig-search-chip\" type=\"button\" data-query=\"Cuentas de ahorro\">Cuentas de ahorro<\/button>\n                  <button class=\"ig-search-chip\" type=\"button\" data-query=\"Creditos\">Cr&eacute;ditos<\/button>\n                  <button class=\"ig-search-chip\" type=\"button\" data-query=\"Mejores CDT\">Mejores CDT<\/button>\n                  <button class=\"ig-search-chip\" type=\"button\" data-query=\"Tasa de usura\">Tasa de usura<\/button>\n                <\/div>\n                <div class=\"ig-search-results\" id=\"ig-global-search-results\" role=\"list\"><\/div>\n                <a class=\"ig-search-all\" href=\"\/co\/?s=\" data-search-all hidden>Ver todos los resultados<\/a>\n              <\/div>\n            <\/form>\n          <\/div>\n\n          <div class=\"ig-actions\">\n            <a href=\"\/co\/tarjetas-de-credito\/\" class=\"ig-btn ig-btn-primary\">\n              Explorar comparadores <i data-lucide=\"arrow-right\" class=\"ig-icon\"><\/i>\n            <\/a>\n            <a href=\"\/co\/herramientas\/\" class=\"ig-btn ig-btn-secondary\">\n              <i data-lucide=\"calculator\" class=\"ig-icon\"><\/i> Usar calculadoras\n            <\/a>\n          <\/div>\n\n          <div class=\"ig-trust-row\" aria-label=\"Areas principales de InversionesGuru\">\n            <span class=\"ig-trust-pill\"><i data-lucide=\"badge-check\" class=\"ig-icon\"><\/i> Rankings con criterio<\/span>\n            <span class=\"ig-trust-pill\"><i data-lucide=\"activity\" class=\"ig-icon\"><\/i> Indicadores en contexto<\/span>\n            <span class=\"ig-trust-pill\"><i data-lucide=\"newspaper\" class=\"ig-icon\"><\/i> Noticias accionables<\/span>\n          <\/div>\n\n          <nav class=\"ig-journey\" aria-label=\"Rutas principales de la pagina\">\n            <a class=\"ig-journey-link is-active\" href=\"#ig-comparadores\" data-target=\"ig-comparadores\">\n              <span class=\"ig-journey-step\">01<\/span>\n              <span><strong>Comparar<\/strong><small>productos y costos<\/small><\/span>\n            <\/a>\n            <a class=\"ig-journey-link\" href=\"#ig-herramientas\" data-target=\"ig-herramientas\">\n              <span class=\"ig-journey-step\">02<\/span>\n              <span><strong>Calcular<\/strong><small>cuotas y escenarios<\/small><\/span>\n            <\/a>\n            <a class=\"ig-journey-link\" href=\"#ig-noticias\" data-target=\"ig-noticias\">\n              <span class=\"ig-journey-step\">03<\/span>\n              <span><strong>Entender<\/strong><small>noticias y gu&iacute;as<\/small><\/span>\n            <\/a>\n            <a class=\"ig-journey-link\" href=\"#ig-decision\" data-target=\"ig-decision\">\n              <span class=\"ig-journey-step\">04<\/span>\n              <span><strong>Decidir<\/strong><small>con una ruta clara<\/small><\/span>\n            <\/a>\n          <\/nav>\n        <\/div>\n\n        <div class=\"ig-hero-device ig-reveal\">\n          <article class=\"ig-float is-tl\" data-depth=\"22\" aria-hidden=\"true\">\n            <span class=\"ig-float-ic\"><i data-lucide=\"badge-check\" class=\"ig-icon\"><\/i><\/span>\n            <div><strong>Con criterio<\/strong><span>Rankings revisados<\/span><\/div>\n          <\/article>\n          <article class=\"ig-float is-br is-coral\" data-depth=\"-30\" aria-hidden=\"true\">\n            <span class=\"ig-float-ic\"><i data-lucide=\"bell-ring\" class=\"ig-icon\"><\/i><\/span>\n            <div><strong>Alerta de tasa<\/strong><span>Te avisamos al cambiar<\/span><\/div>\n          <\/article>\n          <article class=\"ig-float is-bl\" data-depth=\"16\" aria-hidden=\"true\">\n            <span class=\"ig-float-ic\"><i data-lucide=\"route\" class=\"ig-icon\"><\/i><\/span>\n            <div><strong>4 pasos<\/strong><span>Una ruta clara<\/span><\/div>\n          <\/article>\n\n          <div class=\"ig-phone\">\n            <span class=\"ig-btn-side is-up\"><\/span>\n            <span class=\"ig-btn-side is-down\"><\/span>\n            <span class=\"ig-btn-side is-power\"><\/span>\n\n            <div class=\"ig-hero-lab\" aria-label=\"Resumen visual financiero\" aria-busy=\"true\">\n              <div class=\"ig-island\"><i><\/i><span>InversionesGuru<\/span><\/div>\n              <div class=\"ig-screen-frame\">\n                <div class=\"ig-status\">\n                  <span>9:41<\/span>\n                  <span class=\"ig-sigs\"><b><\/b><b><\/b><b><\/b><b><\/b><\/span>\n                  <span class=\"ig-batt\"><em><\/em><\/span>\n                <\/div>\n\n                <div class=\"ig-app-head\">\n                  <span class=\"ig-app-brand\"><i class=\"ig-brand-mark\"><i data-lucide=\"radar\" class=\"ig-icon\"><\/i><\/i> Radar financiero<\/span>\n                  <span class=\"ig-lab-status is-loading\" id=\"ig-home-market-status\"><span class=\"ig-status-dot\"><\/span> <span id=\"ig-home-market-status-text\">Actualizando<\/span><\/span>\n                <\/div>\n\n                <div class=\"ig-screen-body\" aria-label=\"Indicadores financieros destacados\">\n                  <article class=\"ig-market-tile\">\n                    <div class=\"ig-market-meta\">\n                      <span class=\"ig-icon-box\"><i data-lucide=\"line-chart\" class=\"ig-icon\"><\/i><\/span>\n                      TRM oficial\n                    <\/div>\n                    <div class=\"ig-market-value ig-loading-value\" id=\"ig-home-trm-value\" data-loading-label=\"Cargando...\">Cargando...<\/div>\n                    <p class=\"ig-market-note\" id=\"ig-home-trm-note\">Consultando TRM oficial desde la fuente correspondiente.<\/p>\n                    <div class=\"ig-trend ig-trend-loading\" id=\"ig-home-chart-trm\" data-color=\"#0f9f7a\" aria-label=\"Cargando hist\u00f3rico de TRM\"><\/div>\n                  <\/article>\n\n                  <article class=\"ig-market-tile\">\n                    <div class=\"ig-market-meta\">\n                      <span class=\"ig-icon-box is-coral\"><i data-lucide=\"trending-up\" class=\"ig-icon\"><\/i><\/span>\n                      Tasa de usura\n                    <\/div>\n                    <div class=\"ig-market-value ig-loading-value\" id=\"ig-home-usura-value\" data-loading-label=\"Cargando...\">Cargando...<\/div>\n                    <p class=\"ig-market-note\" id=\"ig-home-usura-note\">Consultando tasa de usura vigente desde la fuente correspondiente.<\/p>\n                    <div class=\"ig-trend ig-trend-loading\" id=\"ig-home-chart-usura\" data-color=\"#ef6a4a\" aria-label=\"Cargando hist\u00f3rico de tasa de usura\"><\/div>\n                  <\/article>\n\n                  <div class=\"ig-route-panel\" aria-label=\"Lectura recomendada para navegar la pagina\">\n                    <div class=\"ig-route-row\">\n                      <span class=\"ig-icon-box\"><i data-lucide=\"search-check\" class=\"ig-icon\"><\/i><\/span>\n                      <div>\n                        <strong>Primero compara<\/strong>\n                        <div class=\"ig-route-bar\"><i style=\"--ig-width: 86%\"><\/i><\/div>\n                      <\/div>\n                      <span>Productos<\/span>\n                    <\/div>\n                    <div class=\"ig-route-row\">\n                      <span class=\"ig-icon-box is-coral\"><i data-lucide=\"calculator\" class=\"ig-icon\"><\/i><\/span>\n                      <div>\n                        <strong>Luego simula<\/strong>\n                        <div class=\"ig-route-bar\"><i style=\"--ig-width: 72%\"><\/i><\/div>\n                      <\/div>\n                      <span>N&uacute;meros<\/span>\n                    <\/div>\n                  <\/div>\n\n                  <div class=\"ig-screen-tabbar\" aria-hidden=\"true\">\n                    <b class=\"on\"><i data-lucide=\"radar\" class=\"ig-icon\"><\/i><\/b>\n                    <b><i data-lucide=\"layout-grid\" class=\"ig-icon\"><\/i><\/b>\n                    <b><i data-lucide=\"calculator\" class=\"ig-icon\"><\/i><\/b>\n                    <b><i data-lucide=\"bell\" class=\"ig-icon\"><\/i><\/b>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"ig-section ig-bg-peach\" id=\"ig-comparadores\">\n    <div class=\"ig-wrap\">\n      <div class=\"ig-section-head ig-reveal\">\n        <div>\n          <span class=\"ig-eyebrow\"><i data-lucide=\"search-check\" class=\"ig-icon\"><\/i> Comparadores<\/span>\n          <h2 class=\"ig-section-title\">Elige productos financieros con una lectura f&aacute;cil de escanear.<\/h2>\n          <p class=\"ig-section-copy\">Explora cada categor&iacute;a de forma r&aacute;pida y sencilla, compara lo m&aacute;s importante y encuentra la opci&oacute;n que mejor se adapta a tus necesidades.<\/p>\n        <\/div>\n        <a href=\"\/co\/comparadores\/\" class=\"ig-view-link\">Ver comparadores <i data-lucide=\"arrow-right\" class=\"ig-icon\"><\/i><\/a>\n      <\/div>\n\n      <div class=\"ig-card-grid\">\n        <a class=\"ig-card ig-reveal\" href=\"\/co\/tarjetas-de-credito\/\">\n          <div class=\"ig-card-top\">\n            <span class=\"ig-card-visual\" aria-hidden=\"true\">\n              <img loading=\"lazy\" src=\"http:\/\/inversionesguru.com\/co\/wp-content\/uploads\/sites\/3\/2026\/06\/elegir-tarjeta-de-credito.webp\" width=\"240\" height=\"192\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n            <\/span>\n            <span class=\"ig-tag\">Uso diario<\/span>\n          <\/div>\n          <h3>Tarjetas de cr&eacute;dito<\/h3>\n          <p>Compara cuota de manejo, beneficios, millas, cashback y condiciones clave sin perderte entre promociones.<\/p>\n          <span class=\"ig-card-link\">Comparar tarjetas <i data-lucide=\"arrow-right\" class=\"ig-icon\"><\/i><\/span>\n        <\/a>\n\n        <a class=\"ig-card ig-reveal\" href=\"\/co\/cdts\/\">\n          <div class=\"ig-card-top\">\n            <span class=\"ig-card-visual\" aria-hidden=\"true\">\n              <img loading=\"lazy\" src=\"http:\/\/inversionesguru.com\/co\/wp-content\/uploads\/sites\/3\/2026\/06\/elegir-cdt.webp\" width=\"240\" height=\"192\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n            <\/span>\n            <span class=\"ig-tag is-green\">Inversi&oacute;n<\/span>\n          <\/div>\n          <h3>CDT<\/h3>\n          <p>Encuentra tasas, plazos y entidades para convertir un monto disponible en una decisi&oacute;n m&aacute;s ordenada.<\/p>\n          <span class=\"ig-card-link\">Ver CDT <i data-lucide=\"arrow-right\" class=\"ig-icon\"><\/i><\/span>\n        <\/a>\n\n        <a class=\"ig-card ig-reveal\" href=\"\/co\/cuentas-de-ahorro\/\">\n          <div class=\"ig-card-top\">\n            <span class=\"ig-card-visual\" aria-hidden=\"true\">\n              <img loading=\"lazy\" src=\"http:\/\/inversionesguru.com\/co\/wp-content\/uploads\/sites\/3\/2026\/06\/elegir-cuenta-de-ahorro.webp\" width=\"240\" height=\"192\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n            <\/span>\n            <span class=\"ig-tag\">Liquidez<\/span>\n          <\/div>\n          <h3>Cuentas de ahorro<\/h3>\n          <p>Revisa rentabilidad, costos, retiros y ventajas para saber cu&aacute;l cuenta acompa&ntilde;a mejor tu flujo mensual.<\/p>\n          <span class=\"ig-card-link\">Comparar cuentas <i data-lucide=\"arrow-right\" class=\"ig-icon\"><\/i><\/span>\n        <\/a>\n\n        <a class=\"ig-card ig-reveal\" href=\"\/co\/creditos\/\">\n          <div class=\"ig-card-top\">\n            <span class=\"ig-card-visual\" aria-hidden=\"true\">\n              <img loading=\"lazy\" src=\"http:\/\/inversionesguru.com\/co\/wp-content\/uploads\/sites\/3\/2026\/06\/elegir-credito.webp\" width=\"240\" height=\"192\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n            <\/span>\n            <span class=\"ig-tag is-green\">Cuotas<\/span>\n          <\/div>\n          <h3>Cr&eacute;ditos<\/h3>\n          <p>Eval&uacute;a tasas, cuotas estimadas y capacidad de pago antes de solicitar financiaci&oacute;n.<\/p>\n          <span class=\"ig-card-link\">Explorar cr&eacute;ditos <i data-lucide=\"arrow-right\" class=\"ig-icon\"><\/i><\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ig-section ig-bg-mint\" id=\"ig-herramientas\">\n    <div class=\"ig-wrap\">\n      <div class=\"ig-tools-layout\">\n        <div class=\"ig-quick-sim ig-reveal\">\n          <span class=\"ig-eyebrow\"><i data-lucide=\"calculator\" class=\"ig-icon\"><\/i> Simulador r&aacute;pido<\/span>\n          <h2>Prueba un escenario antes de abrir una calculadora completa.<\/h2>\n          <p>Un micro ejercicio de ahorro ayuda a enganchar al usuario y le muestra que las herramientas convierten n&uacute;meros en respuestas concretas.<\/p>\n\n          <div class=\"ig-sim-panel\" aria-label=\"Simulador rapido de ahorro\">\n            <label class=\"ig-range-row\">\n              <span class=\"ig-range-label\">Aporte mensual <strong id=\"ig-quick-amount\">$500.000<\/strong><\/span>\n              <input class=\"ig-range\" id=\"ig-quick-amount-range\" type=\"range\" min=\"100000\" max=\"2000000\" step=\"50000\" value=\"500000\">\n            <\/label>\n            <label class=\"ig-range-row\">\n              <span class=\"ig-range-label\">Tiempo <strong id=\"ig-quick-term\">12 meses<\/strong><\/span>\n              <input class=\"ig-range\" id=\"ig-quick-term-range\" type=\"range\" min=\"3\" max=\"36\" step=\"1\" value=\"12\">\n            <\/label>\n            <div class=\"ig-sim-result\" aria-live=\"polite\">\n              <div>\n                <span>Proyecci&oacute;n con 9,25% E.A.<\/span>\n                <strong id=\"ig-quick-result\">$6.306.425<\/strong>\n              <\/div>\n              <span class=\"ig-sim-badge\">referencial<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ig-actions\">\n            <a href=\"\/co\/herramientas\/\" class=\"ig-btn ig-btn-primary\">Abrir todas las herramientas <i data-lucide=\"arrow-right\" class=\"ig-icon\"><\/i><\/a>\n          <\/div>\n        <\/div>\n\n        <div>\n          <div class=\"ig-section-head ig-reveal\">\n            <div>\n              <span class=\"ig-eyebrow\"><i data-lucide=\"sliders-horizontal\" class=\"ig-icon\"><\/i> Calculadoras<\/span>\n              <h2 class=\"ig-section-title\">Del dato suelto al resultado que importa.<\/h2>\n              <p class=\"ig-section-copy\">Las herramientas se presentan como tareas concretas: ahorrar, invertir, endeudarse o convertir divisas.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ig-tool-grid\">\n            <a class=\"ig-tool-card ig-reveal\" href=\"\/co\/herramientas\/simulador-cuenta-de-ahorros\/\">\n              <div class=\"ig-tool-top\">\n                <span class=\"ig-card-icon\"><i data-lucide=\"piggy-bank\" class=\"ig-icon\"><\/i><\/span>\n                <span class=\"ig-tag is-green\">Ahorro<\/span>\n              <\/div>\n              <h3>Simulador de cuenta de ahorros<\/h3>\n              <p>Estima rendimiento bruto, retenci&oacute;n y monto final por periodo.<\/p>\n            <\/a>\n\n            <a class=\"ig-tool-card ig-reveal\" href=\"\/co\/herramientas\/calculadora-cdt\/\">\n              <div class=\"ig-tool-top\">\n                <span class=\"ig-card-icon is-coral\"><i data-lucide=\"receipt-text\" class=\"ig-icon\"><\/i><\/span>\n                <span class=\"ig-tag\">CDT<\/span>\n              <\/div>\n              <h3>Calculadora de CDT<\/h3>\n              <p>Proyecta intereses por plazo, tasa y monto de inversi&oacute;n.<\/p>\n            <\/a>\n\n            <a class=\"ig-tool-card ig-reveal\" href=\"\/co\/herramientas\/calculadora-credito\/\">\n              <div class=\"ig-tool-top\">\n                <span class=\"ig-card-icon\"><i data-lucide=\"badge-dollar-sign\" class=\"ig-icon\"><\/i><\/span>\n                <span class=\"ig-tag is-green\">Cr&eacute;dito<\/span>\n              <\/div>\n              <h3>Calculadora de cr&eacute;dito<\/h3>\n              <p>Calcula cuotas aproximadas para comparar capacidad de pago.<\/p>\n            <\/a>\n\n            <a class=\"ig-tool-card ig-reveal\" href=\"\/co\/herramientas\/conversor-divisas\/\">\n              <div class=\"ig-tool-top\">\n                <span class=\"ig-card-icon is-coral\"><i data-lucide=\"refresh-cw\" class=\"ig-icon\"><\/i><\/span>\n                <span class=\"ig-tag\">Divisas<\/span>\n              <\/div>\n              <h3>Conversor con TRM<\/h3>\n              <p>Convierte valores de referencia usando datos actualizados.<\/p>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ig-section ig-bg-peach\" id=\"ig-noticias\">\n    <div class=\"ig-wrap\">\n      <div class=\"ig-section-head ig-reveal\">\n        <div>\n          <span class=\"ig-eyebrow\"><i data-lucide=\"book-open-check\" class=\"ig-icon\"><\/i> Noticias y gu&iacute;as<\/span>\n          <h2 class=\"ig-section-title\">Contexto financiero para entender qu&eacute; cambia en tu bolsillo.<\/h2>\n          <p class=\"ig-section-copy\">La secci&oacute;n separa educaci&oacute;n, actualidad y rankings para que el usuario no sienta que todo es una lista infinita de art&iacute;culos.<\/p>\n        <\/div>\n        <a href=\"\/co\/blog\/\" class=\"ig-view-link\">Ir al blog <i data-lucide=\"arrow-right\" class=\"ig-icon\"><\/i><\/a>\n      <\/div>\n\n      <div class=\"ig-content-layout\">\n        <div class=\"ig-category-list\">\n          <a class=\"ig-category-item ig-reveal\" href=\"\/co\/blog\/\">\n            <span class=\"ig-card-icon\"><i data-lucide=\"notebook-tabs\" class=\"ig-icon\"><\/i><\/span>\n            <span><strong>Blog financiero<\/strong><span>Gu&iacute;as de ahorro, inversi&oacute;n y cr&eacute;dito.<\/span><\/span>\n            <i data-lucide=\"chevron-right\" class=\"ig-icon\"><\/i>\n          <\/a>\n          <a class=\"ig-category-item ig-reveal\" href=\"\/co\/noticias\/\">\n            <span class=\"ig-card-icon is-coral\"><i data-lucide=\"newspaper\" class=\"ig-icon\"><\/i><\/span>\n            <span><strong>Noticias econ&oacute;micas<\/strong><span>Actualidad de tasas, inflaci&oacute;n y mercado.<\/span><\/span>\n            <i data-lucide=\"chevron-right\" class=\"ig-icon\"><\/i>\n          <\/a>\n          <a class=\"ig-category-item ig-reveal\" href=\"\/co\/rankings\/\">\n            <span class=\"ig-card-icon\"><i data-lucide=\"trophy\" class=\"ig-icon\"><\/i><\/span>\n            <span><strong>Rankings<\/strong><span>Listados para comparar m&aacute;s r&aacute;pido.<\/span><\/span>\n            <i data-lucide=\"chevron-right\" class=\"ig-icon\"><\/i>\n          <\/a>\n        <\/div>\n\n        <div class=\"ig-post-grid\" id=\"ig-home-posts\" aria-live=\"polite\">\n          <article class=\"ig-post-card ig-reveal\">\n            <span class=\"ig-post-meta\"><i data-lucide=\"newspaper\" class=\"ig-icon\"><\/i> Gu&iacute;a<\/span>\n            <h3>C&oacute;mo comparar una cuenta de ahorros m&aacute;s all&aacute; de la tasa<\/h3>\n            <p>Costos, topes, retiros y rentabilidad neta tambi&eacute;n cambian el resultado.<\/p>\n            <a class=\"ig-post-link\" href=\"\/co\/blog\/\">Leer an&aacute;lisis<\/a>\n          <\/article>\n          <article class=\"ig-post-card ig-reveal\">\n            <span class=\"ig-post-meta\"><i data-lucide=\"activity\" class=\"ig-icon\"><\/i> Econom&iacute;a<\/span>\n            <h3>Qu&eacute; mirar cuando cambia la tasa de usura<\/h3>\n            <p>Una referencia clave para entender el costo m&aacute;ximo de algunos cr&eacute;ditos.<\/p>\n            <a class=\"ig-post-link\" href=\"\/co\/noticias\/\">Ver noticias<\/a>\n          <\/article>\n          <article class=\"ig-post-card ig-reveal\">\n            <span class=\"ig-post-meta\"><i data-lucide=\"landmark\" class=\"ig-icon\"><\/i> Producto<\/span>\n            <h3>CDT o cuenta remunerada: cu&aacute;ndo conviene cada opci&oacute;n<\/h3>\n            <p>Liquidez, plazo y objetivo financiero son parte de la comparaci&oacute;n.<\/p>\n            <a class=\"ig-post-link\" href=\"\/co\/cdts\/\">Comparar opciones<\/a>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ig-section ig-bg-mint\" id=\"ig-decision\">\n    <div class=\"ig-wrap\">\n      <div class=\"ig-section-head ig-reveal\">\n        <div>\n          <span class=\"ig-eyebrow\"><i data-lucide=\"target\" class=\"ig-icon\"><\/i> Siguiente paso<\/span>\n          <h2 class=\"ig-section-title\">Tres entradas claras para tres momentos de decisi&oacute;n.<\/h2>\n          <p class=\"ig-section-copy\">Este cierre evita que la landing termine en una sola llamada a la acci&oacute;n: el usuario puede elegir seg&uacute;n su intenci&oacute;n actual.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ig-route-grid\">\n        <a class=\"ig-route-card ig-reveal\" href=\"\/co\/comparadores\/\">\n          <span class=\"ig-route-icon\"><i data-lucide=\"search-check\" class=\"ig-icon\"><\/i><\/span>\n          <h3>Necesito comparar<\/h3>\n          <p>Empieza por tarjetas, CDT, cuentas o cr&eacute;ditos y reduce opciones con datos visibles.<\/p>\n          <span class=\"ig-card-link\">Ver comparadores <i data-lucide=\"arrow-right\" class=\"ig-icon\"><\/i><\/span>\n        <\/a>\n        <a class=\"ig-route-card ig-reveal\" href=\"\/co\/herramientas\/\">\n          <span class=\"ig-route-icon is-coral\"><i data-lucide=\"calculator\" class=\"ig-icon\"><\/i><\/span>\n          <h3>Necesito calcular<\/h3>\n          <p>Prueba cuotas, rendimientos, plazos y conversiones antes de comprometer dinero.<\/p>\n          <span class=\"ig-card-link\">Abrir calculadoras <i data-lucide=\"arrow-right\" class=\"ig-icon\"><\/i><\/span>\n        <\/a>\n        <a class=\"ig-route-card ig-reveal\" href=\"\/co\/noticias\/\">\n          <span class=\"ig-route-icon\"><i data-lucide=\"newspaper\" class=\"ig-icon\"><\/i><\/span>\n          <h3>Necesito contexto<\/h3>\n          <p>Lee noticias y gu&iacute;as para entender c&oacute;mo los cambios del mercado afectan tus decisiones.<\/p>\n          <span class=\"ig-card-link\">Leer actualidad <i data-lucide=\"arrow-right\" class=\"ig-icon\"><\/i><\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"ig-cta-band ig-reveal\">\n        <div>\n          <h2>Convierte una duda financiera en una ruta de acci&oacute;n.<\/h2>\n          <p>Compara una opci&oacute;n, simula el efecto y lee el contexto antes de elegir una tarjeta, abrir una cuenta, tomar un cr&eacute;dito o invertir en un CDT.<\/p>\n        <\/div>\n        <div class=\"ig-actions\">\n          <a href=\"\/co\/herramientas\/\" class=\"ig-btn ig-btn-primary\">Simular ahora <i data-lucide=\"calculator\" class=\"ig-icon\"><\/i><\/a>\n          <a href=\"\/co\/tarjetas-de-credito\/\" class=\"ig-btn ig-btn-secondary\">Comparar productos<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n  (function () {\n    const root = document.getElementById('ig-home-landing');\n    if (!root) return;\n\n    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    function initIcons() {\n      if (window.lucide && typeof window.lucide.createIcons === 'function') {\n        window.lucide.createIcons({ attrs: { 'aria-hidden': 'true', focusable: 'false' } });\n      }\n    }\n\n    function ensureLucide() {\n      if (window.lucide) {\n        initIcons();\n        return;\n      }\n\n      const existing = document.querySelector('script[data-ig-lucide-loader=\"true\"]');\n      if (existing) {\n        existing.addEventListener('load', initIcons, { once: true });\n        return;\n      }\n\n      const script = document.createElement('script');\n      script.src = 'https:\/\/unpkg.com\/lucide@latest';\n      script.async = true;\n      script.dataset.igLucideLoader = 'true';\n      script.onload = initIcons;\n      document.head.appendChild(script);\n    }\n\n    function money(value) {\n      return new Intl.NumberFormat('es-CO', {\n        style: 'currency',\n        currency: 'COP',\n        maximumFractionDigits: 0\n      }).format(value);\n    }\n\n    function setMarketBusy(isBusy) {\n      const lab = root.querySelector('.ig-hero-lab');\n      if (!lab) return;\n      lab.setAttribute('aria-busy', isBusy ? 'true' : 'false');\n    }\n\n    function updateMarketStatus(type, text) {\n      const status = document.getElementById('ig-home-market-status');\n      const label = document.getElementById('ig-home-market-status-text');\n      if (!status || !label) return;\n\n      status.classList.remove('is-loading', 'is-error');\n\n      if (type === 'loading') {\n        status.classList.add('is-loading');\n      }\n\n      if (type === 'error') {\n        status.classList.add('is-error');\n      }\n\n      label.textContent = text;\n    }\n\n    function setLoadingValue(elementId, label) {\n      const element = document.getElementById(elementId);\n      if (!element) return;\n\n      element.classList.add('ig-loading-value');\n      element.dataset.loadingLabel = label || 'Cargando...';\n      element.textContent = label || 'Cargando...';\n    }\n\n    function clearLoadingValue(elementId) {\n      const element = document.getElementById(elementId);\n      if (!element) return;\n\n      element.classList.remove('ig-loading-value');\n      delete element.dataset.loadingLabel;\n    }\n\n    function setText(elementId, text) {\n      const element = document.getElementById(elementId);\n      if (!element) return;\n      element.textContent = text;\n    }\n\n    function markChartLoading(containerId) {\n      const container = document.getElementById(containerId);\n      if (!container) return;\n\n      container.innerHTML = '';\n      container.classList.add('ig-trend-loading');\n    }\n\n    function markChartUnavailable(containerId) {\n      const container = document.getElementById(containerId);\n      if (!container) return;\n\n      container.classList.remove('ig-trend-loading');\n      container.innerHTML = '<span class=\"ig-chart-empty\">Hist\u00f3rico no disponible<\/span>';\n    }\n\n    function drawTrendChart(containerId) {\n      const container = document.getElementById(containerId);\n      if (!container) return;\n\n      const data = String(container.getAttribute('data-history') || '')\n        .split(',')\n        .map(value => Number(value))\n        .filter(value => !Number.isNaN(value));\n\n      if (!data.length) {\n        markChartUnavailable(containerId);\n        return;\n      }\n\n      container.classList.remove('ig-trend-loading');\n\n      const color = container.getAttribute('data-color') || '#0f9f7a';\n      const max = Math.max(...data);\n      const min = Math.min(...data);\n      const range = max - min || 1;\n      const width = 100;\n      const height = 48;\n      const padding = range * 0.18;\n\n      const points = data.map((value, index) => {\n        const x = (index \/ (data.length - 1 || 1)) * width;\n        const y = height - (((value - min + padding) \/ (range + padding * 2)) * height);\n        return x + ',' + y;\n      }).join(' L ');\n\n      const gradientId = 'ig-grad-' + containerId;\n      container.innerHTML =\n        '<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 ' + width + ' ' + height + '\" preserveAspectRatio=\"none\" aria-hidden=\"true\">' +\n          '<defs>' +\n            '<linearGradient id=\"' + gradientId + '\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">' +\n              '<stop offset=\"0%\" stop-color=\"' + color + '\" stop-opacity=\"0.24\"><\/stop>' +\n              '<stop offset=\"100%\" stop-color=\"' + color + '\" stop-opacity=\"0\"><\/stop>' +\n            '<\/linearGradient>' +\n          '<\/defs>' +\n          '<path d=\"M 0,' + height + ' L ' + points + ' L ' + width + ',' + height + ' Z\" fill=\"url(#' + gradientId + ')\"><\/path>' +\n          '<path class=\"ig-chart-line\" d=\"M ' + points + '\" fill=\"none\" stroke=\"' + color + '\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>' +\n        '<\/svg>';\n    }\n\n    function setValue(elementId, rawValue, type) {\n      const element = document.getElementById(elementId);\n      const value = Number(rawValue);\n      if (!element || Number.isNaN(value)) return;\n\n      clearLoadingValue(elementId);\n\n      if (type === 'currency') {\n        element.textContent = new Intl.NumberFormat('es-CO', {\n          style: 'currency',\n          currency: 'COP',\n          minimumFractionDigits: 2,\n          maximumFractionDigits: 2\n        }).format(value);\n        return;\n      }\n\n      element.textContent = value.toLocaleString('es-CO', {\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2\n      }) + '%';\n    }\n\n    function setUnavailable(elementId, text) {\n      const element = document.getElementById(elementId);\n      if (!element) return;\n\n      clearLoadingValue(elementId);\n      element.textContent = text || 'No disponible';\n    }\n\n    function extractHistoryValue(item) {\n      if (typeof item === 'number') return item;\n      if (item && typeof item === 'object' && 'value' in item) return Number(item.value);\n      return Number(item);\n    }\n\n    function setHistory(containerId, history) {\n      const container = document.getElementById(containerId);\n      if (!container || !Array.isArray(history)) {\n        markChartUnavailable(containerId);\n        return;\n      }\n\n      const values = history\n        .map(extractHistoryValue)\n        .filter(value => !Number.isNaN(value));\n\n      if (!values.length) {\n        markChartUnavailable(containerId);\n        return;\n      }\n\n      container.setAttribute('data-history', values.join(','));\n      drawTrendChart(containerId);\n    }\n\n    function setMarketLoading() {\n      setMarketBusy(true);\n      updateMarketStatus('loading', 'Actualizando');\n\n      setLoadingValue('ig-home-trm-value', 'Cargando...');\n      setLoadingValue('ig-home-usura-value', 'Cargando...');\n\n      setText('ig-home-trm-note', 'Consultando TRM oficial desde la fuente correspondiente.');\n      setText('ig-home-usura-note', 'Consultando tasa de usura vigente desde la fuente correspondiente.');\n\n      markChartLoading('ig-home-chart-trm');\n      markChartLoading('ig-home-chart-usura');\n    }\n\n    function setMarketError() {\n      setMarketBusy(false);\n      updateMarketStatus('error', 'Sin datos');\n\n      setUnavailable('ig-home-trm-value', 'No disponible');\n      setUnavailable('ig-home-usura-value', 'No disponible');\n\n      setText('ig-home-trm-note', 'No fue posible cargar la TRM en este momento.');\n      setText('ig-home-usura-note', 'No fue posible cargar la tasa de usura en este momento.');\n\n      markChartUnavailable('ig-home-chart-trm');\n      markChartUnavailable('ig-home-chart-usura');\n    }\n\n    async function loadMarketData() {\n      setMarketLoading();\n\n      const controller = new AbortController();\n      const timeout = setTimeout(() => controller.abort(), 9000);\n\n      try {\n        const response = await fetch('\/co\/wp-json\/ig\/v1\/hero-market-v3?ts=' + Date.now(), {\n          method: 'GET',\n          cache: 'no-store',\n          signal: controller.signal\n        });\n\n        clearTimeout(timeout);\n\n        if (!response.ok) throw new Error('HTTP ' + response.status);\n        const payload = await response.json();\n        if (!payload || !payload.ok || !payload.data) throw new Error('Payload inv\u00e1lido');\n\n        let hasAnyData = false;\n\n        if (payload.data.trm && payload.data.trm.value !== undefined && payload.data.trm.value !== null) {\n          setValue('ig-home-trm-value', payload.data.trm.value, 'currency');\n          setHistory('ig-home-chart-trm', payload.data.trm.history_monthly || []);\n          setText('ig-home-trm-note', 'Referencia del d\u00f3lar para interpretar compras, deudas e inversiones.');\n          hasAnyData = true;\n        } else {\n          setUnavailable('ig-home-trm-value', 'No disponible');\n          setText('ig-home-trm-note', 'TRM no disponible en este momento.');\n          markChartUnavailable('ig-home-chart-trm');\n        }\n\n        if (payload.data.usura && payload.data.usura.value !== undefined && payload.data.usura.value !== null) {\n          setValue('ig-home-usura-value', payload.data.usura.value, 'percent');\n          setHistory('ig-home-chart-usura', payload.data.usura.history_monthly || []);\n          setText('ig-home-usura-note', 'Dato clave para evaluar el costo m\u00e1ximo de algunos cr\u00e9ditos.');\n          hasAnyData = true;\n        } else {\n          setUnavailable('ig-home-usura-value', 'No disponible');\n          setText('ig-home-usura-note', 'Tasa de usura no disponible en este momento.');\n          markChartUnavailable('ig-home-chart-usura');\n        }\n\n        setMarketBusy(false);\n        updateMarketStatus(hasAnyData ? 'ready' : 'error', hasAnyData ? 'Activo' : 'Sin datos');\n      } catch (error) {\n        clearTimeout(timeout);\n        console.warn('IG home market fallback:', error);\n        setMarketError();\n      }\n    }\n\n    function stripHtml(value) {\n      const temp = document.createElement('div');\n      temp.innerHTML = value || '';\n      return (temp.textContent || temp.innerText || '').trim();\n    }\n\n    function stripSearchText(value) {\n      const entities = {\n        '&amp;': '&',\n        '&quot;': '\"',\n        '&#039;': \"'\",\n        '&apos;': \"'\",\n        '&lt;': '<',\n        '&gt;': '>',\n        '&nbsp;': ' ',\n        '&aacute;': '\\u00e1',\n        '&eacute;': '\\u00e9',\n        '&iacute;': '\\u00ed',\n        '&oacute;': '\\u00f3',\n        '&uacute;': '\\u00fa',\n        '&ntilde;': '\\u00f1',\n        '&Aacute;': '\\u00c1',\n        '&Eacute;': '\\u00c9',\n        '&Iacute;': '\\u00cd',\n        '&Oacute;': '\\u00d3',\n        '&Uacute;': '\\u00da',\n        '&Ntilde;': '\\u00d1'\n      };\n\n      return String(value || '')\n        .replace(\/<script[\\s\\S]*?<\\\/script>\/gi, ' ')\n        .replace(\/<style[\\s\\S]*?<\\\/style>\/gi, ' ')\n        .replace(\/<[^>]*>\/g, ' ')\n        .replace(\/&(amp|quot|#039|apos|lt|gt|nbsp|aacute|eacute|iacute|oacute|uacute|ntilde|Aacute|Eacute|Iacute|Oacute|Uacute|Ntilde);\/g, entity => entities[entity] || entity)\n        .replace(\/\\s+\/g, ' ')\n        .trim();\n    }\n\n    function postDate(value) {\n      const date = value ? new Date(value) : null;\n      if (!date || Number.isNaN(date.getTime())) return 'Blog';\n      return date.toLocaleDateString('es-CO', { month: 'short', day: 'numeric' });\n    }\n\n    function buildPostCard(post) {\n      const article = document.createElement('article');\n      article.className = 'ig-post-card ig-reveal is-visible';\n\n      const meta = document.createElement('span');\n      meta.className = 'ig-post-meta';\n      meta.innerHTML = '<i data-lucide=\"newspaper\" class=\"ig-icon\"><\/i> ' + postDate(post.date);\n\n      const title = document.createElement('h3');\n      title.textContent = stripHtml(post.title && post.title.rendered) || 'Art\\u00edculo financiero';\n\n      const excerpt = document.createElement('p');\n      const cleanExcerpt = stripHtml(post.excerpt && post.excerpt.rendered);\n      excerpt.textContent = cleanExcerpt.length > 135 ? cleanExcerpt.slice(0, 132) + '...' : cleanExcerpt;\n\n      const link = document.createElement('a');\n      link.className = 'ig-post-link';\n      link.href = post.link || '\/co\/blog\/';\n      link.textContent = 'Leer art\\u00edculo';\n\n      article.append(meta, title, excerpt, link);\n      return article;\n    }\n\n    async function loadRecentPosts() {\n      const container = document.getElementById('ig-home-posts');\n      if (!container) return;\n\n      try {\n        const response = await fetch('\/co\/wp-json\/wp\/v2\/posts?per_page=3&_embed=1', {\n          method: 'GET',\n          cache: 'no-store'\n        });\n\n        if (!response.ok) throw new Error('HTTP ' + response.status);\n        const posts = await response.json();\n        if (!Array.isArray(posts) || !posts.length) return;\n\n        container.innerHTML = '';\n        posts.slice(0, 3).forEach(post => container.appendChild(buildPostCard(post)));\n        initIcons();\n      } catch (error) {\n        console.warn('IG home posts fallback:', error);\n      }\n    }\n\n    let activeSearchController = null;\n\n    function fallbackSearchUrl(query) {\n      return '\/co\/?s=' + encodeURIComponent(query || '');\n    }\n\n    function getSearchEndpoints(query) {\n      const encodedQuery = encodeURIComponent(query);\n\n      return [\n        { url: '\/co\/wp-json\/ig\/v1\/global-search?q=' + encodedQuery + '&limit=8', native: false },\n        { url: '\/wp-json\/ig\/v1\/global-search?q=' + encodedQuery + '&limit=8', native: false },\n        { url: '\/co\/wp-json\/wp\/v2\/search?search=' + encodedQuery + '&per_page=8', native: true },\n        { url: '\/wp-json\/wp\/v2\/search?search=' + encodedQuery + '&per_page=8', native: true }\n      ];\n    }\n\n    function nativeSearchLabel(item) {\n      const subtype = String((item && item.subtype) || (item && item.type) || '').toLowerCase();\n\n      if (subtype === 'tarjetas-de-credito') return 'Tarjeta de cr\\u00e9dito';\n      if (subtype === 'page') return 'P\\u00e1gina';\n      if (subtype === 'post') return 'Gu\\u00eda';\n      return 'Resultado';\n    }\n\n    function normalizeNativeSearchResults(payload) {\n      if (!Array.isArray(payload)) return [];\n\n      return payload.map(item => {\n        const label = nativeSearchLabel(item);\n\n        return {\n          id: item && item.id ? item.id : 0,\n          title: stripSearchText(item && item.title) || 'Resultado financiero',\n          url: item && item.url ? item.url : '\/co\/',\n          type: item && item.subtype ? item.subtype : 'search',\n          type_label: label,\n          badge: label,\n          excerpt: 'Resultado encontrado en InversionesGuru Colombia.',\n          image: '',\n          cta: label === 'Gu\\u00eda' ? 'Leer gu\\u00eda' : 'Abrir resultado',\n          score: 0\n        };\n      });\n    }\n\n    async function fetchGlobalSearch(query) {\n      if (activeSearchController) {\n        activeSearchController.abort();\n      }\n\n      activeSearchController = 'AbortController' in window ? new AbortController() : null;\n      const signal = activeSearchController ? activeSearchController.signal : undefined;\n      let lastError = null;\n\n      for (const endpoint of getSearchEndpoints(query)) {\n        try {\n          const response = await fetch(endpoint.url, {\n            method: 'GET',\n            cache: 'no-store',\n            signal\n          });\n\n          if (!response.ok) throw new Error('HTTP ' + response.status);\n\n          const payload = await response.json();\n\n          if (endpoint.native) {\n            return normalizeNativeSearchResults(payload);\n          }\n\n          if (!payload || !payload.ok || !Array.isArray(payload.results)) {\n            throw new Error('Payload de busqueda invalido');\n          }\n\n          return payload.results;\n        } catch (error) {\n          if (error && error.name === 'AbortError') throw error;\n          lastError = error;\n        }\n      }\n\n      throw lastError || new Error('Busqueda no disponible');\n    }\n\n    function safeResultUrl(value, fallback) {\n      try {\n        const url = new URL(String(value || ''), window.location.origin);\n        if (url.protocol === 'http:' || url.protocol === 'https:') {\n          return url.href;\n        }\n      } catch (error) {\n        return fallback || '\/co\/';\n      }\n\n      return fallback || '\/co\/';\n    }\n\n    function resultInitial(title) {\n      const cleanTitle = stripSearchText(title || '').trim();\n      return (cleanTitle.charAt(0) || 'I').toUpperCase();\n    }\n\n    function buildSearchCard(result, query) {\n      const titleText = stripSearchText(result && result.title) || 'Resultado financiero';\n      const fallbackUrl = fallbackSearchUrl(query);\n      const card = document.createElement('a');\n      card.className = 'ig-search-card';\n      card.href = safeResultUrl(result && result.url, fallbackUrl);\n      card.setAttribute('role', 'listitem');\n\n      const thumb = document.createElement('span');\n      thumb.className = 'ig-search-thumb';\n\n      const imageUrl = result && result.image ? safeResultUrl(result.image, '') : '';\n      if (imageUrl) {\n        const image = document.createElement('img');\n        image.src = imageUrl;\n        image.alt = '';\n        image.loading = 'lazy';\n        image.decoding = 'async';\n        image.addEventListener('error', () => {\n          thumb.replaceChildren();\n          const fallback = document.createElement('span');\n          fallback.className = 'ig-search-fallback';\n          fallback.textContent = resultInitial(titleText);\n          thumb.appendChild(fallback);\n        }, { once: true });\n        thumb.appendChild(image);\n      } else {\n        const fallback = document.createElement('span');\n        fallback.className = 'ig-search-fallback';\n        fallback.textContent = resultInitial(titleText);\n        thumb.appendChild(fallback);\n      }\n\n      const body = document.createElement('span');\n      body.className = 'ig-search-body';\n\n      const meta = document.createElement('span');\n      meta.className = 'ig-search-meta';\n\n      const badge = document.createElement('span');\n      badge.className = 'ig-search-badge';\n      badge.textContent = stripSearchText((result && (result.badge || result.type_label)) || 'Resultado');\n\n      const cta = document.createElement('span');\n      cta.className = 'ig-search-cta';\n      cta.appendChild(document.createTextNode(stripSearchText((result && result.cta) || 'Abrir resultado')));\n\n      const arrow = document.createElement('i');\n      arrow.setAttribute('data-lucide', 'arrow-right');\n      arrow.className = 'ig-icon';\n      cta.appendChild(arrow);\n\n      meta.append(badge, cta);\n\n      const title = document.createElement('span');\n      title.className = 'ig-search-title';\n      title.textContent = titleText;\n\n      const excerpt = document.createElement('span');\n      excerpt.className = 'ig-search-excerpt';\n      excerpt.textContent = stripSearchText((result && result.excerpt) || 'Abre este resultado para ver mas detalles.');\n\n      body.append(meta, title, excerpt);\n      card.append(thumb, body);\n\n      return card;\n    }\n\n    function initGlobalSearch() {\n      const search = root.querySelector('.ig-global-search');\n      if (!search) return;\n\n      const form = search.querySelector('.ig-search-form');\n      const input = search.querySelector('.ig-search-input');\n      const clearButton = search.querySelector('.ig-search-clear');\n      const panel = search.querySelector('.ig-search-panel');\n      const state = search.querySelector('[data-search-state]');\n      const suggestions = search.querySelector('[data-search-suggestions]');\n      const results = search.querySelector('.ig-search-results');\n      const allLink = search.querySelector('[data-search-all]');\n\n      if (!form || !input || !clearButton || !panel || !state || !suggestions || !results || !allLink) return;\n\n      let debounceTimer = null;\n\n      function openSearchPanel() {\n        panel.hidden = false;\n        search.classList.add('is-open');\n        input.setAttribute('aria-expanded', 'true');\n      }\n\n      function closeSearchPanel() {\n        panel.hidden = true;\n        search.classList.remove('is-open');\n        input.setAttribute('aria-expanded', 'false');\n        panel.setAttribute('aria-busy', 'false');\n      }\n\n      function updateClearButton() {\n        clearButton.hidden = input.value.trim().length === 0;\n      }\n\n      function renderSearchState(type, query) {\n        results.replaceChildren();\n        allLink.hidden = true;\n        state.classList.remove('is-loading');\n        panel.setAttribute('aria-busy', type === 'typing' ? 'true' : 'false');\n\n        if (type === 'typing') {\n          suggestions.hidden = true;\n          state.classList.add('is-loading');\n          state.textContent = 'Buscando resultados...';\n          openSearchPanel();\n          return;\n        }\n\n        if (type === 'empty') {\n          suggestions.hidden = false;\n          state.textContent = 'No encontramos resultados para \\u201c' + query + '\\u201d.';\n          openSearchPanel();\n          return;\n        }\n\n        if (type === 'error') {\n          suggestions.hidden = false;\n          state.textContent = 'No pudimos cargar resultados en este momento. Intenta buscar directamente.';\n          allLink.href = fallbackSearchUrl(query);\n          allLink.textContent = 'Buscar directamente \\u201c' + query + '\\u201d';\n          allLink.hidden = false;\n          openSearchPanel();\n          return;\n        }\n\n        suggestions.hidden = false;\n        state.textContent = '';\n      }\n\n      function renderSearchResults(items, query) {\n        results.replaceChildren();\n        suggestions.hidden = true;\n        state.classList.remove('is-loading');\n        state.textContent = '';\n        panel.setAttribute('aria-busy', 'false');\n\n        if (!items.length) {\n          renderSearchState('empty', query);\n          return;\n        }\n\n        items.slice(0, 8).forEach(item => {\n          results.appendChild(buildSearchCard(item, query));\n        });\n\n        allLink.href = fallbackSearchUrl(query);\n        allLink.textContent = 'Ver todos los resultados para \\u201c' + query + '\\u201d';\n        allLink.hidden = false;\n        openSearchPanel();\n        initIcons();\n      }\n\n      async function runSearch(query) {\n        const cleanQuery = query.trim();\n        if (cleanQuery.length < 2) {\n          renderSearchState('idle', cleanQuery);\n          openSearchPanel();\n          return;\n        }\n\n        renderSearchState('typing', cleanQuery);\n\n        try {\n          const items = await fetchGlobalSearch(cleanQuery);\n          if (input.value.trim() !== cleanQuery) return;\n          renderSearchResults(Array.isArray(items) ? items : [], cleanQuery);\n        } catch (error) {\n          if (error && error.name === 'AbortError') return;\n          console.warn('IG global search fallback:', error);\n          renderSearchState('error', cleanQuery);\n        }\n      }\n\n      function clearSearch() {\n        if (activeSearchController) activeSearchController.abort();\n        window.clearTimeout(debounceTimer);\n        input.value = '';\n        updateClearButton();\n        renderSearchState('idle', '');\n        openSearchPanel();\n        input.focus();\n      }\n\n      input.addEventListener('input', () => {\n        const query = input.value.trim();\n        updateClearButton();\n        window.clearTimeout(debounceTimer);\n\n        if (query.length < 2) {\n          if (activeSearchController) activeSearchController.abort();\n          renderSearchState('idle', query);\n          openSearchPanel();\n          return;\n        }\n\n        renderSearchState('typing', query);\n        debounceTimer = window.setTimeout(() => runSearch(query), 280);\n      });\n\n      input.addEventListener('focus', () => {\n        if (!input.value.trim()) {\n          renderSearchState('idle', '');\n        }\n        openSearchPanel();\n      });\n\n      clearButton.addEventListener('click', clearSearch);\n\n      suggestions.addEventListener('click', event => {\n        const target = event.target instanceof Element ? event.target : null;\n        const chip = target ? target.closest('[data-query]') : null;\n        if (!chip) return;\n\n        input.value = chip.getAttribute('data-query') || '';\n        updateClearButton();\n        runSearch(input.value);\n        input.focus();\n      });\n\n      search.addEventListener('keydown', event => {\n        if (event.key === 'Escape') {\n          closeSearchPanel();\n          input.blur();\n        }\n      });\n\n      document.addEventListener('pointerdown', event => {\n        if (!search.contains(event.target)) {\n          closeSearchPanel();\n        }\n      });\n\n      form.addEventListener('submit', event => {\n        const query = input.value.trim();\n        event.preventDefault();\n        if (!query) return;\n        window.location.href = fallbackSearchUrl(query);\n      });\n\n      updateClearButton();\n      renderSearchState('idle', '');\n    }\n\n    function initReveal() {\n      const items = root.querySelectorAll('.ig-reveal');\n      if (!items.length) return;\n\n      if (prefersReducedMotion || !('IntersectionObserver' in window)) {\n        items.forEach(item => item.classList.add('is-visible'));\n        return;\n      }\n\n      const observer = new IntersectionObserver(entries => {\n        entries.forEach(entry => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        });\n      }, { threshold: 0.16 });\n\n      items.forEach((item, index) => {\n        item.style.transitionDelay = Math.min(index % 4, 3) * 70 + 'ms';\n        observer.observe(item);\n      });\n    }\n\n    function initJourneyState() {\n      const links = Array.from(root.querySelectorAll('.ig-journey-link[data-target]'));\n      if (!links.length || !('IntersectionObserver' in window)) return;\n\n      const sections = links\n        .map(link => document.getElementById(link.getAttribute('data-target')))\n        .filter(Boolean);\n\n      const observer = new IntersectionObserver(entries => {\n        entries.forEach(entry => {\n          if (!entry.isIntersecting) return;\n          links.forEach(link => {\n            link.classList.toggle('is-active', link.getAttribute('data-target') === entry.target.id);\n          });\n        });\n      }, { rootMargin: '-30% 0px -55% 0px', threshold: 0.01 });\n\n      sections.forEach(section => observer.observe(section));\n    }\n\n    function initQuickSimulator() {\n      const amountInput = document.getElementById('ig-quick-amount-range');\n      const termInput = document.getElementById('ig-quick-term-range');\n      const amountLabel = document.getElementById('ig-quick-amount');\n      const termLabel = document.getElementById('ig-quick-term');\n      const resultLabel = document.getElementById('ig-quick-result');\n\n      if (!amountInput || !termInput || !amountLabel || !termLabel || !resultLabel) return;\n\n      function rangeProgress(input) {\n        const min = Number(input.min);\n        const max = Number(input.max);\n        const value = Number(input.value);\n        const progress = ((value - min) \/ (max - min)) * 100;\n        input.style.setProperty('--ig-progress', progress + '%');\n      }\n\n      function update() {\n        const amount = Number(amountInput.value);\n        const months = Number(termInput.value);\n        const annualRate = 0.0925;\n        const monthlyRate = Math.pow(1 + annualRate, 1 \/ 12) - 1;\n        const futureValue = amount * ((Math.pow(1 + monthlyRate, months) - 1) \/ monthlyRate);\n\n        amountLabel.textContent = money(amount);\n        termLabel.textContent = months + (months === 1 ? ' mes' : ' meses');\n        resultLabel.textContent = money(Math.round(futureValue));\n        rangeProgress(amountInput);\n        rangeProgress(termInput);\n      }\n\n      amountInput.addEventListener('input', update);\n      termInput.addEventListener('input', update);\n      update();\n    }\n\n    drawTrendChart('ig-home-chart-route');\n    drawTrendChart('ig-home-chart-clarity');\n    ensureLucide();\n    initGlobalSearch();\n    initReveal();\n    initJourneyState();\n    initQuickSimulator();\n    loadMarketData();\n    loadRecentPosts();\n\n    \/* ---- New visual effects for the iPhone-style redesign ---- *\/\n    function igFinePointer() {\n      return window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n    }\n\n    function initOrbParallax() {\n      if (prefersReducedMotion) return;\n      const orbs = Array.prototype.slice.call(root.querySelectorAll('.ig-orb'));\n      if (!orbs.length) return;\n      const ref = root.querySelector('.ig-hero') || root;\n      let raf = null;\n\n      function update() {\n        raf = null;\n        const r = ref.getBoundingClientRect();\n        const progress = (window.innerHeight - r.top) \/ (window.innerHeight + r.height);\n        const centered = (progress - 0.5) * 2;\n        orbs.forEach(orb => {\n          const speed = parseFloat(orb.getAttribute('data-speed')) || 0.05;\n          orb.style.setProperty('--oy', (centered * speed * 220).toFixed(1) + 'px');\n        });\n      }\n\n      window.addEventListener('scroll', () => { if (!raf) raf = requestAnimationFrame(update); }, { passive: true });\n      window.addEventListener('resize', () => { if (!raf) raf = requestAnimationFrame(update); });\n      update();\n    }\n\n    function initPointerParallax() {\n      if (prefersReducedMotion || !igFinePointer()) return;\n      const area = root.querySelector('.ig-hero-device');\n      const phone = root.querySelector('.ig-phone');\n      const floats = Array.prototype.slice.call(root.querySelectorAll('.ig-float'));\n      if (!area || !phone) return;\n\n      let tx = 0, ty = 0, raf = null;\n\n      function apply() {\n        raf = null;\n        phone.style.setProperty('--ry', (tx * 6).toFixed(2) + 'deg');\n        phone.style.setProperty('--rx', (-ty * 4).toFixed(2) + 'deg');\n        floats.forEach(f => {\n          const depth = parseFloat(f.getAttribute('data-depth')) || 16;\n          f.style.setProperty('--fx', (tx * depth).toFixed(1) + 'px');\n          f.style.setProperty('--fy', (ty * depth).toFixed(1) + 'px');\n        });\n      }\n\n      area.addEventListener('pointermove', event => {\n        if (event.pointerType === 'touch') return;\n        const r = area.getBoundingClientRect();\n        tx = ((event.clientX - r.left) \/ r.width - 0.5) * 2;\n        ty = ((event.clientY - r.top) \/ r.height - 0.5) * 2;\n        if (!raf) raf = requestAnimationFrame(apply);\n      });\n\n      area.addEventListener('pointerleave', () => {\n        tx = 0; ty = 0;\n        if (!raf) raf = requestAnimationFrame(apply);\n      });\n    }\n\n    function initScreenLight() {\n      if (prefersReducedMotion) return;\n      const device = root.querySelector('.ig-phone');\n      if (!device || !('IntersectionObserver' in window)) {\n        root.classList.add('is-lit');\n        return;\n      }\n      const observer = new IntersectionObserver(entries => {\n        entries.forEach(entry => {\n          if (!entry.isIntersecting) return;\n          root.classList.add('is-lit');\n          observer.disconnect();\n        });\n      }, { threshold: 0.4 });\n      observer.observe(device);\n    }\n\n    initOrbParallax();\n    initPointerParallax();\n    initScreenLight();\n\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>InversionesGuru Colombia Compara, calcula y entiende tu dinero antes de decidir. Compara tarjetas, cr\u00e9ditos, tasas y productos financieros con informaci\u00f3n clara, simuladores \u00fatiles y rankings pensados para ayudarte a elegir mejor. Buscar en InversionesGuru Colombia Tarjetas de cr&eacute;dito Calculadora CDT Conversor TRM 4&#215;1000 Cuentas de ahorro Cr&eacute;ditos Mejores CDT Tasa de usura Ver todos los&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-5941","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inversionesguru.com\/co\/wp-json\/wp\/v2\/pages\/5941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inversionesguru.com\/co\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inversionesguru.com\/co\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inversionesguru.com\/co\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inversionesguru.com\/co\/wp-json\/wp\/v2\/comments?post=5941"}],"version-history":[{"count":88,"href":"https:\/\/inversionesguru.com\/co\/wp-json\/wp\/v2\/pages\/5941\/revisions"}],"predecessor-version":[{"id":8719,"href":"https:\/\/inversionesguru.com\/co\/wp-json\/wp\/v2\/pages\/5941\/revisions\/8719"}],"wp:attachment":[{"href":"https:\/\/inversionesguru.com\/co\/wp-json\/wp\/v2\/media?parent=5941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}