.okci{--okci-size:80px;--okci-icon:44%;--okci-gap:22px;--okci-item:var(--okci-size);position:relative;width:100%}.okci *{box-sizing:border-box}.okci-track{display:flex;gap:var(--okci-gap);margin:0;padding:var(--okci-pad,6px 2px 10px);list-style:none}.okci.is-scroll .okci-track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.okci.is-scroll .okci-track::-webkit-scrollbar{display:none}.okci.is-scroll.is-drag .okci-track{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.okci.is-scroll.is-drag a{pointer-events:none}.okci.is-wrap .okci-track{flex-wrap:wrap;justify-content:var(--okci-align,center)}.okci.is-grid .okci-track{display:grid;grid-template-columns:repeat(var(--okci-cols,6),minmax(0,1fr));justify-items:center}.okci.is-scroll.is-fit .okci-track{justify-content:var(--okci-align,center)}/* Alinhamento na rolagem lateral só com CSS: as margens automáticas centralizam (ou jogam para a direita)quando sobra espaço e viram zero quando a fileira passa da tela, então a rolagem continua normal. */.okci.is-scroll .okci-item:first-child{margin-left:var(--okci-ml,auto)}.okci.is-scroll .okci-item:last-child{margin-right:var(--okci-mr,auto)}.okci-item{flex:0 0 auto;width:var(--okci-w,auto);min-width:var(--okci-item);max-width:var(--okci-maxw,140px);margin:0;padding:0;scroll-snap-align:start}.okci-link{display:flex;flex-direction:column;align-items:center;gap:var(--okci-lgap,10px);color:inherit;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}.okci-ico{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--okci-size);height:var(--okci-size);border:var(--okci-bw,0px) solid var(--okci-bd,transparent);border-radius:var(--okci-radius,50%);background:var(--okci-i-bg,var(--okci-tb,var(--okci-bg,#0b4f9c)));color:var(--okci-i-c,var(--okci-tc,var(--okci-c,#fff)));box-shadow:var(--okci-shadow,none);transition:background-color .25s,color .25s,transform .25s,box-shadow .25s,border-color .25s}.okci-ico img,.okci-ico lord-icon,.okci-ico .okci-mask,.okci-ico svg{display:block;width:var(--okci-icon);height:var(--okci-icon);max-width:none;margin:0;object-fit:contain;transition:transform .3s}.okci.is-full .okci-ico{overflow:hidden}.okci.is-full .okci-ico img{width:100%;height:100%;object-fit:cover}.okci-mask{background:currentColor;-webkit-mask:var(--okci-src) center/contain no-repeat;mask:var(--okci-src) center/contain no-repeat}.okci-ico lord-icon{--lord-icon-primary:currentColor;--lord-icon-secondary:var(--okci-i-c2,var(--okci-c2,currentColor))}.okci-letter{font-size:calc(var(--okci-size) * .38);font-weight:700;line-height:1}.okci-name{display:-webkit-box;max-width:100%;overflow:hidden;color:var(--okci-i-t,var(--okci-t,#3a3d46));font-size:15px;font-weight:600;line-height:1.25;-webkit-line-clamp:var(--okci-lines,2);-webkit-box-orient:vertical;transition:color .25s}.okci-count{color:var(--okci-cnt,#8a8d96);font-size:12px;line-height:1}.okci-badge{position:absolute;top:-4px;right:-6px;padding:3px 7px;border-radius:99px;background:var(--okci-b-bg,var(--e-global-color-accent,#ff1654));color:var(--okci-b-c,#fff);font-size:10.5px;font-weight:700;line-height:1;white-space:nowrap}.okci-link:hover .okci-ico,.okci-link:focus-visible .okci-ico{background:var(--okci-i-bg-h,var(--okci-bg-h,var(--okci-i-bg,var(--okci-tb,var(--okci-bg,#0b4f9c)))));color:var(--okci-i-c-h,var(--okci-c-h,var(--okci-i-c,var(--okci-tc,var(--okci-c,#fff)))));border-color:var(--okci-bd-h,var(--okci-bd,transparent));transform:var(--okci-hover,translateY(-3px))}.okci-link:hover .okci-name{color:var(--okci-t-h,var(--okci-i-t,var(--okci-t,#3a3d46)))}.okci-link:focus-visible{outline:none}.okci-link:focus-visible .okci-ico{outline:2px solid var(--okci-bg,#0b4f9c);outline-offset:3px}.okci-item.is-current .okci-ico{background:var(--okci-a-bg,var(--okci-i-bg,var(--okci-tb,var(--okci-bg,#0b4f9c))));color:var(--okci-a-c,var(--okci-i-c,var(--okci-tc,var(--okci-c,#fff))));box-shadow:0 0 0 3px var(--okci-a-ring,transparent)}.okci-item.is-current .okci-name{color:var(--okci-a-t,var(--okci-t,#3a3d46))}.okci .okci-arrow{position:absolute;top:calc(var(--okci-size) / 2 + 6px);z-index:3;display:var(--okci-arrows,flex);align-items:center;justify-content:center;width:var(--okci-a-size,34px);height:var(--okci-a-size,34px);min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:var(--okci-ar-bg,#fff);color:var(--okci-ar-c,#3a3d46);box-shadow:0 2px 10px rgba(0,0,0,.16);font-size:0;line-height:0;cursor:pointer;transform:translateY(-50%);transition:opacity .2s,background-color .2s,color .2s}.okci .okci-arrow:hover{background:var(--okci-ar-bg-h,#fff);color:var(--okci-ar-c-h,#000)}.okci .okci-arrow svg{display:block;width:16px;height:16px}.okci .okci-arrow[hidden]{display:none}.okci-prev{left:var(--okci-a-off,-6px)}.okci-next{right:var(--okci-a-off,-6px)}.okci-empty,.okcb-empty{padding:22px;border:2px dashed #c3c4c7;border-radius:12px;color:#646970;font:14px/1.5 sans-serif;text-align:center}@media (max-width:767px){.okci{--okci-size:66px;--okci-gap:14px}.okci-name{font-size:13px}}@media (prefers-reduced-motion:reduce){.okci-ico,.okci.is-scroll .okci-track{transition:none;scroll-behavior:auto}}.okcb{position:relative;width:100%}.okcb-demo{position:absolute;left:10px;bottom:10px;z-index:3;max-width:calc(100% - 20px);padding:5px 10px;border-radius:99px;background:rgba(17,17,17,.78);color:#fff;font:12px/1.35 sans-serif;pointer-events:none}.okcb *{box-sizing:border-box}.okcb-box{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:var(--okcb-ar,auto);height:var(--okcb-h,auto);border:var(--okcb-bw,0px) solid var(--okcb-bd,transparent);border-radius:var(--okcb-radius,16px);background:var(--okcb-bg,transparent);color:inherit;text-decoration:none}.okcb-box picture{display:block;width:100%;height:100%}.okcb .okcb-box img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:var(--okcb-fit,cover);object-position:var(--okcb-pos,center center);transition:transform .6s ease}a.okcb-box:hover img{transform:var(--okcb-zoom,none)}.okcb-ov{position:absolute;inset:0;z-index:1;background:var(--okcb-ov,transparent);pointer-events:none}.okcb-content{position:absolute;inset:0;z-index:2;display:flex;padding:var(--okcb-c-pad,5%);pointer-events:none}.okcb-h-left{justify-content:flex-start;text-align:left}.okcb-h-center{justify-content:center;text-align:center}.okcb-h-right{justify-content:flex-end;text-align:right}.okcb-v-top{align-items:flex-start}.okcb-v-middle{align-items:center}.okcb-v-bottom{align-items:flex-end}.okcb-c-in{display:flex;flex-direction:column;gap:8px;max-width:var(--okcb-c-w,640px)}.okcb .okcb-title{margin:0;color:var(--okcb-t-c,#fff);font-size:clamp(22px,3.4vw,46px);font-weight:800;line-height:1.08;text-shadow:0 2px 16px rgba(0,0,0,.25)}.okcb .okcb-desc{margin:0;color:var(--okcb-d-c,#fff);font-size:clamp(13px,1.3vw,17px);line-height:1.45}