.container-article-8col{position:relative}
.corp-blog-navigation-index-component{display:block}
.corp-blog-navigation-index-component .corp-blog-navigation-index{display:flex;align-items:stretch;gap:16px}
.corp-blog-navigation-index-component .wrapper-scroll{position:relative;flex:0 0 auto;width:2px;border-radius:var(--rds-radius-s);background:var(--rds-color-interactive-surface-alternative)}
.corp-blog-navigation-index-component .scroll-line{position:absolute;top:0;left:0;width:100%;height:0;border-radius:var(--rds-radius-s);background:var(--rds-color-highlightedSurface-orangeGradient);transition:height .1s linear}
.corp-blog-navigation-index-component .corp-blog-navigation-index__content{display:flex;flex-direction:column;gap:24px;width:100%;min-height:0}
.corp-blog-navigation-index-component .corp-blog-navigation-index__head{display:flex;flex-direction:column;align-items:stretch;gap:0;flex:0 0 auto}
.corp-blog-navigation-index-component .corp-blog-navigation-index__head-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta{display:none}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;width:100%;min-height:0;overflow:hidden;padding-top:4px}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner .rds-button.rds-button--icon{height:32px;width:32px}
.corp-blog-navigation-index-component .corp-blog-navigation-index__title{margin:0;color:var(--rds-color-content-high);font-family:RepsolSoleTextBold;font-size:18px;font-weight:600;line-height:26px;letter-spacing:0}
.corp-blog-navigation-index-component .corp-blog-navigation-index__title--article{display:none}
.corp-blog-navigation-index-component .corp-blog-navigation-index__reading-time{font-family:'RepsolSoleTextRegular';font-size:16px;line-height:24px;color:var(--rds-color-content-medium)}
.corp-blog-navigation-index-component .hero-share{flex:0 0 auto;margin-left:auto}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner .hero-share a{width:32px;height:32px;padding:0;border-color:var(--rds-color-button-secondary-border-default);background-color:var(--rds-color-surface-white)}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner .hero-share a .rds-icon{font-size:16px;color:var(--rds-color-content-high)}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner .hero-share a::after{content:none}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner .hero-share a:hover{border-color:var(--rds-color-button-secondary-border-hover);background-color:var(--rds-color-interactive-surface-state-hover)}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner .hero-share a:active,.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner .hero-share a.active{border-color:var(--rds-color-button-secondary-border-active);background-color:var(--rds-color-interactive-surface-state-hover)}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner .hero-share a:hover .rds-icon,.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner .hero-share a:active .rds-icon,.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner .hero-share a.active .rds-icon{color:var(--rds-color-content-high)}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner .hero-share a:focus-visible{border-color:var(--rds-color-button-secondary-border-default);background-color:var(--rds-color-surface-white);box-shadow:none;outline:3px solid var(--rds-color-interactive-border-state-focus);outline-offset:2px}
.corp-blog-navigation-index-component .corp-blog-navigation-index__list{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}
.corp-blog-navigation-index-component .corp-blog-navigation-index__link{display:flex;gap:8px;font:var(--rds-body-02-bold);letter-spacing:0;color:var(--rds-color-content-medium);text-decoration:none;transition:color .2s ease-in-out}
@media(hover:hover){.corp-blog-navigation-index-component .corp-blog-navigation-index__link:hover{color:var(--rds-color-link-content-state-hover)}
}
.corp-blog-navigation-index-component .corp-blog-navigation-index__link:active{color:var(--rds-color-content-high);transition-duration:0}
.corp-blog-navigation-index-component .corp-blog-navigation-index__link:focus-visible{border-radius:4px;outline:2px solid var(--rds-color-interactive-border-state-focus)}
.corp-blog-navigation-index-component .corp-blog-navigation-index__item.is-active .corp-blog-navigation-index__link{color:var(--rds-color-content-high)}
.corp-blog-navigation-index-component .corp-blog-navigation-index__number{flex:0 0 auto}
@media(max-width:1348px){.corp-blog-navigation-index-component{padding-left:8px;padding-right:8px;margin-bottom:72px}
}
@media(max-width:1348px) and (max-width:1024px){.corp-blog-navigation-index-component{margin-bottom:48px}
}
@media(min-width:1349px){.corp-blog-navigation-index-component{position:absolute;top:0;left:100%;margin-left:139px;width:288px;margin-top:40px;padding-bottom:72px;height:calc(100% - 40px)}
.corp-blog-navigation-index-component .corp-blog-navigation-index{position:sticky;top:40px;width:100%;max-height:min(95vh,100%);gap:16px}
.corp-blog-navigation-index-component .wrapper-scroll{width:2px}
.corp-blog-navigation-index-component .corp-blog-navigation-index__content{width:270px;max-height:95vh}
.corp-blog-navigation-index-component .corp-blog-navigation-index__list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px;margin:-4px}
.corp-blog-navigation-index-component .corp-blog-navigation-index__head-text{position:relative;height:var(--cbni-title-default-h,auto);transition:height .7s ease-in-out}
.corp-blog-navigation-index-component .corp-blog-navigation-index__title--article{display:block;position:absolute;top:0;left:0;right:0}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s ease-in-out}
.corp-blog-navigation-index-component .corp-blog-navigation-index__title--default{opacity:1;visibility:visible;transition:opacity .7s ease-in-out,visibility 0}
.corp-blog-navigation-index-component .corp-blog-navigation-index__title--article{opacity:0;visibility:hidden;transition:opacity .7s ease-in-out,visibility 0 .7s}
.corp-blog-navigation-index-component .corp-blog-navigation-index__meta-inner{opacity:0;visibility:hidden;transition:opacity .7s ease-in-out,visibility 0 .7s}
.corp-blog-navigation-index-component.is-past-intro .corp-blog-navigation-index__head-text{height:var(--cbni-title-article-h,auto)}
.corp-blog-navigation-index-component.is-past-intro .corp-blog-navigation-index__title--default{opacity:0;visibility:hidden;transition:opacity .7s ease-in-out,visibility 0 .7s}
.corp-blog-navigation-index-component.is-past-intro .corp-blog-navigation-index__title--article{opacity:1;visibility:visible;transition:opacity .7s ease-in-out,visibility 0}
.corp-blog-navigation-index-component.is-past-intro .corp-blog-navigation-index__meta{grid-template-rows:1fr}
.corp-blog-navigation-index-component.is-past-intro .corp-blog-navigation-index__meta-inner{opacity:1;visibility:visible;transition:opacity .7s ease-in-out,visibility 0}
.corp-blog-navigation-index-component.mode-edit-corp-blog-navigation-index{position:static;top:auto;left:auto;margin-left:0;margin-top:24px;width:100%;height:auto}
.corp-blog-navigation-index-component.mode-edit-corp-blog-navigation-index .corp-blog-navigation-index{position:static;top:auto;max-height:none}
.corp-blog-navigation-index-component.mode-edit-corp-blog-navigation-index .corp-blog-navigation-index__content,.corp-blog-navigation-index-component.mode-edit-corp-blog-navigation-index .corp-blog-navigation-index__list{max-height:none}
.corp-blog-navigation-index-component.mode-edit-corp-blog-navigation-index .corp-blog-navigation-index__list{overflow-y:visible}
.corp-blog-navigation-index-component.mode-edit-corp-blog-navigation-index .corp-blog-navigation-index__meta{grid-template-rows:1fr}
.corp-blog-navigation-index-component.mode-edit-corp-blog-navigation-index .corp-blog-navigation-index__meta-inner{opacity:1;visibility:visible}
}
@media(min-width:1349px){.banner-container{display:none}
}