/* /jbn_blog_case/static/src/scss/blog_case.scss */
 .o_jbc{--jbc-ink: var(--jbn-tinta, #212529); --jbc-ink-2: var(--jbn-tinta-2, #495057); --jbc-paper: var(--jbn-papel, #ffffff); --jbc-mist: var(--jbn-niebla, #f3f4f6); --jbc-mist-2: var(--jbn-niebla-2, #eaecef); --jbc-line: var(--jbn-linea, #e3e6ea); --jbc-line-2: var(--jbn-linea-2, #d4d8de); --jbc-dark: var(--jbn-grafito, #24282d); --jbc-on-dark: var(--jbn-sobre-grafito, #ffffff); --jbc-on-dark-2: var(--jbn-sobre-grafito-2, #c4c9cf); --jbc-brand-on-dark: var(--jbn-marca-sobre-grafito, #ff6a33); --jbc-action: var(--jbn-accion, var(--bs-primary, #0d6efd)); --jbc-action-hover: var(--jbn-accion-hover, var(--jbc-action)); --jbc-action-text: var(--jbn-accion-texto, var(--bs-link-color, #0a58ca)); --jbc-action-soft: var(--jbn-accion-suave, #eef3ff); --jbc-good: var(--jbn-ahorro, #1d7a4b); --jbc-radius: 20px; --jbc-shadow: var(--jbn-sombra, 0 1px 2px rgba(36, 40, 45, .05), 0 10px 24px -14px rgba(36, 40, 45, .22)); --jbc-shadow-high: var(--jbn-sombra-alta, 0 2px 4px rgba(36, 40, 45, .06), 0 18px 36px -16px rgba(36, 40, 45, .28)); --jbc-ease: var(--jbn-curva, cubic-bezier(.16, 1, .3, 1)); color: var(--jbc-ink); background: var(--jbc-paper);}.o_jbc_ico{display: inline-block; width: 1.15em; height: 1.15em; flex: none; vertical-align: -.2em; background-color: currentColor; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat;}.o_jbc_ico_arrow-right{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/arrow-right.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/arrow-right.svg");}.o_jbc_ico_building-2{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/building-2.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/building-2.svg");}.o_jbc_ico_calendar{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/calendar.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/calendar.svg");}.o_jbc_ico_chart-column{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/chart-column.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/chart-column.svg");}.o_jbc_ico_check{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/check.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/check.svg");}.o_jbc_ico_chevron-left{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/chevron-left.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/chevron-left.svg");}.o_jbc_ico_chevron-right{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/chevron-right.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/chevron-right.svg");}.o_jbc_ico_circle-x{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/circle-x.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/circle-x.svg");}.o_jbc_ico_clock{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/clock.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/clock.svg");}.o_jbc_ico_cloud{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/cloud.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/cloud.svg");}.o_jbc_ico_database{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/database.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/database.svg");}.o_jbc_ico_dot{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/dot.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/dot.svg");}.o_jbc_ico_download{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/download.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/download.svg");}.o_jbc_ico_external-link{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/external-link.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/external-link.svg");}.o_jbc_ico_facebook{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/facebook.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/facebook.svg");}.o_jbc_ico_globe{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/globe.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/globe.svg");}.o_jbc_ico_info{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/info.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/info.svg");}.o_jbc_ico_link{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/link.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/link.svg");}.o_jbc_ico_linkedin{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/linkedin.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/linkedin.svg");}.o_jbc_ico_mail{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/mail.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/mail.svg");}.o_jbc_ico_map-pin{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/map-pin.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/map-pin.svg");}.o_jbc_ico_maximize-2{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/maximize-2.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/maximize-2.svg");}.o_jbc_ico_message-circle{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/message-circle.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/message-circle.svg");}.o_jbc_ico_monitor{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/monitor.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/monitor.svg");}.o_jbc_ico_package{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/package.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/package.svg");}.o_jbc_ico_percent{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/percent.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/percent.svg");}.o_jbc_ico_quote{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/quote.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/quote.svg");}.o_jbc_ico_receipt{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/receipt.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/receipt.svg");}.o_jbc_ico_shield-check{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/shield-check.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/shield-check.svg");}.o_jbc_ico_sparkles{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/sparkles.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/sparkles.svg");}.o_jbc_ico_store{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/store.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/store.svg");}.o_jbc_ico_target{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/target.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/target.svg");}.o_jbc_ico_trending-up{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/trending-up.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/trending-up.svg");}.o_jbc_ico_users{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/users.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/users.svg");}.o_jbc_ico_utensils{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/utensils.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/utensils.svg");}.o_jbc_ico_x{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/x.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/x.svg");}.o_jbc_ico_x-social{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/x-social.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/x-social.svg");}.o_jbc_ico_youtube{-webkit-mask-image: url("/jbn_blog_case/static/src/img/icons/youtube.svg"); mask-image: url("/jbn_blog_case/static/src/img/icons/youtube.svg");}.o_jbc_btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 24px; border-radius: 999px; border: 1.5px solid transparent; font-weight: 650; text-decoration: none; transition: background 0.2s var(--jbc-ease), box-shadow 0.2s var(--jbc-ease);}.o_jbc_btn:hover{text-decoration: none;}.o_jbc_btn_action{background: var(--jbc-action); color: #fff;}.o_jbc_btn_action:hover, .o_jbc_btn_action:focus{background: var(--jbc-action-hover); color: #fff;}.o_jbc_btn_light{border-color: rgba(255, 255, 255, 0.7); color: #fff; background: transparent;}.o_jbc_btn_light:hover, .o_jbc_btn_light:focus{background: rgba(255, 255, 255, 0.1); color: #fff;}.o_jbc_band{background: var(--jbc-dark); color: var(--jbc-on-dark); padding: 0 0 56px; overflow: hidden;}.o_jbc_band_with_facts{padding-bottom: 116px;}.o_jbc_crumbs{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 22px; font-size: .8125rem; color: var(--jbc-on-dark-2);}.o_jbc_crumbs a{color: var(--jbc-on-dark-2);}.o_jbc_crumbs a:hover{color: #fff;}.o_jbc_crumbs .o_jbc_ico{width: 14px; height: 14px;}.o_jbc_crumbs span[aria-current]{color: #fff; font-weight: 600; max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.o_jbc_head{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); gap: 56px; align-items: center; padding-top: 34px;}.o_jbc_head.o_jbc_head_text{grid-template-columns: minmax(0, 46rem);}.o_jbc_topics{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px;}.o_jbc_topic{padding: 5px 12px; border-radius: 999px; font-size: .8125rem; font-weight: 600; color: #fff; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16);}.o_jbc .o_jbc_title{color: #fff; font-size: clamp(2rem, calc(1.2rem + 2.3vw), 3rem); font-weight: 400; line-height: 1.1; letter-spacing: -.025em; text-wrap: balance; margin: 0;}.o_jbc .o_jbc_title strong{font-weight: 750;}.o_jbc .o_jbc_subtitle{color: var(--jbc-on-dark-2); font-size: 1.1875rem; line-height: 1.5; margin: 16px 0 0; max-width: 46ch;}.o_jbc_byline{display: flex; align-items: center; gap: 12px; margin-top: 26px; font-size: .9375rem; color: var(--jbc-on-dark-2);}.o_jbc_byline img{width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #fff;}.o_jbc_byline b{display: block; color: #fff; font-weight: 650;}.o_jbc_actions{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px;}.o_jbc_frame{margin: 0; border-radius: 14px; background: #fff; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18), 0 34px 70px -28px rgba(0, 0, 0, 0.6); transform: perspective(1800px) rotateY(-5deg) rotateX(1.5deg); transform-origin: left center;}.o_jbc_frame img{display: block; width: 100%; height: auto;}.o_jbc_frame_bar{display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; background: #eceef1; border-bottom: 1px solid var(--jbc-line);}.o_jbc_frame_bar i{width: 9px; height: 9px; border-radius: 50%; background: #c9cdd3;}.o_jbc_sheet{position: relative; z-index: 2; margin-top: -72px;}.o_jbc_facts{display: grid; grid-template-columns: repeat(var(--jbc-facts, 4), minmax(0, 1fr)); margin: 0; background: var(--jbc-paper); border-radius: 24px; box-shadow: var(--jbc-shadow);}.o_jbc[data-jbc-facts="1"]{--jbc-facts: 1;}.o_jbc[data-jbc-facts="2"]{--jbc-facts: 2;}.o_jbc[data-jbc-facts="3"]{--jbc-facts: 3;}.o_jbc[data-jbc-facts="4"]{--jbc-facts: 4;}.o_jbc_fact{display: flex; gap: 14px; align-items: flex-start; padding: 24px 26px; min-width: 0;}.o_jbc_fact + .o_jbc_fact{border-left: 1px solid var(--jbc-line);}.o_jbc_fact dt{font-size: .8125rem; color: var(--jbc-ink-2); font-weight: 550;}.o_jbc_fact dd{margin: 2px 0 0; font-weight: 700; color: var(--jbc-ink); line-height: 1.3;}.o_jbc_fact .o_jbc_fact_figure{font-size: 1.375rem; letter-spacing: -.01em; font-variant-numeric: tabular-nums;}.o_jbc_fact_icon{width: 42px; height: 42px; border-radius: 12px; background: var(--jbc-action-soft); color: var(--jbc-action); display: grid; place-items: center; flex: none;}.o_jbc_fact_icon .o_jbc_ico{width: 21px; height: 21px;}.o_jbc_body{display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 72px; align-items: start; padding: 56px 0 80px;}.o_jbc_article{max-width: 68ch; min-width: 0;}.o_jbc_aside{position: sticky; top: calc(var(--jbc-sticky-top, 0px) + 24px); display: grid; gap: 20px;}.o_jbc_toc h2{font-size: .8125rem; font-weight: 700; color: var(--jbc-ink-2); margin: 0 0 10px; letter-spacing: 0;}.o_jbc_toc ol{list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--jbc-line-2);}.o_jbc_toc a{display: block; padding: 7px 0 7px 16px; margin-left: -1px; border-left: 2px solid transparent; color: var(--jbc-ink-2); font-size: .9375rem; line-height: 1.35; text-decoration: none;}.o_jbc_toc a:hover{color: var(--jbc-ink);}.o_jbc_toc a[aria-current="true"]{color: var(--jbc-ink); font-weight: 650; border-left-color: var(--jbc-action);}.o_jbc_chips:not([hidden]){display: none;}.o_jbc_content{font-size: 1.0625rem; line-height: 1.72; color: var(--jbc-ink);}.o_jbc_content p{margin: 0 0 1.1em;}.o_jbc_content h2{font-size: 1.625rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; margin: 64px 0 16px; scroll-margin-top: calc(var(--jbc-sticky-top, 0px) + 72px); color: var(--jbc-ink);}.o_jbc_content > :first-child h2:first-child, .o_jbc_content > h2:first-child{margin-top: 0;}.o_jbc_content h3{font-size: 1.125rem; font-weight: 700; margin: 28px 0 8px; letter-spacing: -.01em; color: var(--jbc-ink);}.o_jbc_content a{color: var(--jbc-action-text); text-decoration: underline; text-underline-offset: 3px;}.o_jbc_content b, .o_jbc_content strong{font-weight: 700;}.o_jbc_content .o_jbc_section + .o_jbc_section h2{margin-top: 64px;}.o_jbc_content .o_jbc_section:first-child > h2:first-child{margin-top: 0;}.o_jbc_content .o_jbc_lead{font-size: 1.3125rem; line-height: 1.55; font-weight: 450; letter-spacing: -.005em; margin-bottom: 14px; text-wrap: pretty;}.o_jbc_content .o_jbc_lead ~ p:not([class]){color: var(--jbc-ink-2);}.o_jbc_content .o_jbc_list{list-style: none; margin: 18px 0 22px; padding: 0;}.o_jbc_content .o_jbc_list > li{position: relative; padding: 13px 0 13px 36px; border-bottom: 1px solid var(--jbc-line);}.o_jbc_content .o_jbc_list > li::before{content: ""; position: absolute; left: 0; top: 17px; width: 22px; height: 22px; color: var(--jbc-action); background-color: currentColor; -webkit-mask: url("/jbn_blog_case/static/src/img/icons/check.svg") center/contain no-repeat; mask: url("/jbn_blog_case/static/src/img/icons/check.svg") center/contain no-repeat;}.o_jbc_content .o_jbc_list > li:first-child{border-top: 1px solid var(--jbc-line);}.o_jbc_content .o_jbc_list > li b:first-child{color: var(--jbc-ink);}.o_jbc_content .o_jbc_list_x > li::before{background-color: currentColor; -webkit-mask: url("/jbn_blog_case/static/src/img/icons/circle-x.svg") center/contain no-repeat; mask: url("/jbn_blog_case/static/src/img/icons/circle-x.svg") center/contain no-repeat;}.o_jbc_content .o_jbc_list_check > li::before{color: var(--jbc-good);}.o_jbc_content .o_jbc_list_dot > li::before{background-color: currentColor; -webkit-mask: url("/jbn_blog_case/static/src/img/icons/dot.svg") center/contain no-repeat; mask: url("/jbn_blog_case/static/src/img/icons/dot.svg") center/contain no-repeat; color: var(--jbc-ink-2);}.o_jbc_content .o_jbc_note{position: relative; background: var(--jbc-mist); border-radius: 14px; padding: 18px 20px 18px 54px; margin: 0 0 1.1em;}.o_jbc_content .o_jbc_note::before{content: ""; position: absolute; left: 20px; top: 21px; width: 22px; height: 22px; color: var(--jbc-ink-2); background-color: currentColor; -webkit-mask: url("/jbn_blog_case/static/src/img/icons/info.svg") center/contain no-repeat; mask: url("/jbn_blog_case/static/src/img/icons/info.svg") center/contain no-repeat;}.o_jbc_content .o_jbc_figures{margin: 22px 0 1.1em; border: 1px solid var(--jbc-line); border-radius: var(--jbc-radius); background: var(--jbc-paper); box-shadow: var(--jbc-shadow); overflow: hidden;}.o_jbc_content .o_jbc_figures > h3{margin: 0; padding: 20px 26px 16px; border-bottom: 1px solid var(--jbc-line);}.o_jbc_content .o_jbc_figures dl{margin: 0;}.o_jbc_content .o_jbc_figures .o_jbc_figure_row{display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; align-items: baseline; padding: 18px 26px;}.o_jbc_content .o_jbc_figures .o_jbc_figure_row + .o_jbc_figure_row{border-top: 1px solid var(--jbc-line);}.o_jbc_content .o_jbc_figures dt{font-size: 2rem; font-weight: 750; letter-spacing: -.03em; line-height: 1; color: var(--jbc-ink); font-variant-numeric: tabular-nums;}.o_jbc_content .o_jbc_figures dt small{font-size: 1.125rem; font-weight: 700; letter-spacing: 0; margin-left: 2px;}.o_jbc_content .o_jbc_figures .o_jbc_figure_row:first-child dt{color: var(--jbc-action-text);}.o_jbc_content .o_jbc_figures dd{margin: 0; color: var(--jbc-ink-2); line-height: 1.5;}.o_jbc_content .o_jbc_table{width: 100%; margin: 22px 0 1.1em; border-collapse: separate; border-spacing: 0; border: 1px solid var(--jbc-line); border-radius: 16px; overflow: hidden; font-size: .975rem;}.o_jbc_content .o_jbc_table th, .o_jbc_content .o_jbc_table td{padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--jbc-line);}.o_jbc_content .o_jbc_table th{background: var(--jbc-mist); font-weight: 700; color: var(--jbc-ink);}.o_jbc_content .o_jbc_table tr:last-child td{border-bottom: 0;}.o_jbc_content .o_jbc_table td + td, .o_jbc_content .o_jbc_table th + th{border-left: 1px solid var(--jbc-line);}.o_jbc_content .o_jbc_problems{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 22px 0 1.1em;}.o_jbc_content .o_jbc_problems > div{border: 1px solid var(--jbc-line); border-radius: var(--jbc-radius); background: var(--jbc-paper); box-shadow: var(--jbc-shadow); padding: 18px 20px 8px;}.o_jbc_content .o_jbc_problems h3{margin: 0 0 10px; font-size: 1rem;}.o_jbc_content .o_jbc_problems ul{list-style: none; margin: 0; padding: 0;}.o_jbc_content .o_jbc_problems li{display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; padding: 10px 0; border-top: 1px solid var(--jbc-line); line-height: 1.5;}.o_jbc_content .o_jbc_problems li:first-child{border-top: 0;}.o_jbc_content .o_jbc_code{display: inline-block; align-self: start; font-size: .75rem; font-weight: 750; font-variant-numeric: tabular-nums; text-align: center; border-radius: 999px; padding: 3px 0; background: var(--jbc-action-soft); color: var(--jbc-action-text);}.o_jbc_content .o_jbc_solves{display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 4px 0 1.1em; font-size: .875rem; font-weight: 650; color: var(--jbc-ink-2);}.o_jbc_content .o_jbc_solves .o_jbc_code{padding: 3px 10px; text-decoration: none;}.o_jbc_content .o_jbc_timeline{list-style: none; margin: 22px 0 1.1em; padding: 0; counter-reset: jbc-hito;}.o_jbc_content .o_jbc_timeline > li{position: relative; padding: 0 0 22px 44px; counter-increment: jbc-hito;}.o_jbc_content .o_jbc_timeline > li::before{content: counter(jbc-hito); position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: .8125rem; font-weight: 750; background: var(--jbc-paper); border: 2px solid var(--jbc-line-2); color: var(--jbc-ink-2);}.o_jbc_content .o_jbc_timeline > li::after{content: ""; position: absolute; left: 13px; top: 30px; bottom: 2px; width: 2px; background: var(--jbc-line);}.o_jbc_content .o_jbc_timeline > li:last-child{padding-bottom: 0;}.o_jbc_content .o_jbc_timeline > li:last-child::after{display: none;}.o_jbc_content .o_jbc_timeline > li.o_jbc_key::before{background: var(--jbc-action); border-color: var(--jbc-action); color: #fff;}.o_jbc_content .o_jbc_timeline time{display: block; font-size: .8125rem; font-weight: 700; letter-spacing: .02em; color: var(--jbc-action-text);}.o_jbc_content .o_jbc_timeline h4{margin: 2px 0 4px; font-size: 1.0625rem; font-weight: 700;}.o_jbc_content .o_jbc_timeline p{margin: 0; color: var(--jbc-ink-2);}.o_jbc_content .o_jbc_cards{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 22px 0 1.1em;}.o_jbc_content .o_jbc_cards > article{border: 1px solid var(--jbc-line); border-radius: var(--jbc-radius); background: var(--jbc-paper); box-shadow: var(--jbc-shadow); padding: 18px 20px;}.o_jbc_content .o_jbc_cards .o_jbc_tag{display: inline-block; font-size: .6875rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; border-radius: 999px; padding: 3px 9px; background: var(--jbc-mist); color: var(--jbc-ink-2);}.o_jbc_content .o_jbc_cards .o_jbc_tag_measured{background: #e3f1e6; color: var(--jbc-good);}.o_jbc_content .o_jbc_cards .o_jbc_num{display: block; margin-top: 10px; font-size: 1.75rem; font-weight: 750; letter-spacing: -.03em; line-height: 1.1; font-variant-numeric: tabular-nums;}.o_jbc_content .o_jbc_cards h4{margin: 8px 0 4px; font-size: 1rem; font-weight: 700;}.o_jbc_content .o_jbc_cards p{margin: 0; font-size: .9375rem; color: var(--jbc-ink-2); line-height: 1.5;}.o_jbc_content .o_jbc_small{font-size: .875rem; color: var(--jbc-ink-2);}.o_jbc_content .o_jbc_quote{position: relative; margin: 28px 0; padding: 26px 28px 24px 74px; border-radius: var(--jbc-radius); background: var(--jbc-mist);}.o_jbc_content .o_jbc_quote::before{content: ""; position: absolute; left: 26px; top: 28px; width: 30px; height: 30px; color: var(--jbc-action); background-color: currentColor; -webkit-mask: url("/jbn_blog_case/static/src/img/icons/quote.svg") center/contain no-repeat; mask: url("/jbn_blog_case/static/src/img/icons/quote.svg") center/contain no-repeat;}.o_jbc_content .o_jbc_quote p{font-size: 1.1875rem; line-height: 1.5; font-weight: 500; margin: 0 0 10px;}.o_jbc_content .o_jbc_quote footer, .o_jbc_content .o_jbc_quote cite{display: block; font-style: normal; font-size: .9375rem; font-weight: 650; color: var(--jbc-ink-2);}.o_jbc_content .o_jbc_embed{margin: 22px 0 1.1em; border-radius: var(--jbc-radius); overflow: hidden; border: 1px solid var(--jbc-line); background: var(--jbc-mist); aspect-ratio: 16 / 9;}.o_jbc_content .o_jbc_embed iframe{width: 100%; height: 100%; border: 0; display: block;}.o_jbc_content .o_jbc_figure{margin: 22px 0 1.1em;}.o_jbc_content .o_jbc_figure img{border-radius: 14px; border: 1px solid var(--jbc-line); width: 100%; height: auto;}.o_jbc_content .o_jbc_figure figcaption{margin-top: 10px; font-size: .9rem; color: var(--jbc-ink-2);}.o_jbc_content .o_jbc_figure_tall img{width: auto; max-width: 100%; max-height: 640px; display: block; margin-inline: auto;}.o_jbc_content .o_jbc_figure_tall figcaption{text-align: center;}.o_jbc_content .o_jbc_author{display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 26px; margin-top: 56px; padding: 28px; border-radius: var(--jbc-radius); background: var(--jbc-mist);}.o_jbc_content .o_jbc_author > img{width: 112px; height: 112px; border-radius: 50%; object-fit: cover; object-position: center 20%;}.o_jbc_content .o_jbc_author h2{margin: 0 !important; font-size: 1.375rem;}.o_jbc_content .o_jbc_author .o_jbc_author_role{margin: 2px 0 12px; font-weight: 600; color: var(--jbc-ink-2); font-size: .9375rem;}.o_jbc_content .o_jbc_author p{font-size: 1rem; line-height: 1.65;}.o_jbc_content .o_jbc_author ul{list-style: none; padding: 0; margin: 4px 0 18px; display: flex; flex-wrap: wrap; gap: 8px;}.o_jbc_content .o_jbc_author li{display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px 6px 30px; position: relative; border-radius: 999px; background: var(--jbc-paper); border: 1px solid var(--jbc-line); font-size: .875rem; font-weight: 600; line-height: 1.3;}.o_jbc_content .o_jbc_author li::before{content: ""; position: absolute; left: 11px; width: 14px; height: 14px; color: var(--jbc-good); background-color: currentColor; -webkit-mask: url("/jbn_blog_case/static/src/img/icons/check.svg") center/contain no-repeat; mask: url("/jbn_blog_case/static/src/img/icons/check.svg") center/contain no-repeat;}.o_jbc_content .o_jbc_author .o_jbc_author_links{display: flex; gap: 8px; margin: 0;}.o_jbc_content .o_jbc_author .o_jbc_author_links a{width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--jbc-paper); color: var(--jbc-ink); border: 1px solid var(--jbc-line); text-decoration: none;}.o_jbc_content .o_jbc_author .o_jbc_author_links a:hover{border-color: var(--jbc-ink);}.o_jbc_content .o_jbc_author .o_jbc_author_links a::before{content: ""; width: 17px; height: 17px;}.o_jbc_content .o_jbc_author .o_jbc_author_links a[data-jbc-network="whatsapp"]::before{background-color: currentColor; -webkit-mask: url("/jbn_blog_case/static/src/img/icons/message-circle.svg") center/contain no-repeat; mask: url("/jbn_blog_case/static/src/img/icons/message-circle.svg") center/contain no-repeat;}.o_jbc_content .o_jbc_author .o_jbc_author_links a[data-jbc-network="linkedin"]::before{background-color: currentColor; -webkit-mask: url("/jbn_blog_case/static/src/img/icons/linkedin.svg") center/contain no-repeat; mask: url("/jbn_blog_case/static/src/img/icons/linkedin.svg") center/contain no-repeat;}.o_jbc_content .o_jbc_author .o_jbc_author_links a[data-jbc-network="youtube"]::before{background-color: currentColor; -webkit-mask: url("/jbn_blog_case/static/src/img/icons/youtube.svg") center/contain no-repeat; mask: url("/jbn_blog_case/static/src/img/icons/youtube.svg") center/contain no-repeat;}.o_jbc_content .o_jbc_gallery{margin: 22px 0 1.1em;}.o_jbc_content .o_jbc_gallery .o_jbc_gallery_group + .o_jbc_gallery_group{margin-top: 24px;}.o_jbc_content .o_jbc_gallery .o_jbc_gallery_group::before{content: attr(data-name); display: block; margin-bottom: 10px; font-size: .9375rem; font-weight: 650; color: var(--jbc-ink);}.o_jbc_content .o_jbc_gallery .o_jbc_gallery_group:only-child::before{content: none;}.o_jbc_content .o_jbc_gallery .o_jbc_gallery_group{display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px;}.o_jbc_content .o_jbc_gallery .o_jbc_gallery_group > img{width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 10px;}.o_jbc_viewer{margin: 22px 0 1.1em;}.o_jbc_viewer_groups{display: inline-flex; gap: 4px; padding: 4px; margin-bottom: 14px; border-radius: 999px; background: var(--jbc-mist); max-width: 100%; overflow-x: auto; scrollbar-width: none;}.o_jbc_viewer_groups button{flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; color: var(--jbc-ink-2); font: inherit; font-size: .9rem; font-weight: 650; cursor: pointer; white-space: nowrap;}.o_jbc_viewer_groups button span{font-size: .75rem; font-weight: 700; color: var(--jbc-ink-2); background: var(--jbc-paper); border-radius: 999px; padding: 1px 8px; font-variant-numeric: tabular-nums;}.o_jbc_viewer_groups button[aria-selected="true"]{background: var(--jbc-paper); color: var(--jbc-ink); box-shadow: 0 1px 2px rgba(36, 40, 45, 0.08), 0 4px 10px -6px rgba(36, 40, 45, 0.3);}.o_jbc_viewer_groups button[aria-selected="true"] span{background: var(--jbc-ink); color: #fff;}.o_jbc_viewer_group[hidden]{display: none;}.o_jbc_stage{position: relative; border-radius: var(--jbc-radius); overflow: hidden; background: #191c20; box-shadow: var(--jbc-shadow);}.o_jbc_track{display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; aspect-ratio: 16 / 9;}.o_jbc_track::-webkit-scrollbar{display: none;}.o_jbc_track:focus-visible{outline: 3px solid var(--jbc-action); outline-offset: -3px;}.o_jbc_slide{position: relative; flex: 0 0 100%; height: 100%; margin: 0; scroll-snap-align: center; cursor: zoom-in;}.o_jbc_slide img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;}.o_jbc_arrow, .o_jbc_zoom{position: absolute; display: grid; place-items: center; border: 0; cursor: pointer; color: var(--jbc-ink); background: rgba(255, 255, 255, 0.92); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); transition: background 0.2s var(--jbc-ease), transform 0.2s var(--jbc-ease), opacity 0.2s var(--jbc-ease);}.o_jbc_arrow:hover, .o_jbc_zoom:hover{background: #fff; transform: scale(1.06);}.o_jbc_arrow{top: 50%; width: 46px; height: 46px; margin-top: -23px; border-radius: 50%;}.o_jbc_arrow[disabled]{opacity: 0; pointer-events: none;}.o_jbc_arrow.o_jbc_prev{left: 16px;}.o_jbc_arrow.o_jbc_next{right: 16px;}.o_jbc_arrow .o_jbc_ico{width: 22px; height: 22px;}.o_jbc_zoom{top: 14px; right: 14px; width: 40px; height: 40px; border-radius: 12px;}.o_jbc_zoom .o_jbc_ico{width: 18px; height: 18px;}.o_jbc_count{position: absolute; left: 16px; bottom: 14px; padding: 4px 12px; border-radius: 999px; background: rgba(20, 22, 26, 0.92); color: #fff; font-size: .8125rem; font-weight: 650; font-variant-numeric: tabular-nums;}.o_jbc_caption{margin: 12px 0 0; font-size: .9rem; color: var(--jbc-ink-2);}.o_jbc_caption:empty{display: none;}.o_jbc_thumbs{display: flex; gap: 10px; margin-top: 12px; padding: 3px; overflow-x: auto; scrollbar-width: none;}.o_jbc_thumbs button{flex: 0 0 96px; aspect-ratio: 16 / 10; padding: 0; border: 0; border-radius: 10px; overflow: hidden; cursor: pointer; background: var(--jbc-mist); opacity: .62; outline: 2px solid transparent; outline-offset: 2px; transition: opacity 0.2s var(--jbc-ease), outline-color 0.2s var(--jbc-ease);}.o_jbc_thumbs button:hover{opacity: 1;}.o_jbc_thumbs button[aria-current="true"]{opacity: 1; outline-color: var(--jbc-ink);}.o_jbc_thumbs img{width: 100%; height: 100%; object-fit: cover;}.o_jbc_lightbox{width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(14, 16, 19, 0.96); color: #fff;}.o_jbc_lightbox::backdrop{background: rgba(14, 16, 19, 0.96);}.o_jbc_lightbox[open]{display: grid; grid-template-rows: auto minmax(0, 1fr) auto;}.o_jbc_lightbox_bar{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; font-size: .9rem; color: #d7dbe0;}.o_jbc_lightbox_bar b{color: #fff; font-weight: 650;}.o_jbc_lightbox_close{width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.25); background: transparent; color: #fff; display: grid; place-items: center; cursor: pointer;}.o_jbc_lightbox_close:hover{background: rgba(255, 255, 255, 0.1);}.o_jbc_lightbox_close .o_jbc_ico{width: 20px; height: 20px;}.o_jbc_lightbox_image{position: relative; display: grid; place-items: center; padding: 0 76px; min-height: 0;}.o_jbc_lightbox_image img{max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px;}.o_jbc_lightbox_image .o_jbc_arrow{background: rgba(255, 255, 255, 0.14); color: #fff; box-shadow: none;}.o_jbc_lightbox_image .o_jbc_arrow:hover{background: rgba(255, 255, 255, 0.24);}.o_jbc_lightbox_image .o_jbc_prev{left: 20px;}.o_jbc_lightbox_image .o_jbc_next{right: 20px;}.o_jbc_lightbox_caption{padding: 14px 20px 22px; text-align: center; color: #d7dbe0; font-size: .9rem; min-height: 1.4em;}.o_jbc_resources{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 40px;}.o_jbc_resource{display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid var(--jbc-line-2); border-radius: 14px; color: var(--jbc-ink); font-weight: 650; text-decoration: none; transition: border-color 0.2s var(--jbc-ease), box-shadow 0.2s var(--jbc-ease);}.o_jbc_resource:hover{border-color: var(--jbc-ink); box-shadow: var(--jbc-shadow); color: var(--jbc-ink); text-decoration: none;}.o_jbc_resource small{display: block; font-weight: 500; color: var(--jbc-ink-2); font-size: .8125rem;}.o_jbc_resource > .o_jbc_ico{margin-left: auto; width: 18px; height: 18px; color: var(--jbc-ink-2);}.o_jbc_resource_icon{width: 40px; height: 40px; border-radius: 12px; background: var(--jbc-mist); color: var(--jbc-ink); display: grid; place-items: center; flex: none;}.o_jbc_post_footer{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px; margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--jbc-line);}.o_jbc_tags{display: flex; flex-wrap: wrap; gap: 8px;}.o_jbc_tags a{padding: 6px 12px; border-radius: 999px; background: var(--jbc-mist); color: var(--jbc-ink); font-size: .8125rem; font-weight: 600; text-decoration: none;}.o_jbc_tags a:hover{background: var(--jbc-mist-2);}.o_jbc_share{display: flex; align-items: center; gap: 6px; font-size: .875rem; color: var(--jbc-ink-2); font-weight: 550;}.o_jbc_share > span{margin-right: 4px;}.o_jbc_share a, .o_jbc_share button{width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; color: var(--jbc-ink); background: transparent; border: 1px solid var(--jbc-line); cursor: pointer;}.o_jbc_share a:hover, .o_jbc_share button:hover{border-color: var(--jbc-ink);}.o_jbc_share .o_jbc_ico{width: 17px; height: 17px;}.o_jbc_share .o_jbc_copied{border-color: var(--jbc-good); color: var(--jbc-good);}.o_jbc_related{padding: 72px 0;}.o_jbc_section_head{display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 32px;}.o_jbc_section_head h2{margin: 0; font-size: clamp(1.6rem, calc(1.2rem + 1.2vw), 2.25rem); font-weight: 400; letter-spacing: -.02em;}.o_jbc_section_head h2 strong{font-weight: 750;}.o_jbc_more{display: inline-flex; align-items: center; gap: 6px; font-weight: 650; color: var(--jbc-action-text); text-decoration: none;}.o_jbc_more .o_jbc_ico{width: 18px; height: 18px; transition: transform 0.2s var(--jbc-ease);}.o_jbc_more:hover .o_jbc_ico{transform: translateX(3px);}.o_jbc_cards{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}.o_jbc_card{display: flex; flex-direction: column; color: var(--jbc-ink); text-decoration: none;}.o_jbc_card:hover{color: var(--jbc-ink); text-decoration: none;}.o_jbc_card h3{font-size: 1.1875rem; font-weight: 700; line-height: 1.3; letter-spacing: -.015em; margin: 10px 0 0;}.o_jbc_card:hover h3{text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1.5px;}.o_jbc_card p{margin: 8px 0 0; color: var(--jbc-ink-2); font-size: .9375rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.o_jbc_card_image{display: block; border-radius: 16px; overflow: hidden; aspect-ratio: 16 / 10; background: var(--jbc-mist);}.o_jbc_card_image img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--jbc-ease);}.o_jbc_card:hover .o_jbc_card_image img{transform: scale(1.04);}.o_jbc_card_topic{align-self: flex-start; margin-top: 16px; padding: 4px 10px; border-radius: 999px; background: var(--jbc-action-soft); color: var(--jbc-action-hover); font-size: .75rem; font-weight: 700;}@media (max-width: 1199.98px){.o_jbc_head{grid-template-columns: 1fr; gap: 36px;}.o_jbc_frame{transform: none; max-width: 720px;}.o_jbc_facts{grid-template-columns: repeat(2, minmax(0, 1fr));}.o_jbc_fact:nth-child(3){border-left: 0;}.o_jbc_fact:nth-child(n+3){border-top: 1px solid var(--jbc-line);}.o_jbc[data-jbc-facts="1"] .o_jbc_facts{grid-template-columns: 1fr;}.o_jbc[data-jbc-facts="3"] .o_jbc_fact:nth-child(3){grid-column: 1 / -1;}.o_jbc_body{grid-template-columns: minmax(0, 1fr); gap: 0;}.o_jbc_article{max-width: none;}.o_jbc_aside{position: static;}.o_jbc_toc{display: none;}.o_jbc_chips:not([hidden]){display: flex; position: sticky; top: var(--jbc-sticky-top, 0px); z-index: 5; gap: 8px; margin: 0 calc(var(--bs-gutter-x, 1.5rem) * -.5); padding: 12px calc(var(--bs-gutter-x, 1.5rem) * .5); overflow-x: auto; scrollbar-width: none; background: rgba(255, 255, 255, 0.94); backdrop-filter: saturate(1.4) blur(8px); border-bottom: 1px solid var(--jbc-line);}.o_jbc_chips:not([hidden]) a{flex: none; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--jbc-line-2); color: var(--jbc-ink); font-size: .875rem; font-weight: 600; white-space: nowrap; text-decoration: none;}.o_jbc_chips:not([hidden]) a[aria-current="true"]{background: var(--jbc-ink); border-color: var(--jbc-ink); color: #fff;}.o_jbc_cards{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 767.98px){.o_jbc_band{padding-bottom: 40px;}.o_jbc_band_with_facts{padding-bottom: 92px;}.o_jbc_crumbs span[aria-current]{max-width: 20ch;}.o_jbc_head{padding-top: 22px; gap: 28px;}.o_jbc .o_jbc_subtitle{font-size: 1.0625rem;}.o_jbc_actions .o_jbc_btn{flex: 1 1 100%;}.o_jbc_frame_bar{height: 22px; padding: 0 9px; gap: 5px;}.o_jbc_frame_bar i{width: 7px; height: 7px;}.o_jbc_sheet{margin-top: -60px;}.o_jbc_facts{border-radius: 20px;}.o_jbc_fact{padding: 14px 16px;}.o_jbc_fact_icon{display: none;}.o_jbc_fact .o_jbc_fact_figure{font-size: 1.1875rem;}.o_jbc_body{padding: 28px 0 56px;}.o_jbc_content{font-size: 1rem;}.o_jbc_content h2{font-size: 1.375rem; margin-top: 48px;}.o_jbc_content .o_jbc_lead{font-size: 1.1875rem;}.o_jbc_content .o_jbc_figures .o_jbc_figure_row{grid-template-columns: 96px minmax(0, 1fr); gap: 14px; padding: 16px 18px;}.o_jbc_content .o_jbc_figures dt{font-size: 1.5rem;}.o_jbc_content .o_jbc_figures > h3{padding: 16px 18px 14px;}.o_jbc_content .o_jbc_table{display: block; overflow-x: auto;}.o_jbc_content .o_jbc_problems, .o_jbc_content .o_jbc_cards{grid-template-columns: minmax(0, 1fr);}.o_jbc_content .o_jbc_quote{padding: 22px 20px 20px 60px;}.o_jbc_content .o_jbc_quote::before{left: 18px; top: 24px; width: 26px; height: 26px;}.o_jbc_content .o_jbc_author{grid-template-columns: 1fr; gap: 16px; padding: 22px 18px;}.o_jbc_content .o_jbc_author > img{width: 88px; height: 88px;}.o_jbc_viewer_groups{display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); width: 100%; border-radius: 16px;}.o_jbc_viewer_groups button{white-space: normal; text-align: left; line-height: 1.25; padding: 8px 12px; border-radius: 12px; font-size: .8125rem; justify-content: space-between;}.o_jbc_stage{border-radius: 14px;}.o_jbc_arrow{width: 38px; height: 38px; margin-top: -19px;}.o_jbc_arrow.o_jbc_prev{left: 10px;}.o_jbc_arrow.o_jbc_next{right: 10px;}.o_jbc_thumbs button{flex-basis: 72px;}.o_jbc_lightbox_image{padding: 0 8px;}.o_jbc_lightbox_image .o_jbc_arrow{top: auto; bottom: -58px;}.o_jbc_lightbox_image .o_jbc_prev{left: calc(50% - 56px);}.o_jbc_lightbox_image .o_jbc_next{right: calc(50% - 56px); left: auto;}.o_jbc_lightbox_caption{padding-top: 70px;}.o_jbc_resources{grid-template-columns: 1fr;}.o_jbc_post_footer{flex-direction: column; align-items: flex-start;}.o_jbc_related{padding: 52px 0;}.o_jbc_section_head{flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 24px;}.o_jbc_cards{display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; margin: 0 calc(var(--bs-gutter-x, 1.5rem) * -.5); padding: 0 calc(var(--bs-gutter-x, 1.5rem) * .5) 6px; scrollbar-width: none;}.o_jbc_card{flex: 0 0 84%; scroll-snap-align: start;}}@media (prefers-reduced-motion: reduce){.o_jbc_track{scroll-behavior: auto;}.o_jbc_card_image img, .o_jbc_resource, .o_jbc_arrow, .o_jbc_zoom{transition: none;}}