{"id":30777,"date":"2026-03-04T23:09:24","date_gmt":"2026-03-04T23:09:24","guid":{"rendered":"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/"},"modified":"2026-03-04T23:10:28","modified_gmt":"2026-03-04T23:10:28","slug":"dynamic-content-widget-2b58fb3-d1e5805","status":"publish","type":"elementskit_content","link":"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/","title":{"rendered":"dynamic-content-widget-2b58fb3-d1e5805"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"30777\" class=\"elementor elementor-30777\" data-elementor-post-type=\"elementskit_content\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9c8fd2 e-flex e-con-boxed e-con e-parent\" data-id=\"b9c8fd2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b5e285 elementor-widget elementor-widget-html\" data-id=\"4b5e285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"krt-widget\" id=\"krtWidget\">\n  <article class=\"krt-card\">\n    <header class=\"krt-card__header\">\n      Descubre el costo seg\u00fan <strong>tu necesidad mensual<\/strong>\n    <\/header>\n\n    <section class=\"krt-card__body\">\n      <div class=\"krt-top\">\n        <div class=\"krt-left\">\n          <p class=\"krt-label\">Elije la cantidad que necesitas<\/p>\n          <p class=\"krt-qty\"><span id=\"krtQty\">1.000<\/span><\/p>\n          <p class=\"krt-sub\">L\u00edmite de suscriptores<\/p>\n        <\/div>\n\n        <div class=\"krt-right\">\n          <p class=\"krt-price\">$<span id=\"krtTotal\">20.000<\/span><\/p>\n          <p class=\"krt-period\">x mes<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"krt-slider-wrap\">\n        <input id=\"krtRange\" class=\"krt-range\" type=\"range\" min=\"5000\" max=\"100000\" step=\"1000\" value=\"1000\" \/>\n        <div class=\"krt-scale\">\n          <span>1k<\/span><span>20k<\/span><span>40k<\/span><span>60k<\/span><span>80k<\/span><span>100k<\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/article>\n<\/div>\n\n<style>\n  .krt-widget{\n    --c-bg:#fff;\n    --c-text:#1f2a30;\n    --c-soft:#9aa4aa;\n    --c-green:#08cc70;\n    --c-header-a:#8cf5d1;\n    --c-header-b:#8af3cb;\n\n    width:min(100%, 860px);\n    margin-inline:auto;\n    padding:clamp(8px, 2vw, 16px);\n    font-family: Helvetica, Arial, sans-serif;\n    color:var(--c-text);\n    box-sizing:border-box;\n  }\n\n  .krt-widget *{\n    box-sizing:border-box;\n    margin:0;\n    font-family: Helvetica, Arial, sans-serif;\n  }\n\n  .krt-card{\n    background:var(--c-bg);\n    border-radius:16px;\n    box-shadow:0 8px 24px rgba(0,0,0,.08);\n    overflow:hidden;\n  }\n\n  .krt-card__header{\n    background:linear-gradient(90deg,var(--c-header-a),var(--c-header-b));\n    color:#0d3f39;\n    font-size:clamp(18px,3.3vw,36px);\n    line-height:1.15;\n    padding:clamp(14px,2.8vw,22px) clamp(14px,3vw,24px);\n    font-weight:500;\n  }\n\n  .krt-card__header strong{ font-weight:800; }\n\n  .krt-card__body{ padding:clamp(14px,3vw,24px); }\n\n  .krt-top{\n    display:grid;\n    grid-template-columns:1fr;\n    gap:10px;\n    align-items:start;\n  }\n\n  .krt-label{\n    font-size:clamp(16px,2.8vw,34px);\n    line-height:1.12;\n    font-weight:700;\n  }\n\n  .krt-qty{\n    margin-top:2px;\n    font-size:clamp(28px,5.8vw,50px);\n    font-weight:800;\n    line-height:1;\n  }\n\n  .krt-sub{\n    margin-top:4px;\n    font-size:clamp(11px,1.9vw,18px);\n    color:var(--c-soft);\n  }\n\n  .krt-right{ justify-self:start; }\n\n  .krt-price{\n    font-size:clamp(34px,6.6vw,56px);\n    font-weight:800;\n    line-height:1;\n    letter-spacing:-.02em;\n  }\n\n  .krt-period{\n    margin-top:4px;\n    color:#19bf63;\n    font-size:clamp(16px,2.7vw,30px);\n    font-weight:700;\n    line-height:1;\n  }\n\n  .krt-slider-wrap{ margin-top:clamp(12px,2.8vw,18px); }\n\n  .krt-range{\n    --progress:0%;\n    width:100%;\n    appearance:none;\n    height:6px;\n    border-radius:999px;\n    outline:none;\n    background:linear-gradient(to right,var(--c-green) var(--progress), #dde4e8 var(--progress));\n  }\n\n  .krt-range::-webkit-slider-thumb{\n    appearance:none;\n    width:18px;\n    height:18px;\n    border-radius:50%;\n    border:2px solid #fff;\n    background:var(--c-green);\n    cursor:pointer;\n    box-shadow:0 0 0 2px rgba(8,204,112,.25);\n    margin-top:-6px;\n  }\n\n  .krt-range::-moz-range-thumb{\n    width:18px;\n    height:18px;\n    border-radius:50%;\n    border:2px solid #fff;\n    background:var(--c-green);\n    cursor:pointer;\n  }\n\n  .krt-scale{\n    margin-top:8px;\n    display:flex;\n    justify-content:space-between;\n    gap:6px;\n    color:#97a0a7;\n    font-size:clamp(10px,1.8vw,16px);\n  }\n\n  @media (min-width: 640px){\n    .krt-top{\n      grid-template-columns:minmax(0,1fr) auto;\n      gap:16px;\n    }\n    .krt-right{\n      justify-self:end;\n      text-align:right;\n      min-width:fit-content;\n    }\n  }\n<\/style>\n\n<script>\n(function(){\n  const root = document.getElementById(\"krtWidget\");\n  if (!root) return;\n\n  const range = root.querySelector(\"#krtRange\");\n  const qtyEl = root.querySelector(\"#krtQty\");\n  const totalEl = root.querySelector(\"#krtTotal\");\n\n  \/\/ Precio unitario \u00fanico (aj\u00fastalo aqu\u00ed)\n  const unitPrice = 70;\n\n  const format = (n) => new Intl.NumberFormat(\"es-CL\").format(n);\n\n  const updateTrack = () => {\n    const min = Number(range.min);\n    const max = Number(range.max);\n    const val = Number(range.value);\n    const p = ((val - min) * 100) \/ (max - min);\n    range.style.setProperty(\"--progress\", p + \"%\");\n  };\n\n  const render = () => {\n    const qty = Number(range.value);\n    const total = qty * unitPrice;\n    qtyEl.textContent = format(qty);\n    totalEl.textContent = format(total);\n    updateTrack();\n  };\n\n  range.addEventListener(\"input\", render);\n  render();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"parent":0,"template":"elementor_canvas","class_list":["post-30777","elementskit_content","type-elementskit_content","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>dynamic-content-widget-2b58fb3-d1e5805 - Web App<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"dynamic-content-widget-2b58fb3-d1e5805\" \/>\n<meta property=\"og:description\" content=\"Descubre el costo seg\u00fan tu necesidad mensual Elije la cantidad que necesitas 1.000 L\u00edmite de suscriptores $20.000 x mes 1k20k40k60k80k100k\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/\" \/>\n<meta property=\"og:site_name\" content=\"Web App\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-04T23:10:28+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/\",\"url\":\"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/\",\"name\":\"dynamic-content-widget-2b58fb3-d1e5805 - Web App\",\"isPartOf\":{\"@id\":\"https:\/\/www.karrot.co\/co\/#website\"},\"datePublished\":\"2026-03-04T23:09:24+00:00\",\"dateModified\":\"2026-03-04T23:10:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.karrot.co\/co\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"dynamic-content-widget-2b58fb3-d1e5805\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.karrot.co\/co\/#website\",\"url\":\"https:\/\/www.karrot.co\/co\/\",\"name\":\"Web App\",\"description\":\"Sierra WordPress Theme\",\"publisher\":{\"@id\":\"https:\/\/www.karrot.co\/co\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.karrot.co\/co\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.karrot.co\/co\/#organization\",\"name\":\"Web App\",\"url\":\"https:\/\/www.karrot.co\/co\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.karrot.co\/co\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.karrot.co\/co\/wp-content\/uploads\/sites\/12\/2025\/05\/Logo_Karrot.png\",\"contentUrl\":\"https:\/\/www.karrot.co\/co\/wp-content\/uploads\/sites\/12\/2025\/05\/Logo_Karrot.png\",\"width\":906,\"height\":345,\"caption\":\"Web App\"},\"image\":{\"@id\":\"https:\/\/www.karrot.co\/co\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"dynamic-content-widget-2b58fb3-d1e5805 - Web App","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/","og_locale":"en_US","og_type":"article","og_title":"dynamic-content-widget-2b58fb3-d1e5805","og_description":"Descubre el costo seg\u00fan tu necesidad mensual Elije la cantidad que necesitas 1.000 L\u00edmite de suscriptores $20.000 x mes 1k20k40k60k80k100k","og_url":"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/","og_site_name":"Web App","article_modified_time":"2026-03-04T23:10:28+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/","url":"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/","name":"dynamic-content-widget-2b58fb3-d1e5805 - Web App","isPartOf":{"@id":"https:\/\/www.karrot.co\/co\/#website"},"datePublished":"2026-03-04T23:09:24+00:00","dateModified":"2026-03-04T23:10:28+00:00","breadcrumb":{"@id":"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.karrot.co\/co\/elementskit-content\/dynamic-content-widget-2b58fb3-d1e5805\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.karrot.co\/co\/"},{"@type":"ListItem","position":2,"name":"dynamic-content-widget-2b58fb3-d1e5805"}]},{"@type":"WebSite","@id":"https:\/\/www.karrot.co\/co\/#website","url":"https:\/\/www.karrot.co\/co\/","name":"Web App","description":"Sierra WordPress Theme","publisher":{"@id":"https:\/\/www.karrot.co\/co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.karrot.co\/co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.karrot.co\/co\/#organization","name":"Web App","url":"https:\/\/www.karrot.co\/co\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.karrot.co\/co\/#\/schema\/logo\/image\/","url":"https:\/\/www.karrot.co\/co\/wp-content\/uploads\/sites\/12\/2025\/05\/Logo_Karrot.png","contentUrl":"https:\/\/www.karrot.co\/co\/wp-content\/uploads\/sites\/12\/2025\/05\/Logo_Karrot.png","width":906,"height":345,"caption":"Web App"},"image":{"@id":"https:\/\/www.karrot.co\/co\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.karrot.co\/co\/wp-json\/wp\/v2\/elementskit-content\/30777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.karrot.co\/co\/wp-json\/wp\/v2\/elementskit-content"}],"about":[{"href":"https:\/\/www.karrot.co\/co\/wp-json\/wp\/v2\/types\/elementskit_content"}],"version-history":[{"count":3,"href":"https:\/\/www.karrot.co\/co\/wp-json\/wp\/v2\/elementskit-content\/30777\/revisions"}],"predecessor-version":[{"id":30780,"href":"https:\/\/www.karrot.co\/co\/wp-json\/wp\/v2\/elementskit-content\/30777\/revisions\/30780"}],"wp:attachment":[{"href":"https:\/\/www.karrot.co\/co\/wp-json\/wp\/v2\/media?parent=30777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}