.cn-modal-brindes{background:#fff;border:0;border-radius:20px;box-shadow:0 0 12px 2px rgba(0,0,0,0.2);box-sizing:border-box;display:flex;flex-direction:column;max-width:700px;padding-bottom:24px;position:fixed;top:5%;left:46%;width:100%;height:auto;z-index:9999999}.cn-modal-brindes .cn-body-modal{height:100%}.cn-modal-brindes .cn-body-modal .cn-title{align-items:center;border:0;display:flex;flex-shrink:0;justify-content:space-between;padding:24px}.cn-modal-brindes .cn-body-modal .cn-title div{display:flex;flex-direction:column}.cn-modal-brindes .cn-body-modal .cn-title div h5{color:#000;font-size:23px;font-weight:600;margin-bottom:0}.cn-modal-brindes .cn-body-modal .cn-title div h6{color:#7f7f7f;font-size:14px;font-weight:500;margin-bottom:0}.cn-modal-brindes .cn-body-modal .cn-title button{align-items:center;background:transparent;border:0;display:flex;justify-content:center;outline:0}.cn-modal-brindes .cn-body-modal .cn-title button svg{fill:#000 !important;transform:scale(1.5)}.cn-modal-brindes .cn-body-modal .cn-itens-brinds{display:flex;flex-direction:column;gap:10px;margin-right:16px;padding:0 16px 0 24px;max-height:500px;overflow:auto}.cn-modal-brindes .cn-body-modal .cn-itens-brinds .cn-groups{display:flex;flex-direction:column;gap:10px}.cn-modal-brindes .cn-body-modal .cn-itens-brinds .cn-groups h5{color:#000;font-size:16px !important;font-weight:500 !important}.cn-modal-brindes .cn-body-modal .cn-itens-brinds .cn-groups ul{grid-gap:5px;display:grid;grid-auto-flow:column;justify-content:start;list-style:none;margin:0;overflow:auto;padding-bottom:5px;padding-left:0}.cn-modal-brindes .cn-body-modal .cn-itens-brinds .cn-groups ul li{align-items:flex-start;border:2px solid #959595;border-radius:8px;display:flex;-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;flex-direction:column;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;max-width:115px;opacity:.6;overflow:hidden;padding:3px;pointer-events:none;-webkit-transform:translateZ(0);width:115px}.cn-modal-brindes .cn-body-modal .cn-itens-brinds .cn-groups ul li:not(.desativo){border-color:#124c32;filter:none;opacity:1;pointer-events:all}.cn-modal-brindes .cn-body-modal .cn-itens-brinds .cn-groups ul li .cn-iten-header{align-items:center;display:flex;height:115px;justify-content:center;max-width:115px;overflow:hidden;position:relative;width:100%;flex-direction:column}.cn-modal-brindes .cn-body-modal .cn-itens-brinds .cn-groups ul li .cn-iten-header img{border-radius:6px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cn-modal-brindes .cn-body-modal .cn-itens-brinds .cn-groups ul li .cn-iten-header strong{bottom:4px;color:#fff;font-size:12px !important;font-weight:500 !important;left:0;position:absolute;right:0;text-align:center;z-index:1}.cn-modal-brindes .cn-body-modal .cn-itens-brinds .cn-groups ul li button{background:#124c32;border:none;border-radius:4px;border-top:2px solid #fff;border-top-left-radius:0;border-top-right-radius:0;color:#fff;font-size:12px;font-weight:500;height:30px;padding:6px 8px;width:100%}.cn-modal-brindes .cn-body-modal .cn-itens-brinds .cn-groups ul li button.cn-remove{background-color:#8b0000}.cn-modal-brindes .cn-body-modal .cn-actions{display:none;justify-content:center;align-items:center;margin-top:5px}.cn-modal-brindes .cn-body-modal .cn-actions a{background-color:#124c32;padding:10px 30px;border-radius:6px;color:white}.cn-background{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:999999;background-color:rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.cn-modal-brindes{left:2%;right:2%;top:2%}.cn-modal-brindes .cn-body-modal .cn-regua-brinde .cn-progresso{margin-right:0}.cn-modal-brindes .cn-body-modal .cn-regua-brinde .cn-progresso .cn-item .cn-item-titulo{font-size:12px}.cn-modal-brindes .cn-body-modal .cn-regua-brinde .cn-progresso .cn-item:last-child .cn-item-titulo{margin-right:45px}.cn-modal-brindes .cn-body-modal .cn-itens-brinds{max-height:500px;overflow:auto}}@media (max-height: 850px){.cn-modal-brindes .cn-body-modal .cn-itens-brinds{max-height:300px;overflow:auto}}

.cn-regua-brinde{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100px;border-radius:12px;height:175px}.cn-regua-brinde .cn-titulo{font-size:22px;font-weight:600;margin-bottom:10px}.cn-regua-brinde .cn-frase{font-size:22px;font-weight:600;background-color:#124c32;color:white;padding:10px 50px;border-radius:6px;cursor:pointer}.cn-regua-brinde .cn-progresso{display:flex;align-items:center;width:70%;height:40px;border-radius:20px;position:relative;margin-right:40px}.cn-regua-brinde .cn-progresso progress{width:100%;height:100%}.cn-regua-brinde .cn-progresso .cn-item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60px;bottom:-10px;position:absolute;transform:translateX(-50%)}.cn-regua-brinde .cn-progresso .cn-item.cn-item-ativo img{border-color:#0075ffff}.cn-regua-brinde .cn-progresso .cn-item span{font-weight:800;font-size:14px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.cn-regua-brinde .cn-progresso .cn-item img{border-radius:100%;border:5px solid #ccc;width:60px;height:60px;-o-object-fit:cover;object-fit:cover}.cn-regua-brinde .cn-progresso .cn-item[data-item="2"]{left:95%;transform:translateX(-1%)}@media (max-width: 768px){.cn-regua-brinde .cn-titulo{text-align:center;font-size:18px}.cn-regua-brinde .cn-frase{font-size:16px;text-align:center}.cn-regua-brinde .cn-progresso{width:95%}.cn-regua-brinde .cn-progresso .cn-item{bottom:5px}.cn-regua-brinde .cn-progresso .cn-item span{font-size:14px}.cn-regua-brinde .cn-progresso .cn-item img{width:30px;height:30px;border-width:3px}}body:not(.pagina-carrinho) .cn-regua-brinde{box-shadow:none}.cn-modal-brindes .cn-regua-brinde .cn-frase{display:none}

.cn-button-brindes{display:flex;justify-content:center;margin-bottom:10px}.cn-button-brindes span{font-size:22px;font-weight:600;width:50%;background-color:#124c32;color:white;padding:10px 50px;border-radius:6px;cursor:pointer;text-align:center}