.jx{width:100%;max-width:860px;margin:0 auto;padding:16px 16px 12px;box-sizing:border-box;font-family:var(--font-body--family);color:#262624}.jx__cabeca,.ji__grupo,.jx__bloco{background:#fff;border:1px solid #EAE1D0;border-radius:12px;box-sizing:border-box}.jx__cabeca{padding:26px 28px 22px;margin-bottom:12px}.jx__titulo{margin:0;font-family:var(--font-heading--family);font-weight:600;font-size:var(--t-h1);line-height:1.1;letter-spacing:-.01em}.jx__intro{margin:10px 0 0;font-size:var(--t-apoio);line-height:1.5;color:#5b564c;max-width:60ch}.jx__atalho{display:inline-flex;align-items:center;gap:6px;margin-top:16px;min-height:44px;padding:0 16px;border-radius:10px;background:#262624;color:#f6efe1;font-size:var(--t-meta);font-weight:700;text-decoration:none}.jx__atalho:hover{background:#000}.jx__sec-tit{margin:22px 4px 10px;font-family:var(--font-heading--family);font-weight:600;font-size:var(--t-h2);line-height:1.15}.ji{display:flex;flex-direction:column;gap:10px}.ji__grupo{overflow:hidden}.ji__grupo-tit{display:flex;align-items:center;gap:10px;margin:0;padding:14px 20px;border-bottom:1px solid #EFE7D8;font-family:var(--font-heading--family);font-weight:600;font-size:var(--t-h3);line-height:1.2}.ji__grupo-tit i{width:10px;height:10px;border-radius:50%;background:#262624;flex:0 0 10px}.ji__grupo--cafe .ji__grupo-tit i{background:#486b45}.ji__grupo--doce .ji__grupo-tit i{background:#5e1024}.ji__grupo--emporio .ji__grupo-tit i{background:#3d2a20}.ji__grupo--kits .ji__grupo-tit i{background:#b8731f}.ji__lista{display:grid;grid-template-columns:1fr}.ji__item{display:flex;align-items:center;gap:12px;padding:10px 20px;min-height:60px;border-bottom:1px solid #EFE7D8;text-decoration:none;color:#262624;box-sizing:border-box}.ji__item:last-child{border-bottom:0}.ji__item:hover{background:#fbf7ef}.ji__item:hover b{text-decoration:underline;text-underline-offset:3px}.ji__thumb{flex:0 0 44px;width:44px;height:44px;border-radius:8px;overflow:hidden;background:#f4eee0}.ji__thumb img{width:100%;height:100%;object-fit:cover;display:block}.ji__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ji__txt b{font-size:var(--t-apoio);font-weight:600;line-height:1.3}.ji__txt small{font-size:var(--t-meta);color:#8c867a}.ji__item--mae b{font-weight:700}.ji__seta{flex:0 0 18px;width:18px;height:18px;color:#b8ae9c}@media screen and (min-width:750px){.ji__lista{grid-template-columns:1fr 1fr}.ji__item{border-bottom:1px solid #EFE7D8}.ji__item:nth-child(odd){border-right:1px solid #EFE7D8}.ji__item--mae{grid-column:1 / -1;border-right:0!important}}.jx__bloco{padding:6px 0}.jx__links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr}.jx__links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 20px;border-bottom:1px solid #EFE7D8;color:#262624;text-decoration:none;font-size:var(--t-apoio);font-weight:600}.jx__links li:last-child a{border-bottom:0}.jx__links a:hover{background:#fbf7ef}.jx__chips{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px}.jx__chips a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #E4DCCB;color:#262624;text-decoration:none;font-size:var(--t-meta);font-weight:600}.jx__chips a:hover{border-color:#262624}@media screen and (min-width:750px){.jx__links{grid-template-columns:1fr 1fr}.jx__links li:nth-child(odd) a{border-right:1px solid #EFE7D8}}@media screen and (max-width:749px){.jx{padding:12px 12px 8px}.jx__cabeca{padding:22px 16px 18px}.ji__grupo-tit{padding:13px 16px}.ji__item{padding:10px 16px}.jx__links a{padding:0 16px}.jx__chips{padding:12px 16px}}.jx__espaco{margin-top:10px}body:has(.jx) footer{position:relative;margin-top:58px}body:has(.jx) footer:before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:34px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0,90 L0,52 C180,18 340,66 560,44 C760,24 900,58 1080,36 C1220,19 1330,40 1440,26 L1440,90 Z' fill='%23262624'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat}@media screen and (min-width:750px){body:has(.jx) footer{margin-top:90px}body:has(.jx) footer:before{height:56px}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/jotace-indice.css.map */
